/*header page ABM*/
.hero-title {
  font-size: 50px;
  text-align:left;
  text-transform:none;
  font-weight: 700;
  line-height: 1.15;
  color: #1e3684;
  max-width: 900px;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 3s ease-out, transform 3s ease-out;
}

.hero.is-visible .hero-title {
  opacity: 1;
  transform: translateY(0);
}

.hero-highlight {
  position: relative;
  display: inline-block;
  z-index: 1;
}

.hero-highlight::after {
  content: "";
  position: absolute;
  left: -0.05em;
  right: -0.05em;
  bottom: 0.12em;
  height: 0.45em;
  background: rgba(201, 197, 255, 1);
  z-index: -1;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 3s ease-out;
}

.hero.is-visible .hero-highlight::after {
  transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
  .hero-title,
  .hero-highlight::after {
    transition: none;
    transform: none;
    opacity: 1;
  }
}

.header-segment {background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgb(249 253 255) 40%, rgb(198 228 255) 100%);}
.segment-subtitle-header {font-size:24px;line-height:normal;}
.segment-description-header {font-size:20px;line-height:normal;font-weight:500;}
.segment-critical .vc_column-inner {background-color:#ffffff;border-radius:10px;}
.segment-section {background: linear-gradient(180deg, rgba(255, 255, 255, 1) 5%, rgba(153, 203, 255, 1) 37%, rgba(227, 244, 255, 1) 95%, rgb(255 255 255) 100%);}
.text-segment {font-size:19px;line-height:normal;text-transform:none;font-weight:500;}

/*Feature Content Segment 0*/
.segment-content-section {
background-image: url('https://wiiisdom.com/wp-content/uploads/2025/10/footer-background.webp');
background-size: cover;
background-position: center;
box-shadow:5px 5px 4px #e1e0fd;
border-radius:10px;
}

.segment-content-section img {border-radius:10px;}

/*Customers Section*/
.segment-font-logos {font-size:18px;line-height:normal;text-align:left;} 
.segment-customers-logos .slider {width: 100%;overflow: hidden;background-color: #fff;position: relative;}
.segment-customers-logos .slider::before, .slider::after {content: '';position: absolute;top: 0;width: 10%;height: 100%;z-index: 2;}
.segment-customers-logos .slider::before {left: 0;background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
.segment-customers-logos .slider::after {right: 0;background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
.segment-customers-logos .slide-track {display: flex;width: calc(210px * 14);animation: scroll 50s linear infinite;}
.segment-customers-logos .slide {width: 210px;height: 100px;display: flex;justify-content: center;align-items: center;}
.segment-customers-logos .slide img {width: 100%;height: auto;padding: 0px 18px;}

/*Benefits Section*/
.segment-for-capabilities .vc_column-inner {border-radius: 10px;box-shadow: 4px 3px 9px #c2e1fd;background-color: #f6f6ff;}
    
/*Slider Img*/
.segment-accordion-layout {
  display: grid;
  grid-template-columns: 35% 65%;
  gap: 60px;
  align-items: center;
}

.segment-accordion-border {border-bottom:1px solid #003cff;}

/*Titles*/
.segment-accordion-title {
  position: relative;
  background: none;
  border: none;
  font-size: 23px;
  font-weight: 600;
  color: #6983d7;
  cursor: pointer;
  text-align: left;
  padding: 30px 30px 30px 0;
  width: 100%;
}

/*Icons*/
.segment-accordion-title::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.3s ease;
}

.segment-accordion-item.active .segment-accordion-title::after {
  transform: translateY(-50%) rotate(-135deg);
}

.segment-accordion-item.active .segment-accordion-title {
  color: #1e3684;
}

/*Text*/
.segment-accordion-text {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.4s ease;
  font-size: 18px;
  font-weight: 400;
  color:#1e3684;
}

.segment-accordion-item.active .segment-accordion-text {
  max-height: 200px;
  opacity: 1;
}

/*Img*/
.segment-accordion-right img {
  width: 100%;
  height: auto;
}

/*Mobile*/
@media (max-width: 768px) {
  .segment-accordion-layout {grid-template-columns: 1fr;gap: 30px;}
  .segment-accordion-title {font-size:20px;}
  .segment-accordion-text {font-size:17px;}
  .segment-accordion-right {
    display: none;
  }
  .segment-accordion-image-mobile {
    display: none;
    margin: 20px 0;
  }
  .segment-accordion-item.active .segment-accordion-image-mobile {
    display: block;
  }
  .segment-accordion-image-mobile img {
    width: 100%;
    height: auto;
    border-radius: 12px;
  }
}

/*Quote*/
.quote-segment {background:linear-gradient(75deg,rgba(0, 25, 149, 1) 0%, rgba(0, 120, 223, 1) 23%, rgba(61, 210, 255, 1) 46%, rgba(0, 120, 223, 1) 76%, rgba(0, 25, 149, 1) 100%);box-shadow: 5px 5px 4px #a3b9ff;}

/*Footer*/
.footer-segment {background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(249 253 255) 40%, rgb(198 228 255) 100%);}

/*Footer*/
.footer-cta {
  padding: 10px 24px;
  text-align: center;
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.footer-cta.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.footer-text {
  font-size: 50px;
  font-weight: 700;
  color: #1e3684;
  line-height: 1.3;
  margin-bottom: 32px;
}

.highlight {
  position: relative;
  display: inline-block;
  z-index: 1;
}

.highlight::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.12em;
  width: 100%;
  height: 0.45em;
  background: rgba(201, 197, 255, 1);
  z-index: -1;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.75s ease-out;
}

.footer-cta.is-visible .highlight::after {
  transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
  .footer-cta,
  .highlight::after {
    transition: none;
    transform: none;
    opacity: 1;
  }
}

@media (max-width: 768px) {
  .hero-title {font-size: 30px;text-align:center;line-height: normal;}
  .header-segment .gem-button-position-left {float:none!important;text-align:center!important;}
  .header-segment .gem-button-position-left .gem-button {margin-right:0px;}
  .accounts-logos {text-align:center!important;}
  .segment-subtitle-header {font-size:20px;text-align:center;}
  .segment-description-header {font-size:17px;text-align:center;}
  .segment-font-logos {font-size:17px;text-align:center;}
  .quote-segment {border-radius:10px;}
  .footer-text {font-size: 25px;line-height: normal;margin-bottom: 0px;}
}

/*ABM - Segment 0*/
/*Remove top announcement bar*/

.page-id-70863 #top-announcement, .page-id-71180 #top-announcement, .page-id-71312 #top-announcement,
.page-id-71317 #top-announcement, .page-id-71321 #top-announcement, .page-id-71325 #top-announcement,
.page-id-71329 #top-announcement, .page-id-71333 #top-announcement, .page-id-71347 #top-announcement,
.page-id-71353 #top-announcement, .page-id-71359 #top-announcement, .page-id-71365 #top-announcement,
.page-id-71371 #top-announcement, .page-id-71391 #top-announcement, .page-id-71414 #top-announcement,
.page-id-71420 #top-announcement, .page-id-71426 #top-announcement, .page-id-71432 #top-announcement,
.page-id-71438 #top-announcement, .page-id-71446 #top-announcement, .page-id-71452 #top-announcement,
.page-id-71458 #top-announcement, .page-id-71464 #top-announcement, .page-id-71470 #top-announcement,
.page-id-71476 #top-announcement, .page-id-71482 #top-announcement, .page-id-71488 #top-announcement,
.page-id-71494 #top-announcement, .page-id-71500 #top-announcement, .page-id-71507 #top-announcement,
.page-id-71513 #top-announcement, .page-id-71519 #top-announcement, .page-id-71530 #top-announcement,
.page-id-71621 #top-announcement, .page-id-71629 #top-announcement, .page-id-71635 #top-announcement,
.page-id-71597 #top-announcement, .page-id-71641 #top-announcement, .page-id-71603 #top-announcement,
.page-id-71615 #top-announcement, .page-id-71609 #top-announcement, .page-id-71647 #top-announcement,
.page-id-71654 #top-announcement, .page-id-71661 #top-announcement, .page-id-71667 #top-announcement {display:none;}
  
/*ABM - Segment 1*/
/*Remove top announcement bar*/
.page-id-71690 #top-announcement, .page-id-71871 #top-announcement, .page-id-71880 #top-announcement,
.page-id-71887 #top-announcement, .page-id-71895 #top-announcement, .page-id-71901 #top-announcement,
.page-id-71910 #top-announcement, .page-id-71914 #top-announcement, .page-id-71920 #top-announcement,
.page-id-71629 #top-announcement, .page-id-71932 #top-announcement, .page-id-71939 #top-announcement,
.page-id-71943 #top-announcement, .page-id-71947 #top-announcement, .page-id-71971 #top-announcement,
.page-id-71985 #top-announcement {display:none;}

/*HOMEPAGE DESIGN*/
/*New Hero*/
.reveal-row{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
.reveal-row.is-visible{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce) {
    .reveal-row{transition:none;opacity:1;transform:none;}
  }

.vc_row.hero-grid-bg {
  position:relative;
  overflow:hidden;
  background-color:#fff;
  z-index:0;
}
 
/* quadrillage */
.vc_row.hero-grid-bg::before {
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.5;
  pointer-events:none;
  background-image:
    linear-gradient(#f0f6ff 1px,transparent 1px),
    linear-gradient(90deg,#f0f6ff 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 70% 30%,#000,transparent 72%);
  mask-image:radial-gradient(circle at 70% 30%,#000,transparent 72%);
}
 
/* les deux touches de couleur */
.vc_row.hero-grid-bg::after {
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  clear:none !important;
  background-image:
    radial-gradient(circle at 100% 50%, #D4E0FF, transparent 20%),
    radial-gradient(circle at 0% 50%, transparent 0%, #f5f5ff 15%, transparent 20%)
}
 
.vc_row.hero-grid-bg > .vc_row-fluid,
.vc_row.hero-grid-bg > .wpb_wrapper,
.vc_row.hero-grid-bg .vc_column-inner {
  position:relative;
  z-index:1;
}

.title-section-tag {
  color: #2563ff;
  font-size: 14px;
  letter-spacing: .14em;
  font-weight: 600;
}

.title-section-tag::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #2563ff;
  flex-shrink: 0;
  margin-right:6px;
  margin-bottom:1px;
}

.header-title-hero {
  color: #1e3684;
  font-size: 42px;
  line-height: normal;
  text-transform: none;
}

.header-gradient-title-hero {
  background-image: linear-gradient(90deg, #2563ff, #41baf4);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.header-subtitle-hero {
  color: #1e3684;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 500;
}

.header-description-hero {
  color: #3962a7;
  font-size: 17px;
  line-height: 1.6;
}

.hero-cta {
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
 
.hero-cta .btn {
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Montserrat';font-weight:600;font-size:15px;
  padding:14px 24px;border-radius:11px;cursor:pointer;border:1.5px solid transparent;
  transition:transform .18s ease,box-shadow .25s ease,background .2s ease;
  white-space:nowrap;
  }

  .hero-cta .btn-primary{background-color:#2563ff;color:#fff;box-shadow:0 6px 20px rgba(37,99,255,.28);}
  .hero-cta .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,99,255,.38);}
  .hero-cta .btn-ghost{background:transparent;color:#2563ff;border-color:#2563ff;}
  .hero-cta .btn-ghost:hover{border-color:#2563ff;background:#dbe5fe;transform:translateY(-2px);}
  .hero-cta .btn .arr{transition:transform .2s ease;}
  .hero-cta .btn:hover .arr{transform:translateX(3px);}
 
@media(max-width:680px){
  .hero-cta .btn{font-size:13px;padding:13px 20px;}
  }

@media(max-width:480px){
  .hero-cta {flex-direction:column;gap:12px}
  .hero-cta .btn{width:100%;}
  }

 .hero-note {
    margin-top:22px;
    font-size:12px;
    color:#909db2;
    display:flex;
    align-items:center;
    gap:8px;
    font-weight:500;
   line-height:1.5;
  }
  .hero-note .hero-note-tick {
    width:16px;height:16px;border-radius:50%;
    background:#0cad1f;
    display:inline-flex;align-items:center;justify-content:center;
    flex:none;
  }
  .hero-note .hero-note-tick svg {width:9px;height:9px;display:block;}
 
  @media(max-width:480px){
    .hero-note {font-size:12px;align-items:flex-start;}
    .hero-note .hero-note-tick{margin-top:2px;}
  }

/*Slider Customers Logos*/
.customers-logos-slide-track {display: flex;width: calc(210px * 14);animation: scroll 50s linear infinite;align-items: center;justify-content: center;flex-wrap:wrap;gap:45px;}
.customers-logos-slider {width:100%;overflow: hidden;background-color: transparent;position: relative;}
.customers-logos-slider::before, .slider::after {content: '';position: absolute;top: 0;width: 10%;height: 100%;z-index: 2;}
.customers-logos-slider::before {left: 0;background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
.customers-logos-slider::after {right: 0;background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
.customers-logos-slide {height: 32px;display: flex;justify-content: center;align-items: center;flex:none;}
.customers-logos-slide span {font-size:22px;color:#9aa8c2;letter-spacing: -.01em;transition: color .2s;opacity: .85;font-weight:800;}
.customers-logos-slide img {width: auto;height: 100%;padding: 0px 18px;max-width:150px;object-fit:contain;display:block;}
@keyframes scroll {0% {transform: translateX(0);} 100% { transform: translateX(calc(-50%));}}

/*Gartner Section*/
.vc_row.gartner-hype-cycle-section{
  position:relative;
  overflow:hidden;
  padding:36px 44px;
  background: linear-gradient(129deg,rgba(238, 241, 255, 1) 0%, rgba(255, 255, 255, 1) 19%, rgba(255, 255, 255, 1) 82%, rgba(227, 234, 245, 1) 100%);
  border: 1px solid #eff5ff;
  border-radius: 10px;
  box-shadow: 1px 17px 60px rgb(200 217 255 / 27%);
}
 
.vc_row.gartner-hype-cycle-section::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:linear-gradient(180deg, #2563ff, #41baf4);
  z-index:1;
}

.main-title-section {
  font-size:26px;
  line-height:normal;
  text-transform:none;
}

.new-font-section {font-size: 18px;line-height: 1.6;font-weight: 500;}

.read-link {
  color:#2563ff;
  font-size:15px;
  font-weight:600;
}

.read-link:hover {
  color:#2563ff;
  font-size:15px;
  font-weight:600;
}

.read-link .arr{
  display:inline-block;
  transition:transform .2s ease;
}
.read-link:hover .arr{
  transform:translateX(3px);
}

.small-text-section {
  font-size:11px;
  line-height:1.5;
  color: #3962a7;
  border-top: 1px solid #cbd7ec;
  padding-top: 20px;
}

.main-title-module {
  font-size:36px;
  line-height:normal;
  text-transform:none;
}

/*Why Agentic Anamytics Governance Now*/
  .why-points {display:flex;flex-direction:column;gap:22px;max-width:540px;margin:0 auto;}
  .why-point {display:flex;gap:16px;align-items: center;padding: 5px 10px;background-color: #f1f2fe;border-radius: 10px;min-height:126px;}
  .why-point h4 {text-transform: none;margin-bottom: 5px;font-size:17px;line-height:normal;}
  .why-point .pi{
    width:44px;height:44px;border-radius:12px;flex:none;
    background:#e8eafb;display:flex;align-items:center;justify-content:center;
  }
  .why-point .pi svg{width:21px;height:21px;}
  .why-point p {font-size:15px;color:#3962a7;line-height:normal;}
 
  /* ---------- responsive ---------- */
  @media(max-width:768){
    .why-point {gap:12px;min-height:145px;}
    .why-point .pi {width:38px;height:38px;}
    .why-point .pi svg {width:18px;height:18px;}
    .why-point h4 {font-size:17px;}
    .why-point p {font-size:14px;}
  }

/*Last Mile Section*/
.bg-dark-section {
   background: linear-gradient(129deg, rgb(17, 31, 69) 70%, rgb(0, 32, 126) 100%);
}

/*The Patform Section*/
.light-module-bg { 
  background: linear-gradient(196deg,rgba(207, 219, 255, 1) 0%, rgba(255, 255, 255, 1) 35%);
}

.website-design-icons svg {
    width: 44px;
    height: 44px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.use-cases-box .vc_column-inner {
    background-color :#fff;
    padding: 25px;
    border: 1px solid #eff5ff;
    border-radius: 10px;
    box-shadow: 1px 14px 15px rgb(200 217 255 / 27%);
}

.use-cases-box .vc_column-inner:hover {
    box-shadow: 1px 20px 15px rgb(134 160 218 / 27%);
}

.use-cases-dark-box .vc_column-inner {
    background: linear-gradient(129deg, rgb(17, 31, 69) 70%, rgb(0, 32, 126) 100%);
    padding: 25px;
    border: 1px solid #eff5ff;
    border-radius: 10px;
    box-shadow: 1px 14px 15px rgb(200 217 255 / 27%);
}

.use-cases-dark-box .vc_column-inner:hover {
    box-shadow: 1px 20px 15px rgb(134 160 218 / 27%);
}

.use-cases-box-title {
  line-height:normal;
  font-size:17px;
  font-weight:700;
  height:50px;
}

.use-cases-box-description {
  color:#3962a7;
  line-height:normal;
  font-size:15px;
  height:80px;
}

.use-cases-box-title-techno {
  line-height:normal;
  font-size:17px;
  font-weight:700;
}

.use-cases-box-description-techno {
  color:#3962a7;
  line-height:normal;
  font-size:15px;
}

.use-cases-badges {
  font-size: 14px;
  font-weight: 600;
  color: #4b6ce6;
}

.use-cases-badges-techno {
  font-size: 14px;
  background-color: rgba(19, 200, 166, .18);
  border-radius: 8px;
  font-weight: 600;
  color: #7fe7d2;
  padding: 5px 10px;
}

.uc-tech {display:flex;flex-direction:column;gap:9px;margin-top:18px;}
.uc-tech a {
    display:flex;align-items:center;gap:11px;
    padding:9px 12px;border-radius:10px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    transition:background .18s,transform .18s;
    color:#e7eefb;font-size:13.5px;font-weight:600;
    text-decoration:none;
  }

.uc-tech a:hover {background:rgba(255,255,255,.12);transform:translateX(3px);}
.uc-tech .tlogo {
    width:24px;height:24px;border-radius:6px;background:#fff;
    display:flex;align-items:center;justify-content:center;flex:none;
  }
.uc-tech .tlogo svg {width:16px;height:16px;display:block;}
.uc-tech .tarr {margin-left:auto;color:#9fb1d2;}
 
  /* ---------- responsive ---------- */
  @media(max-width:768px){
    .uc-tech a{font-size:13px;padding:8px 10px;}
    .use-cases-box-title {height:auto;}
    .use-cases-box-description {height:auto;}
  }

/*Pain Points Section*/
.light-bg-module { 
  background: linear-gradient(17deg,rgba(207, 219, 255, 1) 0%, rgba(255, 255, 255, 1) 35%);
}

.pain-list {
  display:flex;
  flex-direction:column;
  gap:14px;
}
 
.pain-card {
   position:relative;overflow:hidden;
   background:#fff;border:1px solid #eff5ff;border-radius:10px;
   padding:30px 32px;
   box-shadow: 1px 14px 15px rgb(200 217 255 / 27%);
  }

.pain-card::before {
    content:"";
    position:absolute;left:0;top:0;bottom:0;
    width:5px;
    background-image:linear-gradient(180deg, #2563ff, #41baf4);
    transform:scaleY(0);
    transform-origin:top;
    transition:transform .35s ease;
  }

.pain-card:hover::before{transform:scaleY(1);}

.pain-card .num {
  position:absolute;right:18px;top: 0;
  font-family:'Montserrat';font-weight:700;line-height:1;
  font-size:96px;color:#eaf0ff;
  pointer-events:none;user-select:none;
  }

.pain-card .pbody {position:relative;max-width:68ch;}

.pain-card h3 {
  font-family:'Montserrat';font-weight:700;line-height:normal;text-transform:none;
  font-size:20px;margin:0 0 10px;color:#1e3684;
  }

.pain-card p {font-size:15px;color:#3962a7;line-height:normal;margin:0;}
 
  /* ---------- responsive ---------- */
  @media(max-width:680px){
    .pain-card {padding:24px 22px;}
    .pain-card .num {font-size:46px;right:12px;}
    .pain-card h3 {font-size:18px;max-width:20ch;}
  }
  @media(max-width:420px){
    .pain-card .num {font-size:36px;}
    .pain-card .pbody {max-width:100%;}
  }

/*Personas Section*/
 .persona-grid {
   display:grid;
   grid-template-columns:repeat(2,1fr);
   gap:16px;
}
 
.persona {
    display:grid;grid-template-columns:auto 1fr;gap:18px;
    background:rgb(204 214 246 / 18%);
    border-radius:10px;padding:22px 24px;border: 1px solid rgb(204 214 246 / 30%);
    transition:border-color .2s,transform .2s,background .2s;
    text-decoration:none;
  }

.persona:hover {background: rgb(204 214 246 / 26%);transform:translateY(-3px);}
 
  .pav {
    width:46px;height:46px;border-radius:11px;flex:none;
    display:flex;align-items:center;justify-content:center;
    font-family:'Montserrat';font-weight:700;font-size:15px;
  }
  
  .pav-grey {background:rgb(202 217 242 / 21%);color:#9aa8c2;}
 
  .persona h4 {font-family:'Montserrat';font-weight:700;font-size:17px;margin:0 0 3px;color:#1e3684;text-transform:none;line-height:normal;}
  .persona p {font-size:15px;color:#3962a7;line-height:normal;margin:0}
 
  .persona-cta {
    background:rgba(77,123,255,.12);border:1px solid rgba(77,123,255,.35);
  }
  .persona-cta:hover{background:rgba(77,123,255,.18);border-color:rgba(77,123,255,.5);}
  .persona-cta .pav {background:rgba(77,123,255,.18);color:#9fc0ff;}
  .persona-cta .pav svg {width:20px;height:20px;display:block;}
 
  /* ---------- responsive ---------- */
  @media(max-width:680px){
    .band-dark{padding:64px 0;}
    .persona-grid{grid-template-columns:1fr;}
    .persona{padding:20px;}
  }
  @media(max-width:420px){
    .persona{grid-template-columns:auto 1fr;gap:14px;padding:18px;}
    .pav{width:40px;height:40px;font-size:13px;}
    .persona h4{font-size:15px;}
    .persona p{font-size:13.5px;}
  }

/*Capabilities Section*/
.vc_row.long-section-bg {
  position:relative;
  overflow:hidden;
  background:#FFF;
  z-index:0;
}

.vc_row.long-section-bg::after {
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  clear:none !important;
  background-image:
    radial-gradient(circle at 92% 18%,  rgba(37,99,255,.1), transparent 20%),
    radial-gradient(circle at 6% 42%,  rgba(35,19,200,.1), transparent 22%),
    radial-gradient(circle at 88% 78%, rgba(77,123,255,.1),  transparent 26%),
    radial-gradient(circle at 10% 100%,rgba(35,19,200,.1),  transparent 26%);
}
 
@media(max-width:680px) {
  .vc_row.long-section-bg::after{
    background-image:
      radial-gradient(circle at 95% 2%,  rgba(37,99,255,.045), transparent 30%),
      radial-gradient(circle at 4% 38%,  rgba(35,19,200,.035), transparent 26%),
      radial-gradient(circle at 92% 74%, rgba(77,123,255,.04),  transparent 30%),
      radial-gradient(circle at 6% 100%, rgba(35,19,200,.03),  transparent 30%);
  }
}
 
/* s'assure que le contenu de la row reste au-dessus du décor */
.vc_row.long-section-bg > .vc_row-fluid,
.vc_row.long-section-bg > .wpb_wrapper,
.vc_row.long-section-bg .vc_column-inner {
  position:relative;
  z-index:1;
}

.capabilities-box .vc_column-inner {
    background-color :#fff;
    padding: 25px;
    border: 1px solid #c9ddf5;
    border-radius: 10px;
}

.capabilities-box .vc_column-inner:hover {
    box-shadow: 1px 20px 15px rgb(134 160 218 / 27%);
}

.capabilities-box-nb {
  font-size: 14px;
  background-color: rgb(201 213 254);
  border-radius: 8px;
  font-weight: 600;
  color: #4b6ce6;
  padding: 5px 10px;
}

.capabilities-box-title {
  line-height:normal;
  font-size:19px;
  font-weight:700;
}

.capabilities-box-subtitle {
  line-height:normal;
  font-size:16px;
  font-weight:600;
  color:#2563ff;
  height:40px;
}

.capabilities-box-description {
  line-height:normal;
  font-size:15px;
  color:#3962a7;
}

/*Quote slider*/
.quote-slider {position:relative}
 
.quote-slider-track {
    display:flex;
    overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
    -ms-overflow-style:none;scrollbar-width:none;
}

.quote-slider-track::-webkit-scrollbar {display:none;}
 
.quote-slide {
    flex:0 0 100%;scroll-snap-align:start;
    display:flex;justify-content:center;
    padding:4px 4px 14px;
}
 
.quote-story-card {
    width:100%;max-width:1000px;
    background:#fff;border: 1px solid #eff5ff;border-radius:10px;
    padding:32px 60px;display:flex;flex-direction:column;
    box-shadow: 1px 14px 15px rgb(200 217 255 / 27%);
  }

.quote-story-card .logo {height:60px;margin-bottom:18px;display:flex;justify-content: center;}
.quote-story-card .logo img {max-height:100%;max-width:140px;width:auto;object-fit:contain;display:block;}
.quote-story-card .quote {font-size:19px;;line-height:normal;margin-bottom:22px;font-weight:700;text-align:center;}
.quote-story-card .rl {font-size:15px;color:#3962a7;margin-top:2px;margin-bottom:18px;text-align:center;}
.quote-story-card .read {
    margin-top:auto;font-size:15px;font-weight:600;color:#2563ff;
    display:inline-flex;align-items:center;gap:6px;text-decoration:none;justify-content:end;
  }

.quote-story-card .read .arr {transition:transform .2s ease;}
.quote-story-card .read:hover .arr {transform:translateX(3px);}
 
.quote-slider-nav {
    position:absolute;top:50%;transform:translateY(-50%);
    width:40px;height:40px;border-radius:50%;
    background:#fff;border:1px solid #eff5ff;
    box-shadow:1px 14px 15px rgb(200 217 255 / 27%);cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    font-size:18px;z-index:2;
    transition:border-color .2s,box-shadow .2s;
  }

.quote-slider-nav.prev {left:-20px;}
.quote-slider-nav.next {right:-20px;}
 
.quote-slider-dots {display:flex;justify-content:center;gap:8px;margin-top:26px;}
 
.quote-slider-dots button {
    width:8px;height:8px;border-radius:50%;border:none;padding:0;cursor:pointer;
    background:#d3e3fe;transition:background .2s,transform .2s;
  }
  
.quote-slider-dots button.active{background:#2563ff;transform:scale(1.2);}
 
  @media(max-width:680px) {
    .quote-story-card {padding:32px 30px;}
    .quote-slider-nav{display:none;}
    .quote-story-card .quote {font-size: 17px;}
  }

/*Ressources*/
.ressources-feat {
    display:flex;align-items:center;justify-content:space-between;gap:24px;
    background: linear-gradient(129deg, rgb(17, 31, 69) 70%, rgb(0, 32, 126) 100%);
    border-radius: 10px;padding:34px 40px;color:#fff;
    position:relative;overflow:hidden;margin-bottom:22px;
    transition:transform .2s ease;
  }

.ressources-feat:hover {transform:translateY(-3px);}
.ressources-feat::before {
    content:"";position:absolute;top:-120px;right:-90px;width:360px;height:360px;
    border-radius:50%;background:radial-gradient(circle,rgba(37,99,255,.3),transparent 64%);
  }

.ressources-feat .ressources-feat-body {position:relative;max-width:60ch;}
.ressources-feat .ressources-tag {
  font-size: 14px;
  font-weight: 600;
  color: #2563ff;
  margin-bottom:12px;
}

.ressources-feat h3 {color:#fff;font-size:24px;line-height:normal;margin-bottom:10px;text-transform:none;}
.ressources-feat .ressources-by {font-size:15px;color:#d3e3fe;}
.ressources-feat .ressources-link {
    position:relative;flex:none;font-size:14px;font-weight:600;color:#fff;
    display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  }
.ressources-feat .ressources-link .arr {transition:transform .2s ease;}
.ressources-feat:hover .ressources-link .arr {transform:translateX(3px);}
 
  /* ---------- 3 ressources en ligne ---------- */
.ressources-row {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.ressources-side {
    background:#fff;border:1px solid #eff5ff;border-radius:10px;
    padding:26px 24px;display:flex;flex-direction:column;
    box-shadow:1px 14px 15px rgb(200 217 255 / 27%);
    transition:transform .2s,box-shadow .25s,border-color .2s;
  }

.ressources-side:hover{transform:translateY(-4px);border-color:#2563ff;}
.ressources-side .ressources-type {
  font-size: 14px;
  font-weight: 600;
  }

.ressources-side .ressources-guide {
  background-color: rgb(176 227 211);
  border-radius: 8px;
  color: #009768;
  padding: 5px 10px;
  }

.ressources-side .ressources-wp {
  background-color: rgb(211 195 252);
  border-radius: 8px;
  color: #6638DF;
  padding: 5px 10px;
  }

.ressources-side .ressources-report {
  background-color: rgb(255 239 196);
  border-radius: 8px;
  color: #BA9324;
  padding: 5px 10px;
  }

.ressources-side .ressources-article {
  background-color: rgb(238 241 255);
  border-radius: 8px;
  color: #3a54b4;
  padding: 5px 10px;
  }

.ressources-side h4 {font-size:19px;line-height:normal;margin-bottom:auto;text-transform:none;font-weight:700;}
.ressources-side .ressources-link {
    margin-top:20px;font-size:15px;font-weight:600;color:#2563ff;
    display:inline-flex;align-items:center;gap:6px;
  }
  
.ressources-side .ressources-link .arr {transition:transform .2s ease;}
.ressources-side:hover .ressources-link .arr {transform:translateX(3px);}
 
  @media(max-width:980px) {
    .ressources-row {grid-template-columns:1fr 1fr;}
}

  @media(max-width:680px) {
.ressources-feat {flex-direction:column;align-items:flex-start;padding:28px 26px;}
.ressources-row {grid-template-columns:1fr;}
  }

/*Footer CTA*/
.final-footer-cta {padding:66px 0;}
.final-footer-cta-wrap {max-width:100%;margin:0 auto;}
 
  .footer-cta-final { 
    background:linear-gradient(129deg, rgb(17, 31, 69) 70%, rgb(0, 32, 126) 100%);
    color:#fff;border-radius:25px;padding:35px 54px 84px 54px;
    position:relative;overflow:hidden;text-align:center;
  }
  .footer-cta-final::before {
    content:"";position:absolute;top:-120px;right:-80px;width:420px;height:420px;
    border-radius:50%;background:radial-gradient(circle,rgba(37,99,255,.3),transparent 64%);
  }
  .footer-cta-final::after {
    content:"";position:absolute;bottom:-160px;left:-60px;width:380px;height:380px;
    border-radius:50%;background:radial-gradient(circle,rgba(19,200,166,.16),transparent 62%);
  }
  .footer-cta-final h2 {color:#fff;font-size:42px;position:relative;line-height:normal;text-transform:none;}
  .footer-cta-final p {color:#d3e3fe;font-size:20px;max-width:52ch;margin:18px auto 32px;position:relative;line-height:normal;}
  .footer-cta-final .footer-hero-cta {justify-content:center;position:relative;}
 
  .footer-hero-cta {display:flex;gap:14px;flex-wrap:wrap;}
 
  .footer-hero-cta .btn {
    display:inline-flex;align-items:center;justify-content:center;gap:9px;
    font-family:'Montserrat';font-weight:600;font-size:15px;
    padding:14px 24px;border-radius:10px;cursor:pointer;border:1.5px solid transparent;
    transition:transform .18s ease,box-shadow .25s ease,background .2s ease;
    white-space:nowrap;text-decoration:none;
  }

  .footer-hero-cta .btn-primary {background:#2563ff;color:#fff;box-shadow:0 6px 20px rgba(37,99,255,.28);}
  .footer-hero-cta .btn-primary:hover {transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,99,255,.38);}
  .footer-hero-cta .btn-ghost-light {background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.25);}
  .footer-hero-cta .btn-ghost-light:hover {background:rgba(255,255,255,.12);transform:translateY(-2px);}
  .footer-hero-cta .btn .arr {transition:transform .2s ease;}
  .footer-hero-cta .btn:hover .arr {transform:translateX(3px);}
 
  @media(max-width:680px){
    .footer-cta-final h2 {font-size:28px;margin-top:10px;}
    .final-footer-cta {padding:54px 0;}
    .footer-cta-final {padding:48px 26px;}
    .footer-cta-final p {font-size:18px;}
    .footer-hero-cta {flex-direction:column;gap:12px};
    .footer-hero-cta .btn {width:100%;}
    .footer-hero-cta .btn {font-size:13px;}
  }

/*FAQ*/
.faq-footer-sec-head.faq-footer-center {max-width:100%;margin:0 auto 44px;text-align:center;}
.faq {max-width:820px;margin:0 auto;}
.faq-item {border-bottom:1px solid #d3e3fe;}
.faq-q-heading {margin:0;}

.faq-q {
    width:100%;text-align:left;background:none;border:none;cursor:pointer;
    padding:24px 0 10px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
    font-family:'Montserrat';font-weight:700;font-size:18px;color:#1a3684;
  }
  .faq-q:focus-visible{outline:2px solid #2563ff;outline-offset:4px;border-radius:6px;}
  .faq-q .qtext {padding-top:1px;line-height: normal;}
  .faq-q .ic {
    width:26px;height:26px;border-radius:7px;border:1.5px solid #d3e3fe;flex:none;
    display:flex;align-items:center;justify-content:center;color:#2563ff;
    transition:background .3s ease,border-color .3s ease,color .3s ease, transform .4s cubic-bezier(.34,1.56,.64,1);
  }
  .faq-q .ic::before {content:"+";font-size:18px;line-height:1;}
  .faq-item.open .faq-q .ic {background:#2563ff;border-color:#2563ff;color:#fff;transform:rotate(45deg);}
 
  .faq-a {display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:max-height .45s cubic-bezier(.22,1,.36,1), opacity .35s ease;}
  .faq-item.open .faq-a {grid-template-rows:1fr;opacity:1;}
  .faq-a p {font-size:15px;color:#3962a7;line-height:1.65;padding:0 0 24px;margin:0;max-width:66ch;overflow:hidden;min-height:0;margin:0;}
 
  @media(max-width:680px) {
    .faq-footer-band {padding:24px 0;}
    .faq-q {font-size:16px;padding:20px 0;gap:14px;}
    .faq-q .ic {width:22px;height:22px;}
    .faq-a p {font-size:14px;padding-bottom:20px;}
  }

  @media(prefers-reduced-motion:reduce) {
    .faq-a {transition:none;}
    .faq-item.open .faq-q .ic{transition:none;}
  }

@media (max-width: 768px) {
  .header-title-hero {font-size: 28px;}
  .header-subtitle-hero {font-size: 18px;}
  .header-description-hero {font-size: 15px;}
  .main-title-section {font-size:21px;}
  .vc_row.gartner-hype-cycle-section {margin: 1px;padding: 6px 14px;}
  .main-title-module {font-size:26px;}
  .light-module-bg {background: linear-gradient(196deg, rgba(207, 219, 255, 1) 0%, rgba(255, 255, 255, 1) 13%);}
  .use-cases-box {padding:21px!important;margin-top:0;}
  .use-cases-dark-box {padding:21px!important;margin-top:0;}
  .capabilities-box {padding:21px!important;margin-top:0;}
  .solutions-dark-box {padding:21px!important;margin-top:0;}
}

/*WHO WE SERVE WEBPAGE DESIGN*/
.hero-cta-center {
  display:flex;
  gap:14px;
  justify-content:center;
}
 
.hero-cta-center .btn {
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Montserrat';font-weight:600;font-size:15px;
  padding:14px 24px;border-radius:11px;cursor:pointer;border:1.5px solid transparent;
  transition:transform .18s ease,box-shadow .25s ease,background .2s ease;
  white-space:nowrap;
  }

  .hero-cta-center .btn-primary{background-color:#2563ff;color:#fff;box-shadow:0 6px 20px rgba(37,99,255,.28);}
  .hero-cta-center .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,99,255,.38);}
  .hero-cta-center .btn-ghost{background:transparent;color:#2563ff;border-color:#2563ff;}
  .hero-cta-center .btn-ghost:hover{border-color:#2563ff;background:#dbe5fe;transform:translateY(-2px);}
  .hero-cta-center .btn .arr{transition:transform .2s ease;}
  .hero-cta-center .btn:hover .arr{transform:translateX(3px);}
 
@media(max-width:680px){
  .hero-cta-center .btn{font-size:14px;padding:13px 20px;}
  }

@media(max-width:480px){
  .hero-cta-center {flex-direction:column;gap:12px}
  .hero-cta-center .btn{width:100%;}
  }

/*By Role Section*/
.sc-viewport {position:relative;}

  .sc-viewport::before,.sc-viewport::after {
    content:"";
    position:absolute;
    top:0;bottom:10px;
    width:90px;
    z-index:2;
    pointer-events:none;
  }

  .sc-viewport::before {
    left:0;
    background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(242,246,252,0) 100%);
  }
  .sc-viewport::after {
    right:0;
    background:linear-gradient(to left, rgba(255,255,255,0.2) 0%, rgba(242,246,252,0) 100%);
  }

.sc-track {
    display:flex;
    gap:20px;
    overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
    -ms-overflow-style:none;scrollbar-width:none;
    padding:6px max(16px, calc((100% - 620px)/2)) 10px;
  }
  .sc-track::-webkit-scrollbar {display:none;}
 
  .sc-slide {
    flex:0 0 min(78%, 620px);
    scroll-snap-align:center;
    opacity:.35;
    transform:scale(.9);
    transition:opacity .3s ease, transform .3s ease;
  }
  .sc-slide.is-active {
    opacity:1;
    transform:scale(1);
  }
 
  .stakeholder-card {
    background:#ffffff;border:1px solid #eff5ff;border-radius:10px;
    padding:32px 34px;box-shadow:0 1px 2px rgba(10, 23, 51, .04), 0 2px 8px rgba(10, 23, 51, .04);height:100%;
  }
 
  .sc-head {margin-bottom:18px;}
  .sc-head h4 {font-size:17px;margin-bottom:3px;color:#1e3684;text-transform:none;line-height:normal;margin-top:0;}
  .sc-head .sc-sub {font-size:12px;font-style:italic;color:#909db2;line-height:1.4}
 
  .sc-problem {
    background:rgba(255,159,69,.06);border-left:3px solid #f39200;
    border-radius:0 10px 10px 0;padding:13px 17px;margin-bottom:14px;
  }
  .sc-problem .lbl {font-weight:700;color:#d97a1f;font-size:14px}
  .sc-problem p {display:inline;font-size:14px;color:#3962a7;line-height:1.65;margin:0}
 
  .sc-solution {background:#eaf0ff;border-radius:10px;padding:17px 19px;margin-bottom:16px;}
  .sc-solution .lbl {display:block;font-weight:700;color:#2563ff;font-size:14px;margin-bottom:4px;}
  .sc-solution p {font-size:14px;color:#3962a7;line-height:1.7;margin:0;}
 
  .sc-outcome {display:flex;align-items:flex-start;gap:9px;}
  .sc-outcome .tick {
    width:20px;height:20px;border-radius:50%;background:#0cad1f;flex:none;margin-top:1px;
    display:flex;align-items:center;justify-content:center;
  }
  .sc-outcome .tick svg {width:11px;height:11px;display:block;}
  .sc-outcome span.txt {font-size:14px;font-weight:600;color:#3962a7;line-height:normal;}
 
  .sc-nav {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:3;
    width:44px;height:44px;border-radius:50%;
    background:#ffffff;border:1px solid #e3eaf5;
    box-shadow:0 4px 16px rgba(10, 23, 51, .06), 0 12px 40px rgba(10, 23, 51, .07);cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    font-size:19px;color:#0a1733;
    transition:border-color .2s,box-shadow .2s,background .2s;
  }
  .sc-nav.prev {left:6px;}
  .sc-nav.next {right:6px;}
  .sc-nav:hover{border-color:#d4e0ff;box-shadow:0 4px 16px rgba(10, 23, 51, .06), 0 12px 40px rgba(10, 23, 51, .07);background:#eaf0ff;}
 
  @media(max-width:680px) {
    .sc-track {padding:6px 5% 10px;gap:14px;}
    .sc-slide {flex:0 0 90%;}
    .stakeholder-card  {padding:24px 22px;}
  }
  @media(max-width:420px) {
    .sc-track {padding:6px 3% 10px;}
    .sc-slide {flex:0 0 94%;}
    .stakeholder-card {padding:20px 18px;border-radius:14px;}
    .sc-head h4 {font-size:16px;}
    .sc-head .sc-sub {font-size:12px;}
    .sc-problem,.sc-solution {padding:12px 14px;}
    .sc-problem .lbl,.sc-problem p,.sc-solution .lbl,.sc-solution p {font-size:13px;}
    .sc-outcome span.txt {font-size:13px;}
    .sc-nav {width:40px;height:40px;font-size:17px;}
  }

/*By Industry Section*/
.industry-grid {display:grid;
    grid-template-columns:repeat(2,1fr);
    grid-template-rows:auto auto auto auto auto auto auto;
    gap:5px;
  }
 
.industry-card {
    grid-row:span 7;
    display:grid;
    grid-template-rows:subgrid;
    background:#101b3d;
    border:1px solid rgba(255, 255, 255, .08);
    border-radius:16px;
    padding:30px 30px 26px;
  }
 
.ic-icon {
    grid-row:1;align-self:start;
    width:42px;height:42px;border-radius:10px;
    background:rgba(77, 123, 255, .14);
    display:flex;align-items:center;justify-content:center;
    margin-bottom:18px;
  }
  .ic-icon svg {width:23px;height:23px;display:block;}
 
  .industry-card h3 {grid-row:2;align-self:start;font-size:17px;margin-bottom:10px;text-transform:none;line-height:normal;color:#fff;margin-top:0;}
  .ic-desc {grid-row:3;align-self:start;font-size:14px;color:#d3e3fe;line-height:1.65;margin-bottom:20px}
 
.ic-helps-lbl {grid-row:4;align-self:start;font-size:14px;font-weight:700;text-transform:none;color:#2563ff;margin-bottom:10px;display:block;
  }

.ic-helps-text {grid-row:5;align-self:start;font-size:14px;color:#d3e3fe;line-height:1.65;margin-bottom:18px;}
 
.ic-trusted {
    grid-row:6;align-self:start;
    display:flex;align-items:flex-start;gap:8px;
    padding-top:16px;
    border-top:1px solid rgba(255, 255, 255, .08);
    margin-bottom:16px;
  }

.ic-trusted .tick {
    width:16px;height:16px;border-radius:50%;flex:none;margin-top:2px;
    background:#10a65c;
    display:flex;align-items:center;justify-content:center;
  }
.ic-trusted .tick svg {width:9px;height:9px;display:block;}
.ic-trusted span.txt {font-size:13px;font-style:italic;color:#7c87a6;font-weight: 500;}
 
.ic-companies {
    grid-row:7;align-self:start;
    display:flex;flex-wrap:wrap;
    gap:6px 0;
    font-size:13px;
  }
.ic-companies span {
    font-weight:700;
    color:#7c87a6;
    white-space:nowrap;
  }
.ic-companies span:not(:last-child)::after {
    content:"·";
    margin:0 9px;
    font-weight:400;
    color:rgba(255, 255, 255, .08);
  }
 
  @media(max-width:820px) {
    .industry-grid {grid-template-columns:1fr;}
  }
  @media(max-width:480px) {
    .ic-wrap {padding:44px 20px;}
    .industry-card {padding:24px 22px;}
  }

/*By Platform Section*/
 .platform-row {
    display:flex;
    gap:14px;
    padding-bottom:34px;
  }
 
  .platform-pill {
    flex:1 1 0;
    display:flex;align-items:center;justify-content:center;gap:10px;
    background:#ffffff;
    border-radius:10px;
    padding:15px 20px;
    box-shadow:0 1px 2px rgba(10, 23, 51, .04), 0 2px 8px rgba(10, 23, 51, .04);
    font-weight:700;font-size:14px;color:#1e3684;
    transition:transform .2s ease,box-shadow .2s ease;
    white-space:nowrap;
  }
.platform-row a:hover {color:#1e3684;}
.platform-pill:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(10, 23, 51, .08);}
 
  .platform-pill .p-icon {width:20px;height:20px;flex:none;display:flex;align-items:center;justify-content:center;}
  .platform-pill .p-icon svg {width:100%;height:100%;display:block;}
 
  .platform-pill .arr{color:#1e3684;font-weight:700;transition:transform .2s ease;}
  .platform-pill:hover .arr {transform:translateX(3px);}
 
  @media(max-width:720px) {
    .platform-row {flex-direction:column;}
    .platform-pill {white-space:normal;padding:15px;font-size:13px;}
  }

/*Quote*/
.one-quote {font-size: 34px; font-weight: 600; font-style:italic;line-height:normal;}
.author-one-quote {font-size:20px; font-weight: 400;}

  @media(max-width:768px) {
.one-quote {font-size: 22px;}
.author-one-quote {font-size:18px;}
  }

/*Counter Box*/
.counters-row {
  display:flex;
  justify-content:center;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:70px;
  text-align:center;
  padding:20px 0;
}

.count-wrap {
  display:inline-flex;
  align-items:baseline;
}

.count-wrap .suffix {
  font-weight:800;
  font-size:52px;
  line-height:1;
  color:#FFFFFF;
}
 
.counter-box {
  display:flex;
  flex-direction:column;
  align-items:center;
}
 
.counter-box .count {
  font-weight:800;
  font-size:52px;
  line-height:1;
  color:#FFFFFF;
  letter-spacing:-.01em;
}
 
.counter-box p {
  margin:10px 0 0;
  font-size:15px;
  font-weight:400;
  color:#d3e3fe;
  line-height:1.4;
}
 
@media(max-width:600px) {
  .counters-row {gap:40px;align-items:center;}
  .count-wrap .suffix{font-size:40px;}
  .counter-box .count {font-size:40px;}
  .counter-box p {font-size:14px;}
}
 
@media(max-width:420px) {
  .counters-row {
    flex-direction:column;
    gap:28px;
    align-items:center;
  }
}

/*WIIISDOM CLOUD PLATFORM PAGE*/
/*Why Now Section*/
.wn-platform-box .vc_column-inner {
    background-color :#fff;
    padding: 25px;
    border: 1px solid #eff5ff;
    border-radius: 10px;
    box-shadow: 1px 14px 15px rgb(200 217 255 / 27%);
}

.wn-platform-box .vc_column-inner:hover {
    box-shadow: 1px 20px 15px rgb(134 160 218 / 27%);
}

.wn-platform-box-title {
  line-height:normal;
  font-size:17px;
  font-weight:700;
}

.wn-platform-box-description {
  color:#3962a7;
  line-height:normal;
  font-size:15px;
}

  @media(max-width:768px) {
    .wn-platform-box {padding:21px!important;margin-top:0;}
  }

/*Pillars Section*/
.pillar-row {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    align-items:center;
    padding:64px 0 44px;
  }
  .pillar-row.reverse .pillar-text {order:2;}
  .pillar-row.reverse .pillar-mockup {order:1;}
  .pillar-row + .pillar-row {border-top:1px solid #e3eaf5;}

  .pillar-row .main-title-module {margin:25px 0;}
  .pillar-tagline {font-size:17px;color:#2563ff;line-height:normal;font-weight:700;}
  .pillar-desc {font-size:15px;color:#1e3684;line-height:1.5;margin-bottom:16px;}
 
  .pillar-checklist {list-style:none;padding:0;margin-top:22px;display:flex;flex-direction:column;gap:13px;}
  .pillar-checklist li {display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;color:#1e3684;}
  .pillar-checklist li svg {flex:none;width:16px;height:16px;margin-top:3px;}
  .pillar-checklist li strong {color:#1e3684;font-weight:700;}
 
  .pillar-mockup {
    display:flex;
    justify-content:center;
  }
  .mockup-img {
    display:block;
    width:100%;
    height:auto;
  }
 
  @media(max-width:900px) {
    .pillar-row{grid-template-columns:1fr;gap:16px;padding:38px 0;}
    .pillar-row.reverse .pillar-text,
    .pillar-row.reverse .pillar-mockup,
    .pillar-row .pillar-text,
    .pillar-row .pillar-mockup {order:0;}
    .pillar-row .pillar-mockup {order:2;}
    .pillar-row .pillar-text {order:1;}
  }


/*Why Wiiisdom Section*/
/*Wiiisdom Value*/
   .ww-value-section {
      max-width: 1000px;
      margin: 0 auto;
      padding: 5rem 2rem 6rem;
    }
 
    .ww-value-body {
      display: flex;
      align-items: flex-start;
      gap: 0;
    }
 
    .ww-arrow-col {
      width: 90px;
      flex-shrink: 0;
      margin-top: -55px;
      opacity: 0;
      transition: opacity 0.65s ease, transform 0.65s ease;
    }
    .ww-arrow-col.left  { transform: translateX(-24px); }
    .ww-arrow-col.right { transform: translateX(24px); }
    .ww-arrow-col svg   { width: 100%; height: auto; }
 
    .ww-cards-col {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
 
    .ww-value-card {
    background: linear-gradient(90deg, rgba(75, 108, 203, 1) 1%, rgba(255, 255, 255, 1) 1%);
    border: 1px solid #eff5ff;
    border-radius: 10px;
    padding: 20px 30px;
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 0.55s ease, transform 0.55s ease;
    box-shadow: 1px 14px 15px rgb(200 217 255 / 27%);
    }

    .ww-value-card h3 {
    font-weight: 700;
    line-height: normal;
    text-transform: none;
    font-size: 19px;
    margin: 10px 0 5px;
    color: #1e3684;
}

.ww-value-card p {
    font-size: 15px;
    color: #3962a7;
    line-height:normal;
    margin: 0;
} 

.ww-value-card .ressources-tag {
    font-size: 14px;
    font-weight: 600;
    color: #2563ff;
}
    .ww-is-visible {
      opacity: 1 !important;
      transform: none !important;
    }
    
   @media (max-width: 768px) {
      .ww-value-section {padding: 0px 12px;}
      .ww-arrow-col {display: none;}
      .ww-value-body {flex-direction: column;align-items: center;gap: 0;}
      .ww-arrow-mobile {
        display: flex;
        justify-content: center;
        margin-bottom: 1rem;
        opacity: 0;
        transform: translateY(12px);
        transition: opacity 0.65s ease, transform 0.65s ease;
      }
      .ww-arrow-mobile svg {width: 48px;height: auto;}
      .ww-cards-col {width: 100%;gap: 12px;}
      .ww-value-card {font-size: 15px;padding: 16px;}
      .ww-value-card h3 {font-size: 17px;}
      .ww-value-card p {font-size: 14px;}
    }
 
    /* Sur desktop : masquer la flèche mobile */
    @media (min-width: 769px) {
      .ww-arrow-mobile {display: none;}
    }

/*Where it's applied Section*/
.wa-box-title {
  line-height:normal;
  font-size:17px;
  font-weight:700;
}

.wa-box-description {
  color:#3962a7;
  line-height:normal;
  font-size:15px;
  height:63px;
}

/*Coverage Section*/
.cg-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    grid-template-rows:auto auto auto auto auto;
    gap:10px;
  }

  .cg-card {
    grid-row:span 4;
    display:grid;
    grid-template-rows:subgrid;
    background: #101b3d;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius:10px;
    padding: 25px 20px;
    box-shadow:0 1px 2px rgba(10, 23, 51, .04), 0 2px 8px rgba(10, 23, 51, .04);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;  
  }
  .cg-card:hover {transform:translateY(-2px);box-shadow:0 10px 28px rgba(10, 23, 51, .08);border-color:1px solid rgba(255, 255, 255, .33);}
 
  .cg-card .coverage-tag {
    grid-row:1;align-self:start;
    font-size:14px;font-weight:600;
    color:#ffffff;
    margin-bottom:10px;
  }

  .cg-card .coverage-tag img {margin-right:6px;
  }
 
  .cg-card h3 {grid-row:2;align-self:start;font-size:17px;margin: 5px 0;color:#ffffff;line-height:normal;text-transform:none;}
  .cg-desc {font-size:15px;color:#d3e3fe;line-height:1.65;margin-bottom:18px;}
  .cg-link {
    grid-row:4;align-self:start;
    margin-top:auto;
    font-size:15px;font-weight:600;color:#ffffff;
    display:inline-flex;align-items:center;gap:6px;
  }
  .cg-link:hover {color:#ffffff;}
  .cg-link .arr {text-decoration:none;display:inline-block;transition:transform .2s ease;}
  .cg-card:hover .cg-link .arr {transform:translateX(3px);}

  .cg-sap-banner {
    margin-top:20px;
    width:100%;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius:10px;
    padding:20px 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
  }
  .cg-banner .cg-text img {width:22px;height:22px;flex:none;display:block;}
  .cg-sap-banner .cg-sap-text {
    display:flex;align-items:center;gap:12px;
    font-size:15px;color:#d3e3fe;font-weight:500;
  }
  .cg-sap-banner .cg-sap-link {
    font-size:15px;font-weight:600;color:#d3e3fe;
    display:inline-flex;align-items:center;gap:6px;
    white-space:nowrap;
  }
  .cg-sap-banner .cg-sap-link:hover {color:#d3e3fe;}
  .cg-sap-banner .cg-sap-link .arr {display:inline-block;transition:transform .2s ease;}
  .cg-sap-banner:hover .cg-sap-link .arr {transform:translateX(3px);}
 
  @media(max-width:700px) {
    .cg-grid {grid-template-columns:1fr;}
    .cg-sap-banner {flex-direction:column;align-items:flex-start;text-align:left;}
  }
  @media(max-width:420px) {
    .cg-card {padding:22px 20px;}
    .cg-sap-banner {padding:18px 20px;}
  }

/*Enterprise Ready Section*/
.er-band {
    background:#FAFBFD;
    border:1px solid #e3eaf5;
    border-radius:12px;
    padding:26px 0;
  }
 
  /* 4 colonnes séparées par un simple trait vertical (border-left) */
  .er-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-template-rows:auto auto auto auto;
  }
 
  .er-col {
    grid-row:span 4;
    display:grid;
    grid-template-rows:subgrid;
    position:relative;
    padding:0 20px 90px;
  }
  .er-col:not(:first-child) {
    border-left:1px solid #e3eaf5;
  }
 
  .er-htag {
    grid-row:1;align-self:start;
    font-size:14px;font-weight:600;
    color:#2563ff;margin-bottom:12px;display:block;
  }
  .er-col h3 {grid-row:2;align-self:start;font-size:17px;margin: 10px 0;text-transform:none;line-height:normal;}
  .er-desc {grid-row:3;align-self:start;font-size:15px;color:#3962a7;line-height:1.65;}
 
 .er-footer {
    grid-row:4;
    position:absolute;
    left:30px;right:30px;bottom:24px;
    text-align:left;
  }
 
  .er-tags {display:flex;flex-wrap:wrap;justify-content:flex-start;text-align:left;gap:7px;margin-bottom:14px}
  .er-tag {
    background:#f2f4f9;
    border-radius:6px;
    padding:5px 11px;
    font-size:12px;font-weight:600;color:#3962a7;
  }
 
  .er-link {
    font-size:15px;font-weight:600;color:#2563ff;
    display:inline-flex;align-items:center;gap:6px;
  }
  .er-link:hover {color:#2563ff;}
  .er-link .arr {display:inline-block;transition:transform .2s ease;}
  .er-link:hover .arr {transform:translateX(3px);}
 
  @media(max-width:920px) {
    .er-grid {
      grid-template-columns:repeat(2,1fr);
      grid-template-rows:auto auto auto auto auto auto auto auto;
    }
    .er-col:nth-child(1),.er-col:nth-child(2) {grid-row:1/5;}
    .er-col:nth-child(3),.er-col:nth-child(4) {grid-row:5/9;}
    .er-col:nth-child(3),.er-col:nth-child(4) {padding-top:28px;margin-top:28px;border-top:1px solid #e3eaf5;}
    .er-col:nth-child(3) {border-left:none;}
    .er-band {padding:16px 0;}
  }
  @media(max-width:640px) {
    .er-grid {grid-template-columns:1fr;grid-template-rows:repeat(16,auto);}
    .er-col {grid-row:auto/span 4 !important;padding:24px 24px 50px !important;border-left:none !important;}
    .er-footer {left:24px;right:24px}
    .er-col:not(:first-child) {border-top:1px solid #e3eaf5;}
  }

/*AI in the Platform*/
  .aip-block {padding:50px 0;}
  .aip-block + .aip-block {border-top:1px solid rgba(255, 255, 255, .08);}
  .aip-block:first-child {padding-top:0;}
  .aip-block:last-child {padding-bottom:0;}
  .aip-block h3 {color: #fff;text-transform: none;line-height: normal;font-size: 17px;}
 
  .aip-htag {
    color: #2563ff;
    font-size: 14px;
    letter-spacing: .14em;
    font-weight: 600;
}

.aip-htag::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #2563ff;
    flex-shrink: 0;
    margin-right: 6px;
    margin-bottom: 1px;
}
  .aip-desc {font-size: 18px;color: #d3e3fe;line-height: normal;max-width: 100%;font-weight: 500;}
  .aip-desc + .aip-desc {margin-top:12px;}
 
  .aip-list {list-style:none;padding:0;margin-top:20px;display:flex;flex-direction:column;gap:10px;}
  .aip-list li {font-size:15px;color:#d3e3fe;line-height:1.6;padding-left:18px;position:relative;}
  .aip-list li::before {content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:#2563ff;}
  .aip-list li strong {color:#ffffff;font-weight:700;}
 
  .aip-statement {
    margin-top:18px;
    font-size:15px;font-weight:600;color:#ffffff;
    line-height:1.6;background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    padding: 15px;
  }
  .aip-statement .dim {color:#d3e3fe;font-weight:400;}

  .aip-mockup {margin-top:32px;position:relative;}
  .aip-mockup .aip-mockup-frame {
    position:relative;
    transform:rotate(-1.4deg);
    transition:transform .35s ease;
  }
  .aip-mockup:hover .aip-mockup-frame {transform:rotate(0deg) scale(1.015);}
  .aip-mockup img {
    display:block;width:100%;height:auto;
    border-radius:14px;border:1px solid rgba(255, 255, 255, .08);
    box-shadow:0 30px 60px -20px rgba(0,0,0,.55);
  }
  .aip-mockup-caption {
    margin-top:10px;font-size:12px;color:var(--txt-dim);font-style:italic;
  }
 
  .aip-mockup::before{
    content:"";
    position:absolute;
    top:-30px;right:-30px;bottom:-30px;left:-30px;
    z-index:-1;
    background:
      radial-gradient(circle at 85% 15%, rgba(77,123,255,.30), transparent 55%),
      radial-gradient(circle at 10% 90%, rgba(47,217,184,.22), transparent 55%);
    filter:blur(10px);
    pointer-events:none;
  }
 
  .aip-floating-chip {
    position:absolute;
    left:-18px;top:-18px;
    z-index:2;
    display:flex;align-items:center;gap:9px;
    background:#101b3d;
    border:1px solid rgba(255, 255, 255, .08);
    border-radius:12px;
    padding:10px 15px;
    box-shadow:0 12px 28px rgba(0,0,0,.35);
  }
  .aip-floating-chip .aip-fc-dot {
    width:22px;height:22px;border-radius:50%;flex:none;
    background:var(--mint-soft);
    display:flex;align-items:center;justify-content:center;
  }
  .aip-floating-chip .aip-fc-dot svg {width:11px;height:11px;display:block;}
  .aip-floating-chip span {font-size:12px;font-weight:600;color:#ffffff;white-space:nowrap;}
 
  @media(max-width:520px){
    .aip-mockup .aip-mockup-frame {transform:none;}
    .aip-floating-chip {left:10px;top:-14px;padding:8px 12px;}
    .aip-floating-chip span {font-size:11px;}
  }
 
  .aip-split {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:48px;
    align-items:center;
  }
  
  .aip-split .aip-mockup {margin-top:0;}
 
  @media(max-width:860px) {
    .aip-split {grid-template-columns:1fr;gap:28px;}
  }
 
  /* ---------- 4 modes d'opération ---------- */
  .aip-split.aip-reverse > :first-child{order:2;}
  .aip-split.aip-reverse > .aip-mockup{order:1;}
 
  @media(max-width:860px) {
    .aip-split {grid-template-columns:1fr;gap:28px;}
    .aip-split.aip-reverse > :first-child{order:1;}
    .aip-split.aip-reverse > .aip-mockup{order:2;}
  }
 
  .aip-autonomy-cards {display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;
  }
  .aip-autonomy-card {
    background:#101b3d;border:1px solid rgba(255, 255, 255, .08);padding:16px 20px;
    min-height:132px;border-radius:10px;
    display:flex;flex-direction:column;justify-content:flex-start;
  }

  @media(max-width:768px) {
    .aip-autonomy-cards {grid-template-columns:1fr;}
    .aip-autonomy-card {min-height:0;}
  }
  .aip-autonomy-tag {
    font-size:11px;font-weight:700;
    letter-spacing:.08em;text-transform:uppercase;
    padding:4px 10px;border-radius:6px;margin-bottom:10px;
  }
  .aip-autonomy-card.aip-tag-mint .aip-autonomy-tag {background:rgba(47, 217, 184, .12);color:#2fd9b8;}
  .aip-autonomy-card.aip-tag-blue .aip-autonomy-tag {background:rgba(77, 123, 255, .14);color:#2563ff;}
  .aip-autonomy-card.aip-tag-amber .aip-autonomy-tag {background:rgba(255, 178, 101, .14);color:#FFB265;}
  .aip-autonomy-card.aip-tag-red .aip-autonomy-tag {background:rgba(255, 107, 107, .14);color:#FF6B6B;}
  .aip-autonomy-card p {font-size:15px;color:#d3e3fe;line-height:1.6;margin: 10px 0 0;}
 
  .aip-outputs-bar {
    display:grid;grid-template-columns:repeat(4,1fr);gap:2px;
    margin-top:22px;
    border-radius:10px;overflow:hidden;
    background:rgba(255, 255, 255, .08);
  }
  .aip-output-tab {
    background:#101b3d;
    padding:18px 12px;
    text-align:center;
    display:flex;flex-direction:column;align-items:center;gap:10px;
  }
  .aip-output-tab .aip-oi {width:30px;height:30px;border-radius:8px;background:rgba(77, 123, 255, .14);display:flex;align-items:center;justify-content:center;}
  .aip-output-tab .aip-oi svg {width:15px;height:15px;display:block;}
  .aip-output-tab span {font-size:13px;font-weight:600;color:#ffffff;}
 
  .aip-prompts {display:flex;flex-wrap:wrap;gap:9px;margin-top:25px;}
  .aip-prompt-pill {
    font-size: 13px;
    color: #d3e3fe;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    padding: 5px 10px;
  }
 
  @media(max-width:820px) {
    .aip-modes {grid-template-columns:repeat(2,1fr);}
    .aip-outputs-bar {grid-template-columns:repeat(2,1fr);}
    .aip-mode-tag {font-size:9px;}
  }
  @media(max-width:600px) {
    .aip-block {padding:40px 0;}
  }

/*WHAT IS AGENTIC ANALYTICS GOVERNANCE PAGE*/
/*Definition Section*/
.def-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:36px;
    align-items:center;
  }

  .def-box{
    position:relative;
    overflow:hidden;
    background:#ffffff;
    border:1px solid #eff5ff;
    border-radius:12px;
    padding:26px 30px;
    box-shadow:1px 17px 60px rgb(200 217 255 / 67%);
  }
  
  .def-box::before {
    content:"";
    position:absolute;
    left:0;top:0;bottom:0;
    width:4px;
    background:linear-gradient(180deg, #2563ff, #41baf4);
  }

  .def-box p {
    font-size:15px;color:#3962a7;line-height:1.75;margin:0;
  }
  .def-box p strong {color:#3962a7;font-weight:700;}
 
  .def-facts-card {
    background: linear-gradient(129deg, rgb(17, 31, 69) 70%, rgb(0, 32, 126) 100%);
    border-radius:12px;
    padding:28px 26px;
    box-shadow:0 20px 50px rgba(10, 23, 51, .34);
  }
  .def-facts-title {
    font-weight:700;font-size:15px;color:#ffffff;
    margin-bottom:20px;
  }
  .def-facts-item {padding:14px 0;border-top:1px solid rgba(255, 255, 255, .10);}
  .def-facts-item:first-of-type {border-top:none;padding-top:0;}
  .def-facts-label {
    font-size: 13px;
    font-weight: 700;
    text-transform: none;
    color: #ffffff;
    margin-bottom: 7px;
}
  .def-facts-item p {
    font-size:13px;color:#d3e3fe;line-height:1.6;margin:0;
  }
 
  @media(max-width:860px) {
    .def-grid {grid-template-columns:1fr;gap:28px;}
  }
  @media(max-width:480px) {
    .def-box {padding:22px 22px;}
  }

/*Why the term exist section*/
.wtte-why-grid {
    display:grid;
    grid-template-columns:1.7fr 1fr;
    gap:40px;
    align-items:center;
  }

.wtte-why-grid .main-title-module {margin: 10px 0 17px;}
.wtte-why-text p {
    font-size:17px;color:#1e3684;line-height:1.5;margin-bottom:16px;
  }
  .wtte-why-text p:last-child {margin-bottom:0;}
  .wtte-why-text strong {color:#1e3684;font-weight:700;}
 
  .wtte-stat-card {
    background:linear-gradient(129deg, rgb(17, 31, 69) 70%, rgb(0, 32, 126) 100%);
    border-radius:12px;
    padding:30px 28px;
    box-shadow:0 20px 50px rgba(10, 23, 51, .34);
  }
  .wtte-stat-number {
    font-weight:800;font-size:52px;
    letter-spacing:-.02em;line-height:1;margin-bottom:16px;
    background-image:linear-gradient(90deg, #00fff0, #00a2e2);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
    display:inline-block;
  }
  .wtte-stat-desc {
    font-size:14px;color:#ffffff;line-height:1.6;margin-bottom:18px;font-weight:500;
  }
  .wtte-stat-source {
    font-size:11px;color:#7c87a6;
    line-height:1.6;padding-top:16px;border-top:1px solid #cbd7ec;
  }
 
  @media(max-width:860px) {
    .wtte-why-grid {grid-template-columns:1fr;gap:28px;}
  }
  @media (max-width:480px) {
    .wtte-why-text p {font-size:15px;line-height:1.4;}
    .wtte-stat-card{padding:24px 22px;}
    .wtte-stat-number{font-size:44px;}
  }

/*Authority Signals*/
.as-trust-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-template-rows:auto auto auto auto;
    gap:12px;
  }
 
  .as-trust-card {
    grid-row:span 4;
    display:grid;
    grid-template-rows:subgrid;
    background:#101b3d;
    border:1px solid rgba(255, 255, 255, .08);
    border-radius:14px;
    padding:22px 22px 28px;
  }
 
  .as-tc-htag {
    grid-row:1;align-self:start;
    font-size:11px;font-weight:600;
    letter-spacing:.12em;color:#7fe7d2;
    margin-bottom:14px;display:block;
  }
  .as-trust-card h3 {grid-row:2;align-self:start;font-size:17px;margin: 0 0 10px;color:#ffffff;text-transform:none;line-height:normal;}
  .as-tc-desc {grid-row:3;align-self:start;font-size:14px;color:#d3e3fe;line-height:1.65;}
 
  .as-tc-desc .as-tc-fine {
    display:block;
    margin-top:16px;padding-top:16px;
    border-top:1px solid rgba(255, 255, 255, .08);
    font-size:11px;color:#7c87a6;
  }
 
  .as-tc-btn {
    grid-row:4;align-self:end;
    justify-self:start;
    margin-top:22px;
    display:inline-flex;align-items:center;gap:6px;
    font-size:15px;font-weight:600;color:#ffffff;
  }
  .as-tc-btn .arr {display:inline-block;transition:transform .2s ease;}
  .as-tc-btn:hover .arr {transform:translateX(3px);}
  .as-tc-btn:hover {color:#ffffff;}

  @media(max-width:900px) {
    .as-trust-grid {grid-template-columns:1fr;grid-template-rows:repeat(12,auto);}
    .as-trust-card {grid-row:auto/span 4 !important;}
  }
  @media(max-width:480px) {
    .as-trust-card{padding:22px 20px 24px;}
  }

/*Disambiguation*/
.dn-pbody {position:relative;max-width:90ch;}
.dn-num {
    position: absolute;
    right: 18px;
    top: 0;
    font-weight: 700;
    line-height: 1;
    font-size: 76px;
    color: #eaf0ff;
    pointer-events: none;
    user-select: none;
}

  @media(max-width:768px) {
    .dn-pbody {max-width:75ch;}
    .dn-num {font-size:44px;}
  }

/*From Control to Delegated Trust*/
/*Enterprise Ready Section*/
.fcdt-band {
    background:#101b3d;
    border:1px solid rgba(255, 255, 255, .08);
    border-radius:14px;
    padding:26px 0;
  }
 
  /* 4 colonnes séparées par un simple trait vertical (border-left) */
  .fcdt-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-template-rows:auto auto auto auto;
  }
 
  .fcdt-col {
    grid-row:span 3;
    display:grid;
    grid-template-rows:subgrid;
    position:relative;
    padding:0 20px 30px;
  }
  .fcdt-col:not(:first-child) {
    border-left:1px solid rgba(255, 255, 255, .08);
  }
 
  .fcdt-htag {
    grid-row:1;align-self:start;letter-spacing: .12em;
    font-size:11px;font-weight:600;
    color:#7fe7d2;margin-bottom:14px;display:block;
  }
  .fcdt-col h3 {grid-row:2;align-self:start;font-size:17px;margin: 10px 0;text-transform:none;line-height:normal;color:#ffffff;}
  .fcdt-desc {grid-row:3;align-self:start;font-size:14px;color:#d3e3fe;line-height:1.65;}
 
  @media(max-width:920px) {
    .fcdt-grid {
      grid-template-columns:repeat(2,1fr);
      grid-template-rows:auto auto auto auto auto auto auto auto;
    }
    .fcdt-col:nth-child(1),.er-col:nth-child(2) {grid-row:1/5;}
    .fcdt-col:nth-child(3),.er-col:nth-child(4) {grid-row:5/9;}
    .fcdt-col:nth-child(3),.er-col:nth-child(4) {padding-top:28px;margin-top:28px;border-top:1px solid #e3eaf5;}
    .fcdt-col:nth-child(3) {border-left:none;}
    .fcdt-band {padding:16px 0;}
  }
  @media(max-width:640px) {
    .fcdt-grid {grid-template-columns:1fr;grid-template-rows:repeat(16,auto);}
    .fcdt-col {grid-row:auto/span 4 !important;padding:24px 24px 90px !important;border-left:none !important;}
    .fcdt-col:not(:first-child) {border-top:1px solid #e3eaf5;}
  }

/*Glossary*/
 gl-list{display:flex;flex-direction:column;}
 
  .gl-row {
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:60px;
    padding:26px 0;
    border-bottom:1px solid #d3e3fe;
  }
  .gl-row:last-child {border-bottom:none;}
 
  .gl-term h3 {
    font-size:18px;font-weight:700;text-transform: none;
    line-height: normal;
    margin: 0 0 8px;
    color:#1e3684;
  }

.gl-term h3::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #2563ff;
    flex-shrink: 0;
    margin-right: 6px;
    margin-bottom: 1px;
}
  .gl-term p {font-size:15px;color:#3962a7;line-height:1.65;}
 
  @media(max-width:700px){
    .gl-row {grid-template-columns:1fr;row-gap:22px;}
  }

/*PRODUCT PAGE - WIIISDOM FOR POWER BI*/
.wa-grid {display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;}
.wa-col {display:flex;flex-direction:column;gap:20px;}
 
  /* ---------- blocs agent / conversational / mcp ---------- */
  .wa-item-head {display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px;}
  .wa-item-title {display:flex;align-items:center;gap:12px;}
 
  .wa-icon {
    width:32px;height:32px;flex:none;border-radius:8px;
    background:rgba(77, 123, 255, .14);
    display:flex;align-items:center;justify-content:center;
  }
  .wa-icon svg {width:16px;height:16px;display:block;}
 
  .wa-tag {
    flex:none;
    font-size:10px;font-weight:700;
    letter-spacing:.1em;text-transform:uppercase;
    padding:5px 10px;border-radius:20px;white-space:nowrap;margin-top:4px;
  }
  .wa-tag.mint {color:#2fd9b8;background:rgba(47, 217, 184, .12);color:#2fd9b8;}
  .wa-tag.blue {color:#2563ff;background:rgba(77, 123, 255, .14);color:#2563ff;}
  .wa-tag.amber {color:#FFB265;background:rgba(255, 178, 101, .14);color:#FFB265;}
  
.wa-item-title h3 {font-size:17px;color:#ffffff;text-transform:none;line-height:normal;}
  .wa-desc {font-size:15px;color:#d3e3fe;line-height:1.6;}
  .wa-desc a,.wa-desc strong {color:#ffffff;font-weight:700;}
 
  /* pills CHAT / ALERTS / RECOMMEND / ACTIONS */
  .wa-pills {display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
  .wa-pill {
    font-size:11px;font-weight:700;
    letter-spacing:.08em;text-transform:uppercase;color:#7c87a6;
    border:1px solid rgba(255, 255, 255, .08);border-radius:10px;padding:6px 13px;
  }
  .wa-pill:hover {color:#2563ff;border-color:rgba(77,123,255,.45);}
 
  .wa-divider{height:1px;background:rgba(255, 255, 255, .08);margin:0;}
 
  @media(max-width:900px) {
    .wa-grid {grid-template-columns:1fr;gap:36px;}
  }

/*Solutions Section*/
.solutions-dark-box .vc_column-inner {
    background-color: #101b3d;
    padding: 25px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 10px;
}

.solutions-dark-box .wa-box-title {line-height: normal;font-size: 17px;font-weight: 700;color:#ffffff;}
.solutions-box-description {color: #d3e3fe;line-height: normal;font-size: 15px;height:100px;}
.solutions-link {color: #ffffff;font-size: 15px;font-weight: 600;}
.solutions-link .arr {display: inline-block;transition: transform .2s ease;}
.solutions-link:hover .arr {transform:translateX(3px);}
.solutions-link:hover {color:#ffffff;}

.wpbi-mkp {background-color:#ffffff;padding: 25px 0px;border-radius: 10px;box-shadow: 5px 16px 20px #d4d4d4;margin: 0 20px;}

.website-design-icons .st3 {
    fill: #e08205;
    stroke-miterlimit: 10;
    stroke-width: .25px;
}

/*PRODUCT PAGE - WPBI CONTINUOUS CERTIFICATION*/
.wn-platform-box-title .badge-new {
    color: #2563ff;
    font-size: 13px;
    font-weight: 600;
    background-color: #e3ebff;
    padding: 4px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    top: -15px;
    vertical-align: top;
}

/*PRODUCT PAGE - WPBI PREDICTIVE MONITORING*/
.wpbipm-design-icons {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 44px;
}

.wpbipm-design-icons svg {
width: 44px;
height: 44px;
}

.wpbipm-design-icons .badge-new {
  position: absolute;
  top: -8px;
  right: -10px;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  color: #2563ff;
  background: #e3ebff;
  border-radius: 5px;
  padding: 4px;
}

/*PAGE BI TESTING - POWER BI*/
/*Slider Test Smarter*/
  .bitg-viewport {position:relative;padding:6px 0;}
  .bitg-viewport::before,.bitg-viewport::after {content:"";position:absolute;top:0;bottom:0;width:70px;z-index:2;pointer-events:none;}
  .bitg-viewport::before {left:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 100%);}
  .bitg-viewport::after {right:0;background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 100%);}
 
  .bitg-track {
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:300px;
    grid-template-rows:auto auto auto;
    gap:13px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    padding:4px 90px 18px;
    -ms-overflow-style:none;scrollbar-width:none;
  }
  .bitg-track::-webkit-scrollbar {display:none;}
 
  .bitg-card {
    grid-row:span 3;
    display:grid;
    grid-template-rows:subgrid;
    scroll-snap-align:center;
    background:#ffffff;
    border:1px solid #bccfff;
    border-radius:10px;
    padding:24px 22px;
    opacity:.4;
    transition:opacity .3s ease;
    box-shadow:1px 14px 15px rgb(200 217 255 / 27%);
  }
  .bitg-card.is-active {opacity:1;}
 
  .bitg-icon svg {width:44px;height:44px;display:block;}
  .bitg-card h4 {grid-row:2;align-self:start;font-size:17px;font-weight:700;text-transform:none;margin:0 0 10px;display:flex;align-items:center;gap:8px;}
  .bitg-badge-new {
    font-size:14px;font-weight:700;color:#2563ff;background:#e3ebff;border-radius:5px;padding:4px;
    display:inline-flex;align-items:center;line-height:1;margin-top:-12px;
  }
  .bitg-card p {grid-row:3;align-self:start;font-size:15px;color:#3962a7;line-height:normal;margin:0;}
 
  .bitg-nav {
    position:absolute;top:50%;transform:translateY(-50%);z-index:3;
    width:38px;height:38px;border-radius:50%;
    background:#ffffff;border:1px solid #eceef7;
    display:flex;align-items:center;justify-content:center;
    font-size:20px;color:#1e3684;cursor:pointer;
    box-shadow:0 6px 16px rgba(20,30,80,.08);
  }
  .bitg-nav.prev {left:0;}
  .bitg-nav.next {right:0;}
  .bitg-nav:hover {background:#F5F6FE;}
 
  @media(max-width:860px) {
    .bitg-track {grid-auto-columns:78vw;padding:4px 20px 18px;}
    .bitg-viewport::before,.bitg-viewport::after {width:20px;}
    .bitg-nav {width:32px;height:32px;font-size:17px;}
  }
  @media(max-width:420px) {
    .bitg-card {padding:20px 18px;}
  }

/*PRODUCT PAGE - WIIISDOM FOR TABLEAU*/
/*Scenarios - Section*/
.scs-section-group + .scs-section-group {margin-top:44px;}
 
  .scs-section-label {display:flex;align-items:center;gap:18px;margin-bottom:22px;}
  .scs-section-label span {
    font-size:11px;font-weight:600;
    letter-spacing:.14em;text-transform:uppercase;color:#cee3ff;
    white-space:nowrap;
  }
  .scs-section-label::after {content:"";flex:1;height:1px;background:rgba(255, 255, 255, .08);}
 
  .scs-strategic-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-template-rows:auto auto auto;
    gap:18px;
  }
  .scs-strategic-card {
    grid-row:span 3;
    display:grid;
    grid-template-rows:subgrid;
    background:#1e2a52;
    border:1px solid rgba(255, 255, 255, .08);
    border-radius:14px;
    padding:22px 20px;
  }
  .scs-strategic-card h4 {grid-row:1;align-self:start;font-size:17px;text-transform:none;line-height:normal;color:#ffffff;margin: 10px 0;}
  .scs-strategic-card p {grid-row:2;align-self:start;font-size:15px;color:#d3e3fe;line-height:1.65;}
  .scs-strategic-card .scs-explore {grid-row:3;align-self:end;margin-top:16px;}
 
  .scs-tactical-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-template-rows:auto auto auto auto;
    gap:18px;
  }
  .scs-tactical-card {
    grid-row:span 3;
    display:grid;
    grid-template-rows:subgrid;
    background:#101b3d;
    border:1px solid rgba(255, 255, 255, .08);
    border-radius:14px;
    padding:22px 20px;
  }

  .scs-tactical-card h4 {grid-row:1;align-self:start;font-size:17px;text-transform:none;line-height:normal;color:#ffffff;margin: 10px 0;}
  .scs-tactical-card p {grid-row:2;align-self:start;font-size:15px;color:#d3e3fe;line-height:1.65;}
  .scs-tactical-card .scs-explore {grid-row:3;align-self:end;margin-top:16px;}
 
  .scs-explore {
    font-size:15px;font-weight:600;color:#2563ff;
    display:inline-flex;align-items:center;gap:6px;
  }
.scs-explore:hover {color:#2563ff;}
  .scs-explore .arr {display:inline-block;transition:transform .2s ease;}
  .scs-explore:hover .arr {transform:translateX(3px);}
 
  @media(max-width:900px) {
    .scs-strategic-grid {grid-template-columns:repeat(2,1fr);}
  }
  @media(max-width:760px) {
    .scs-tactical-grid {grid-template-columns:1fr;grid-template-rows:repeat(12,auto);}
    .scs-tactical-card {grid-row:auto/span 4;}
  }
  @media(max-width:560px) {
    .scs-strategic-grid {grid-template-columns:1fr;grid-template-rows:repeat(12,auto);}
    .scs-strategic-card {grid-row:auto/span 3;}
  }

/*Quote - Section*/
.qtp-card {
    position:relative;
    background:#ffffff;
    border:1px solid #eff5ff;
    border-radius:16px;
    padding:38px 36px 30px;
    box-shadow:1px 14px 15px rgb(200 217 255 / 27%);
    overflow:hidden;
  }

.qtp-card::before {
    content: "" !important;
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: linear-gradient(180deg, #2563ff, #41baf4);
    z-index: 1;
}
  .qtp-mark {
    position:absolute;top:6px;right:26px;
    font-size:75px;font-weight:800;
    color:#2563ff;line-height:1;user-select:none;pointer-events:none;
  }
 
  .qtp-text {
    position:relative;z-index:1;
    font-size:23px;font-weight:700;font-style:italic;
    color:#1e3684;line-height:1.55;margin-bottom:22px;width:98%;
  }
 
  .qtp-attribution {display:flex;align-items:center;gap:12px;margin-bottom:26px;}
  .qtp-role {font-size:15px;color:#3962a7;margin-top:2px;}
 
  .qtp-summary {
    border-top:1px solid #e3eaf5;
    padding-top:20px;
  }
 
  @media(max-width:480px) {
    .qtp-card {padding:30px 22px 24px;}
    .qtp-mark {font-size:50px;top:12px;}
    .qtp-text {font-size:17px;line-height:normal;margin-top: 20px;width:100%;}
  }

/*PAGE USE CASE - ENTERPRISE REPORTING*/
/*Why it matters - Section*/
.wim-font-section {font-size:17px;line-height:1.6;}
  .wim-split {
    margin-top:44px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:56px;
    align-items:start;
  }
 
  .wim-points-label {font-size:18px;margin-bottom:20px;text-transform:none;line-height:normal;font-weight:700;color:#2563ff;}
 
  .wim-points {display:flex;flex-direction:column;}
  .wim-point {padding:18px 0;}
  .wim-point:first-child {padding-top:0;}
  .wim-point:not(:first-child) {border-top:1px solid #E3EAF5;}
 
  .wim-point-head {display:flex;align-items:center;gap:10px;margin-bottom:6px;}
  .wim-point-icon {
    width:30px;height:30px;border-radius:8px;flex:none;
    background:#eef1ff;
    display:flex;align-items:center;justify-content:center;
  }
  .wim-point-icon svg {width:15px;height:15px;display:block;}
  .wim-point h4 {font-size:17px;font-weight:700;margin:0;text-transform:none;line-height:normal;}
  .wim-point p {font-size:15px;color:#3962a7;line-height:1.6;margin:0;padding-left:40px;font-weight:500;}
 
  .wim-visual img {
    display:block;width:100%;height:auto;
  }
 
  .wim-chain {margin-top:20px;padding-top:28px;font-size: 17px;line-height: 1.6;}
  .wim-chain strong {font-weight:700;}
 
  @media(max-width:860px) {
    .wim-split {grid-template-columns:1fr;gap:32px;}
  }

/*What it does - Section*/
  .wim-checklist {list-style:none;padding:0;margin-top:22px;display:flex;flex-direction:column;gap:13px;}
  .wim-checklist li {display:flex;align-items:flex-start;gap:10px;font-size:16px;line-height:1.6;}
  .wim-checklist li svg {flex:none;width:16px;height:16px;margin-top:5px;}
  .wim-checklist li strong {color:#1e3684;font-weight:700;}

/*Comparison - Section*/
.cmp-grid {
    display:grid;
    grid-template-columns:1fr 40px 1fr;
    align-items:stretch;
    gap:0;
  }
 
  .cmp-card {
    background:#101b3d;
    border:1px solid rgba(255, 255, 255, .08);
    border-radius:12px;
    padding:26px 28px 30px;
  }
  .cmp-card.manual {border-top:3px solid #FFB265;}
  .cmp-card.wiiisdom {border-top:3px solid #7fe7d2;}
 
  .cmp-tag {
    font-size:14px;font-weight:600;
    letter-spacing:.14em;
    display:block;margin-bottom:18px;
  }
  .cmp-card.manual .cmp-tag {color:#FFB265;}
  .cmp-card.wiiisdom .cmp-tag {color:#7fe7d2;}
 
  .cmp-list {list-style:none;display:flex;flex-direction:column;gap:14px;padding-left:20px;}
  .cmp-list li {display:flex;align-items:flex-start;gap:10px;font-size:15px;color:#d3e3fe;line-height:1.6;}
  .cmp-list .ic {flex:none;width:16px;height:16px;margin-top:3px;display:block;}
  .cmp-card.manual .ic {color:#FFB265;}
  .cmp-card.wiiisdom .ic {color:#7fe7d2;}
 
  .cmp-arrow {
    display:flex;align-items:center;justify-content:center;
    font-size:20px;color:#ffffff;
  }
 
  @media(max-width:760px){
    .cmp-grid {grid-template-columns:1fr;gap:16px;padding:0 21px;}
    .cmp-arrow {display:none;}
    .cmp-list {padding-left:10px;}
  }
  @media(max-width:480px) {
    .cmp-card {padding:22px 20px 26px;}
  }

/*Quote*/
.ptpg-why-grid {
    display:grid;
    grid-template-columns:1.5fr 1fr;
    gap:40px;
    align-items:center;
  }

.ptpg-why-grid .main-title-module {margin: 10px 0 17px;}
.ptpg-why-text p {
    font-size:17px;line-height:1.6;margin-bottom:16px;
  }
  .ptpg-why-text p:last-child {margin-bottom:0;}
  .ptpg-why-text strong {color:#1e3684;font-weight:700;}
 
  .ptpg-stat-card {
    background:linear-gradient(129deg, rgb(17, 31, 69) 70%, rgb(0, 32, 126) 100%);
    border-radius:12px;
    padding:30px 28px;
    box-shadow:0 20px 50px rgba(10, 23, 51, .34);
  }

  .ptpg-stat-desc {font-size: 18px;color: #ffffff;line-height: 1.6;margin-bottom: 18px;font-weight: 600;font-style: italic;}
  .ptpg-stat-source {
    font-size:13px;color:#7c87a6;
    line-height:1.6;padding-top:16px;border-top:1px solid #cbd7ec;
  }
 
  @media(max-width:860px) {
    .ptpg-why-grid {grid-template-columns:1fr;gap:28px;}
  }
  @media (max-width:480px) {
    .ptpg-why-text p {font-size:15px;line-height:1.4;}
    .ptpg-stat-card{padding:24px 22px;}
  }

.ptpg-read-link {
  color:#7fe7d2;
  font-size:14px;
  font-weight:600;
}

.ptpg-read-link:hover {
  color:#7fe7d2;
  font-size:14px;
  font-weight:600;
}

.ptpg-read-link .arr {
  display:inline-block;
  transition:transform .2s ease;
}
.ptpg-read-link:hover .arr{
  transform:translateX(3px);
}

/*PAGE USE CASE - SELF-SERVICE*/
/*How it fits Section*/
.hif-band {
    background:#FAFBFD;
    border:1px solid #e3eaf5;
    border-radius:12px;
    padding:26px 0;
  }
 
  /* 3 colonnes séparées par un simple trait vertical (border-left) */
  .hif-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-template-rows:auto auto auto auto;
  }
 
  .hif-col {
    grid-row:span 3;
    display:grid;
    grid-template-rows:subgrid;
    position:relative;
    padding:0 20px 90px;
  }
  .hif-col:not(:first-child) {
    border-left:1px solid #e3eaf5;
  }

  .hif-col h3 {grid-row:2;align-self:start;font-size:17px;margin: 10px 0;text-transform:none;line-height:normal;}
 
  @media(max-width:920px) {
    .hif-grid {
      grid-template-columns:repeat(2,1fr);
      grid-template-rows:auto auto auto auto auto auto auto auto;
    }
    .hif-col:nth-child(1),.er-col:nth-child(2) {grid-row:1/5;}
    .hif-col:nth-child(3),.er-col:nth-child(4) {grid-row:5/9;}
    .hif-col:nth-child(3),.er-col:nth-child(4) {padding-top:28px;margin-top:28px;border-top:1px solid #e3eaf5;}
    .hif-col:nth-child(3) {border-left:none;}
    .hif-band {padding:16px 0;}
  }
  @media(max-width:640px) {
    .hif-grid {grid-template-columns:1fr;grid-template-rows:repeat(16,auto);}
    .hif-col {grid-row:auto/span 4 !important;padding:24px 24px 50px !important;border-left:none !important;}
    .hif-col:not(:first-child) {border-top:1px solid #e3eaf5;}
  }

/*PAGE USE CASE - BI FINOPS*/
/*How it fits Section*/
.fps-band {
    background:#FAFBFD;
    border:1px solid #e3eaf5;
    border-radius:12px;
    padding:26px 0;
  }
 
  /* 5 colonnes séparées par un simple trait vertical (border-left) */
  .fps-grid {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    grid-template-rows:auto auto auto auto;
  }
 
  .fps-col {
    grid-row:span 4;
    display:grid;
    grid-template-rows:subgrid;
    position:relative;
    padding:0 20px 90px;
  }
  .fps-col:not(:first-child) {
    border-left:1px solid #e3eaf5;
  }

  .fps-col h3 {grid-row:2;align-self:start;font-size:17px;margin: 10px 0;text-transform:none;line-height:normal;}
 
  @media(max-width:920px){
  .fps-grid{
    grid-template-columns:repeat(2,1fr);
    grid-template-rows:repeat(12,auto);
  }
  .fps-col:nth-child(1),.fps-col:nth-child(2){grid-row:1/5;}
  .fps-col:nth-child(3),.fps-col:nth-child(4){grid-row:5/9;}
  .fps-col:nth-child(5){grid-row:9/13;}

  .fps-col:nth-child(3),.fps-col:nth-child(4),.fps-col:nth-child(5){
    padding-top:28px;margin-top:28px;border-top:1px solid #e3eaf5;
  }
  .fps-col:nth-child(3),.fps-col:nth-child(5){border-left:none;}
  .fps-band{padding:16px 0;}
}

/* ---------- mobile : 1 colonne, inchangé ---------- */
@media(max-width:640px){
  .fps-grid{grid-template-columns:1fr;grid-template-rows:repeat(20,auto);}
  .fps-col{grid-row:auto/span 4 !important;padding:24px 24px 30px !important;border-left:none !important;}
  .fps-col:not(:first-child){border-top:1px solid #e3eaf5;}
}

  
/*BLOG DESIGN*/
/*Block Author - Blog Posts Page*/
.post-author-block.rounded-corners.clearfix {background: linear-gradient(129deg, rgb(17, 31, 69) 70%, rgb(0, 32, 126) 100%);border-radius:20px;}
.post-author-info .title-h5 {color:#ffffff;}
.post-author-info {color:#d3e3fe;}
.post-author-description {font-weight:400;}
.post-author-posts-link a {color:#2563ff;}
.post-author-posts-link a:hover {color:#2563ff;}

/*Post Comments*/
#comments {display:none;}

/*Resource center pages - Search*/
.resource-center-submenu .gem-search-form {margin-top:0px;}

/*Blog Posts Design*/
.article-with-better-readability h1, .article-with-better-readability h2, .article-with-better-readability h3, .article-with-better-readability h4 {text-transform:none;line-height:normal;}
@media (min-width: 992px) {
.article-with-better-readability {padding-left: 170px;padding-right: 170px;font-size: 20px;line-height: 32px;font-weight:400;}
}

.article-with-better-readability h1 {font-size:36px;line-height:normal;text-transform:none;}
.article-with-better-readability h2 {font-size:27px;line-height:normal;text-transform:none;}
.article-with-better-readability h3 {font-size:23px;line-height:normal;text-transform:none;font-weight:600;color:#3962a7;}

@media (max-width: 763px) {
.article-with-better-readability h1 {font-size:28px;}
.article-with-better-readability h2 {font-size:22px;}
.article-with-better-readability h3 {font-size:20px;}
}

/*Search Page Design*/
.portfolio-style-justified .portfolio-item {box-shadow:5px 5px 5px #d7d7d7;border-radius:15px;}
.portfolio-style-justified .caption {background-color:#fff;}
.portfolio-style-justified .title-h6 {text-transform:none;}
.portfolio-style-justified .title-h6 a {color:#1e3684!important;font-size:18px;}
.portfolio-style-justified .title-h6 a:hover {color:#1e3684!important;}

/*Plugin - Read Meter*/
.entry-content .bsf-rt-reading-time {border-radius:10px;text-align:center;font-weight:600;font-family:'Montserrat';}

/*ALL PAGES*/
/*Remove Scroll Top Button*/
.scroll-top-button {display:none;}

/*General Design*/
#page.layout-fullwidth.header-style-3 {
  overflow: visible;
}
.img-radius img {border-radius:10px; box-shadow:0px 0px 10px #2059ba;}
.gem-button-container a {font-weight:600;}
.gem-button i {transition: transform 0.3s ease;}
.gem-button i:hover {transform:translateX(5px);}
.center-items {display:flex;align-items:center;}

@media (max-width: 764px) {
#main {margin-top:20px;}
.center-items {display:block;}
}

/*Post Language Switchers*/
.language-switchers {display:flex;align-items:center;}

/*Top Bar Announcement*/

:root{
  
  --annc-color: #ffffff;
  --annc-height: 50px;
  --annc-height-mobile: 100px;
  --annc-z: 99999;
  --annc-transition: 220ms ease;
}

#top-announcement.announcement{
  position: sticky;
  top: 0;
  left: 0; right: 0;
  background: radial-gradient(circle, rgb(0 22 211) 0%, rgb(24 2 166) 100%);
  color: var(--annc-color);
  z-index: var(--annc-z);
  transform: translateY(0);
  transition: transform var(--annc-transition);
  will-change: transform;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.announcement__inner{
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 16px;
  height: var(--annc-height);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 15px;
  text-align: center;
}

#top-announcement.hide{
  transform: translateY(-100%);
}

@media (max-width: 767px){
  .announcement__inner{
    height: var(--annc-height-mobile);
    font-size: 13px;
  }
  #top-announcement.announcement {display:none;}
}

/*YOUTUBE VIDEOS*/
/*Video Youtube Responsive*/
.video-youtube-responsive { 
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;
border-radius: 10px;
box-shadow: 0px 0px 15px #2059ba;
}

.video-youtube-responsive iframe {
left:0; 
top:0; 
height:100%;
width:100%;
position:absolute;
}

/*Video Youtube Cookies*/
.yt-consent-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  border: 10px solid #eef3ff;
  border-radius: 8px;
  box-shadow: 11px 20px 20px #dfe9ff;
}

.yt-consent-placeholder {
  position: relative;
  aspect-ratio: 16 / 9;
  background-color: #000; /* fond de secours pendant le chargement de la miniature */
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  overflow: hidden;
}

.yt-consent-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.55); /* ajustez l'opacité selon le rendu souhaité */
  color: #fff;
}

.yt-consent-btn {
  margin-top: 12px;
  padding: 10px 20px;
  background: #0053ff;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
}

.yt-consent-iframe {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  border: 0;
  max-width: 100%;
}

/*DESIGN MAIN MENU*/
/* ============ BAR ============ */
  .wii-nav {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 100;
    background: rgba(255,255,255,0.88);
    backdrop-filter: saturate(150%) blur(14px);
    border-bottom: 0;
  }
  .wii-nav__inner {
    max-width: 1320px;
    margin: 0 auto;
    height: 70px;
    padding: 0 28px;
    display: flex;
    align-items: center;
    gap: 32px;
  }
 
  /* ============ LOGO ============ */
  .wii-logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }
  .wii-logo img {
    display: block;
    height: 21px;
    width: auto;
  }
 
  /* ============ MENU ============ */
  .wii-menu {
    display: flex;
    align-items: center;
    gap: 2px;
    list-style: none;
    margin: 0; padding: 0;
    flex: 1;
  }
  .wii-item {position: static;}
  .wii-item--plain {position: relative;}
 
  .wii-trigger {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 42px;
    padding: 0 14px;
    border: 0;
    background: none;
    font-weight: 500;
    font-size: 15px;
    color: #1e3684;
    cursor: pointer;
    border-radius: 9px;
    transition: color .15s ease, background .15s ease;
  }
  .wii-trigger:hover,
  .wii-item[data-open="true"] > .wii-trigger {
    color: #2563ff;
    background: #f6f8fc;
  }
  .wii-caret {width: 10px; height: 10px; transition: transform .2s ease;margin-top:2px;}
  .wii-item[data-open="true"] .wii-caret {transform: rotate(180deg);}
 
  /* ============ FULL-WIDTH PANEL SHELL ============ */
  .wii-panel {
    position: absolute;
    top: calc(70px + 0px);
    left: 0; right: 0;
    background: #ffffff;
    border-bottom: 1px solid #e6e9f0;
    box-shadow:  0 24px 64px -24px rgba(10, 23, 51, 0.32);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
  }
  .wii-item[data-open="true"] .wii-panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .wii-panel__inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 32px 28px 36px;
  }
 
  .wii-eyebrow {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: none;
    color: #2563ff;
    margin: 0 0 14px;
  }
 
  /* ============ PLATFORM PANEL ============ */
  .wii-platform {
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 40px;
  }
 
  /* --- Overview column --- */
  .wii-overview {display: flex; flex-direction: column;}
  .wii-ov-card {
    display: flex;
    gap: 14px;
    padding: 14px;
    border-radius: 12px;
    transition: background .15s ease;
    align-items: flex-start;
  }
  .wii-ov-card:hover {background: #F6F8FC;}
  .wii-ov-card__icon {
    width: 38px; height: 38px;
    border-radius: 10px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    background: #EEF3FF;
    color: #2563FF;
  }
  .wii-ov-card:nth-child(3) .wii-ov-card__icon {background: #E7FAF5; color: #13C8A6;}
  .wii-ov-card:nth-child(4) .wii-ov-card__icon {background: #FFF3E6; color: #FF9F45;}
  .wii-ov-card__icon svg {width: 19px; height: 19px;}
  .wii-ov-card__title {
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 6px;
    color:#1e3684;
  }
  .wii-ov-card:hover .wii-ov-card__title { color: #2563FF; }
  .wii-ov-card__desc {
    font-size: 13px;
    color: #3962a7;
    line-height: 1.4;
    margin-top: 3px;
  }
 
  /* --- Products column: expandable rows --- */
  .wii-products {
    border-left: 1px solid #E6E9F0;
    padding-left: 40px;
  }
  .wii-prod {
    border: 1px solid #E6E9F0;
    border-radius: 12px;
    margin-bottom: 10px;
    overflow: hidden;
    transition: border-color .15s ease, box-shadow .15s ease;
  }
  .wii-prod[data-expanded="true"] {
    border-color: rgba(37,99,255,.35);
    box-shadow: 0 8px 28px -16px rgba(37,99,255,.35);
  }
  .wii-prod__head {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px 18px;
    background: none;
    border: 0;
    cursor: pointer;
    text-align: left;
    transition: background .15s ease;
  }
  .wii-prod__head:hover {background: #F6F8FC;}
  .wii-prod__mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #eef1ff;
  border-radius: 6px;
  flex-shrink: 0;
  }

.wii-prod__mark img {
  width: 16px;
  height: 16px;
  object-fit: contain;
  display: block;
}

  /*.wii-prod:nth-child(3) .wii-prod__mark {color: #0FA98C; background: #E7FAF5;}
  .wii-prod:nth-child(4) .wii-prod__mark {color: #E0801F; background: #FFF3E6;}*/
  .wii-prod__name {
    font-weight: 600;
    font-size: 15px;
    color: #1e3684;
    flex: 1;
  }
  .wii-prod__tag {
    font-size: 12.5px;
    color: #9aa8c2;
    margin-right: 8px;
  }
  .wii-prod__chev {width: 11px; height: 11px; color: #909db2; transition: transform .22s ease; flex-shrink: 0;}
  .wii-prod[data-expanded="true"] .wii-prod__chev {transform: rotate(180deg);}
 
  .wii-prod__body {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .26s ease;
  }
  .wii-prod[data-expanded="true"] .wii-prod__body {grid-template-rows: 1fr;}
  .wii-prod__body > div {overflow: hidden;}
 
  /* ---------- Use Cases / Capabilities : empilés, grille de 3, marqueur carré comme v2 ---------- */
  .wii-prod__section-label {
    display: block;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .09em;
    text-transform: none;
    color: #2563ff;
    margin: 0;
    padding: 14px 18px 6px;
  }
 
  .wii-prod__icon-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px 24px;
    padding: 0 18px 20px;
  }
  .wii-prod__icon-link {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 3px 0;
    font-size: 13.5px;
    color: #1e3684;
    transition: color .13s ease;
  }
  .wii-prod__icon-link::before {
    content: "";
    width: 5px; height: 5px;
    background: #E6E9F0;
    flex: none;
    transition: background .13s ease;
  }
  .wii-prod__icon-link:hover {color: #2563FF;}
  .wii-prod__icon-link:hover::before {background: #2563FF;}
 
  /* ---------- séparateur 1px entre Use Cases et Capabilities ---------- */
  .wii-prod__sep {
    height: 1px;
    background: #E6E9F0;
    margin: 2px 18px 18px;
  }
 
  /* ---------- barre "Explore ..." : pleine largeur, centrée, fond bleu clair ---------- */
  .wii-prod__all {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 6px 18px 18px;
    padding: 13px 16px;
    background: #EEF3FF;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 600;
    color: #2563FF;
    transition: background .15s ease;
  }
  .wii-prod__all:hover {background: #E1EAFF;color:#2563FF;}
  .wii-prod__all svg {width: 12px; height: 12px; transition: transform .15s ease;}
  .wii-prod__all:hover svg {transform: translateX(2px);}
 
  /* ============ USE CASES PANEL (menu "Use Cases" du haut) ============ */
  .wii-uc-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
  .wii-uc-grid--5 {grid-template-columns: repeat(5, 1fr);}
  @media (max-width: 1180px) {
    .wii-uc-grid--5 {grid-template-columns: repeat(3, 1fr);}
  }
  .wii-uc {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 18px;
    border: 1px solid #E6E9F0;
    border-radius: 12px;
    background: #FFFFFF;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
    overflow: hidden;
  }
  .wii-uc::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(180deg, #2563ff, #41baf4);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .22s ease;
  }
  .wii-uc:hover {
    border-color: rgba(37,99,255,.3);
    box-shadow: 0 10px 30px -18px rgba(10,23,51,.3);
    transform: translateY(-2px);
  }
  .wii-uc:hover::before {transform: scaleX(1);}
  .wii-uc__top {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .wii-uc__icon {
    width: 34px; height: 34px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: #eef1ff;
    color: #F6F8FC;
    flex-shrink: 0;
  }
  .wii-uc__icon svg {width: 20px; height: 20px;}
  .wii-uc__title {font-weight: 600; font-size: 15px;color:#1e3684;}
  .wii-uc:hover .wii-uc__title {color: #2563FF;}
  .wii-uc__desc {
    font-size: 12.5px;
    color: #3962a7;
    line-height: 1.5;
    margin: 0;
  }

/*Modules + Extensions 360Suite*/
.wii-mod-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px 24px;
  padding: 4px 18px 20px;
}
.wii-mod { display: flex; align-items: center; gap: 10px; color: #000; }
.wii-mod:hover .wii-mod__title { color: #2563ff; }
.wii-mod__icon {
  width: 25px; height: 25px;
  flex: none;
  overflow: hidden;
}
.wii-mod__icon img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wii-mod__text {display: flex; flex-direction: column; gap: 0;}
.wii-mod__title {font-weight: 500; font-size: 13.5px;color:#1e3684;line-height:1.45;}
.wii-mod__desc {font-size: 11.5px; color: #3962a7;line-height:1.45;}

.wii-mod-more[hidden] { display: none;}

.wii-mod-seeall {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: calc(100% - 36px) !important;
  margin: 6px 18px 18px !important;
  background: #EEF3FF;
  border: 0;
  padding: 13px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: #2563ff;
  cursor: pointer;
  border-radius: 10px;
  box-sizing: border-box;
}

.wii-mod-seeall:hover {background: #E1EAFF;}
.wii-mod-seeall .chev {width: 11px; height: 11px; transition: transform .2s ease;}
.wii-mod-seeall[aria-expanded="true"] .chev {transform: rotate(180deg);}
 
  /* ============ ACTIONS ============ */
  .wii-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
  .wii-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 19px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14.5px;
    cursor: pointer;
    white-space: nowrap;
    transition: transform .12s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
  }
  .wii-btn--ghost {background: none; color:#2563ff; border: 1px solid #2563ff;}
  .wii-btn--ghost:hover {border-color: #2563ff;background:#dbe5fe;color:#2563ff;}
  .wii-btn--primary {
    background: #2563FF;
    color: #fff;
    border: 1px solid #2563FF;
    box-shadow: 0 10px 24px -10px rgba(37,99,255,.6);
  }
  .wii-btn--primary:hover { transform: translateY(-1px); background: #1A54EC;color:#ffffff;}
 
  /* ============ TOUR MODAL ============ */
  .wii-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 200;
    background: rgba(10,23,51,.55);
    backdrop-filter: blur(4px);
    display: grid;
    place-items: center;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s;
  }
  .wii-modal-backdrop[data-open="true"] {opacity: 1; visibility: visible;}
  .wii-modal {
    width: 100%;
    max-width: 640px;
    background: #FFFFFF;
    border-radius: 18px;
    padding: 34px 34px 30px;
    box-shadow: 0 40px 90px -30px rgba(10,23,51,.6);
    transform: translateY(14px) scale(.98);
    transition: transform .22s ease;
    position: relative;
  }
  .wii-modal-backdrop[data-open="true"] .wii-modal {transform: translateY(0) scale(1);}
  .wii-modal__close {
    position: absolute;
    top: 16px; right: 16px;
    width: 34px; height: 34px;
    border-radius: 9px;
    border: 1px solid #e6e9f0;
    background: none;
    color: #1e3684;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: border-color .15s ease, color .15s ease;
  }
  .wii-modal__close:hover { border-color: #1e3684; color: #1e3684;}
  .wii-modal__eyebrow {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: none;
    color: #2563ff;
    margin: 0 0 8px;
  }
  .wii-modal__title {
    font-weight: 600;
    font-size: 22px;
    letter-spacing: -0.01em;
    color: #1e3684;
    margin: 0 0 6px;
    text-transform:none;
  }
  .wii-modal__sub {
    font-size: 14px;
    color: #3962a7;
    margin: 0 0 24px;
    line-height: 1.5;
  }
  .wii-modal__options {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
  .wii-opt {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px 15px;
    border: 1px solid #E6E9F0;
    border-radius: 13px;
    background: #FFFFFF;
    cursor: pointer;
    text-align: left;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
  }
  .wii-opt:hover {
    border-color: rgba(37,99,255,.45);
    box-shadow: 0 14px 34px -18px rgba(37,99,255,.4);
    transform: translateY(-2px);
  }
  .wii-opt__icon {
    width: 40px; height: 40px;
    border-radius: 11px;
    display: grid;
    place-items: center;
  }
  .wii-opt__icon img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
}
  .wii-opt--pbi .wii-opt__icon {background: #eef1ff;}
  .wii-opt--tab .wii-opt__icon {background: #eef1ff;}
  .wii-opt--gen .wii-opt__icon {background: #eef1ff;}
  .wii-opt__title {font-weight: 600; font-size: 13px; color: #1e3684;}
  .wii-opt__desc {font-size: 12px; color: #3962a7; line-height: 1.45; margin: 0;}
  .wii-opt__go {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: auto;
    font-size: 13px;
    font-weight: 600;
    color: #2563FF;
  }
  .wii-opt__go svg {width: 12px; height: 12px; transition: transform .15s ease;}
  .wii-opt:hover .wii-opt__go svg {transform: translateX(2px);}
 
  /* ============ BURGER / MOBILE ============ */
  .wii-burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 42px; height: 42px;
    border: 1px solid #E6E9F0;
    border-radius: 10px;
    background: none;
    cursor: pointer;
  }
  .wii-burger span {
    display: block;
    width: 18px; height: 2px;
    margin: 0 auto;
    background: #1e3684;
    border-radius: 2px;
    transition: transform .2s ease, opacity .2s ease;
  }
  body[data-mobile-open="true"] .wii-burger span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
  body[data-mobile-open="true"] .wii-burger span:nth-child(2) {opacity: 0;}
  body[data-mobile-open="true"] .wii-burger span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

  .wii-mobile-cta {display: none;}
 
  @media (max-width: 1100px) {
    .wii-actions .wii-btn--ghost {display: none;}
    .wii-platform {grid-template-columns: 1fr; gap: 24px;}
    .wii-products {border-left: 0; padding-left: 0;}
    .wii-uc-grid  {grid-template-columns: repeat(2, 1fr);}
  }
 
  @media (max-width: 940px) {
    .wii-prod__tag {display:none;}
    .wii-nav__inner {justify-content: space-between;}
    .wii-burger {display: flex;}
    .wii-menu {
      position: fixed;
      top: 70px; left: 0; right: 0;
      height: calc(100vh - 70px);
    height: calc(100dvh - 70px);
      flex-direction: column;
      align-items: stretch;
      gap: 0;
      background: #ffffff;
      padding: 12px 18px 48px;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      transform: translateX(-100%);
      transition: transform .24s ease;
    }
    body[data-mobile-open="true"] {overflow: hidden;}
    body[data-mobile-open="true"] .wii-menu {transform: translateX(0);}
    .wii-trigger {width: 100%; justify-content: space-between; height: 52px; font-size: 16px;}
    .wii-caret {margin-left: auto;}
    .wii-panel {
      position: static;
      box-shadow: none;
      border: 0;
      opacity: 1; visibility: visible; transform: none;
      display: none;
      max-height: none;
      overflow-y: visible;
    }
    .wii-item[data-open="true"] .wii-panel {display: block;}
    .wii-panel__inner {padding: 4px 0 18px;}
    .wii-uc-grid {grid-template-columns: 1fr;}
    .wii-prod__icon-grid {grid-template-columns: 1fr; gap: 10px;}
    .wii-actions .wii-btn--primary {display: none;}
    .wii-mobile-cta {display: flex; flex-direction: column; gap: 10px; margin-top: 18px;}
    .wii-mobile-cta .wii-btn {width: 100%;}
    .wii-modal__options {grid-template-columns: 1fr;}
  }
 
  @media (prefers-reduced-motion: reduce) {
    * { animation: none !important; transition: none!important;}
  }
  :focus-visible {outline: 2px solid #2563FF; outline-offset: 2px; border-radius: 6px;}