/* ===== FOLD: BASE / KEYFRAMES ===== */
html { scroll-behavior: smooth; }

body { margin: 0; background: #ffffff; }

::selection { background: rgba(70,52,201,0.25); }

@keyframes cwVMarquee {
  from { transform: translateY(0); }
  to { transform: translateY(-50%); }
}

/* ===== FOLD: HERO =====
 * Hero-fold styles (.aih-hero__*, .aih-btn*, body.ai_home_hero_pin *) have
 * moved to `pages/ai_home_uplift_hero.css`. Enable that file for the
 * page in wp-admin (Select CSS file) alongside this one.
 */

.ai_home_uplift .FeatsStatsSec {
  background: #fff;
  padding: 48px 0 56px;
}

.ai_home_uplift .FeatsStatsSec .container {
  max-width: 1180px;
}

.ai_home_uplift .FeatsStatsHeading {
  margin: 0 0 12px;
  text-align: center;
}

.ai_home_uplift .FeatsStatsHeading p,
.ai_home_uplift .FeatsStatsHeading h5 {
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
  color: #161618;
  letter-spacing: -0.01em;
}

.ai_home_uplift .FeatsStatsHeading b {
  font-weight: 700;
  color: #161618;
}

/* Continuous CSS marquee (mirrors the hero logo strip; scoped to the
   FeatsStatsSec, tuned for the white background of this section). */
.ai_home_uplift .company_logo_inner {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.ai_home_uplift .company_marquee {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
}

.ai_home_uplift .company_track {
  display: flex;
  width: max-content;
  animation: aihCompanyLogosScroll 40s linear infinite;
  will-change: transform;
}

.ai_home_uplift .company_row {
  display: flex;
  align-items: center;
  gap: 40px;
  padding-right: 40px;
  flex-shrink: 0;
}

.ai_home_uplift .company_row img {
  display: block;
  height: 28px;
  width: auto;
  opacity: 0.75;
  filter: grayscale(1);
}

@keyframes aihCompanyLogosScroll {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 767px) {
  .ai_home_uplift .FeatsStatsSec {
    padding: 36px 0 44px;
  }

  .ai_home_uplift .FeatsStatsHeading p,
  .ai_home_uplift .FeatsStatsHeading h5 {
    font-size: 16px;
    padding: 0 12px;
  }

  .ai_home_uplift .company_row {
    gap: 44px;
    padding-right: 44px;
  }

  .ai_home_uplift .company_row img {
    height: 22px;
  }
}

.ai_home_uplift .platformSec {
  padding: 60px 0 90px;
}

.ai_home_uplift .platform_header {
  text-align: center;
  max-width: 710px;
  margin: 0 auto 52px;
}

.ai_home_uplift .platform_header h2 {
  margin-bottom: 16px;
}

.ai_home_uplift .platform_grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
}

.ai_home_uplift .platform_card {
  position: relative;
  display: flex;
  flex-direction: column;
  grid-column: span 3;
  min-height: 503px;
  padding: 30px 40px 0;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
}

.ai_home_uplift .platform_card.flexible {
  background: #f4f4f7;
  border: 1px solid #ececf2;
  min-height: 582px;
}

.ai_home_uplift .platform_card.autonomous {
  background: #f3f5fc;
  border: 1px solid #fff;
  min-height: 582px;
}

.ai_home_uplift .platform_card.copilot,
.ai_home_uplift .platform_card.cloudflare,
.ai_home_uplift .platform_card.sitemanager {
  grid-column: span 2;
  min-height: 354px;
  padding: 30px 30px 0;
}

.ai_home_uplift .platform_card.copilot {
  background: #f6eefb;
  border: 1px solid #efe6f7;
}

.ai_home_uplift .platform_card.cloudflare {
  background: #fdf3e9;
  border: 1px solid #f7ead9;
}

.ai_home_uplift .platform_card.sitemanager {
  background: #fcf6ff;
  border: 1px solid #efe6f7;
}

.ai_home_uplift .platform_card.managed_ai,
.ai_home_uplift .platform_card.nodejs {
  min-height: 373px;
}

.ai_home_uplift .platform_card.managed_ai {
  background: #f7faff;
  border: 1px solid #e2dff6;
}

.ai_home_uplift .platform_card.nodejs {
  background: #f1f7f1;
  border: 1px solid #e4efe4;
}

.ai_home_uplift .card_top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.ai_home_uplift .card_badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(20, 18, 77, 0.05);
  box-shadow: 0 2px 8px rgba(20, 18, 77, 0.06);
  color: #2b2b55;
  margin: 0 !important;
}

/* Nested pill inside `.card_badge` or `.ai_tools_badge` — small status
   tag ("Public Preview", "Coming Soon", etc.). Same pill shape as the
   outer badge, colour comes from the variant class below. Spacing is
   handled by the outer badge's own flex gap. */
.ai_home_uplift .card_badge_tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 999px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.01em;
  white-space: nowrap;
  /* Default fill — used if neither variant class is applied. */
  background: #7c3aed;
}

/* Public Preview — violet pill (Cloudways Velocity). */
.ai_home_uplift .card_badge_tag.is-preview {
  background: linear-gradient(129deg, #705AFE -9.82%, #CA7CFB 107.85%);
  font-size: 12px;
}

/* Coming Soon — soft peach → violet gradient (AI Website Builder + Copilot Chat). */
.ai_home_uplift .card_badge_tag.is-soon {
  background: linear-gradient(82deg, #FFF -37.59%, #C583E0 -37.58%, #FFBC7D 74.04%, #FFF 115.51%);
  color: #091E42;
  font-size: 12px;
}

.ai_home_uplift .card_arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #dcdcee;
  flex-shrink: 0;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.ai_home_uplift .card_arrow svg path {
  transition: stroke 0.2s ease;
}

.ai_home_uplift .platform_card:hover .card_arrow {
  background: #2f39bf;
  border-color: #2f39bf;
}

.ai_home_uplift .platform_card:hover .card_arrow svg path {
  stroke: #fff;
}

.ai_home_uplift .platform_card .card_cta {
  position: static;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  align-self: flex-start;
  margin-top: 16px;
  color: #2F39BF;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.01em;
  text-decoration: none;
  transition: color 0.2s ease;
}

.ai_home_uplift .platform_card .card_cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: auto;
}

.ai_home_uplift .platform_card .card_cta,
.ai_home_uplift .platform_card .card_cta:hover,
.ai_home_uplift .platform_card .card_cta:focus,
.ai_home_uplift .platform_card .card_cta:visited {
  color: #2F39BF;
  text-decoration: none;
  outline: none;
}

.ai_home_uplift .platform_card .card_cta svg {
  position: relative;
  z-index: 2;
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  color: #2F39BF;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.ai_home_uplift .platform_card .card_cta svg path {
  stroke: #2F39BF;
}

.ai_home_uplift .platform_card:hover .card_cta svg {
  transform: translateX(4px);
}

.ai_home_uplift .platform_card {
  cursor: pointer;
}

.ai_home_uplift .platform_card .p1-medium {
  margin: 24px 0 0;
  color: #091e42;
}

.ai_home_uplift .platform_card .p2-regular {
  margin: 12px 0 0;
  max-width: 526px;
  color: #253858;
}

.ai_home_uplift .card_img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: auto;
  pointer-events: none;
}

.ai_home_uplift .platform_card .card_video {

  background: transparent;
  /* Base transform lives here so the hover selectors below can animate to a
     scaled state on the same property. Variants that need their own translate
     (see .flexible / .copilot rules below) restate the base transform and
     compose the hover scale via their own :hover selectors further down. */
  transform: translate3d(0, 0, 0);
  transform-origin: center;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
  backface-visibility: hidden;
}


.ai_home_uplift .platform_card .card_media {
  position: relative;
  width: 100%;
  margin-top: auto;
  overflow: hidden;
}

.ai_home_uplift .platform_card.flexible .card_media { aspect-ratio: 588 / 293; transform: translate3d(0, -60px, 0); }
.ai_home_uplift .platform_card.cloudflare .card_media { aspect-ratio: 314 / 207; }
.ai_home_uplift .platform_card.managed_ai .card_media { aspect-ratio: 588 / 211; }
.ai_home_uplift .platform_card.nodejs .card_media { aspect-ratio: 588 / 211; }



  .ai_home_uplift .platform_card.flexible .card_video{
    transform: translate3d(0, -60px, 0);
   } 

.ai_home_uplift .platform_card.copilot .card_video {
  transform: translate3d(0, -20px, 0);
}

.ai_home_uplift .platform_card .card_media .card_poster,
.ai_home_uplift .platform_card .card_media .card_video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  /* object-fit: contain;
  object-position: center bottom; */
  transition: opacity 0.26s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: opacity;
  transform: translateZ(0);
  backface-visibility: hidden;
  pointer-events: none;
}

.ai_home_uplift .platform_card .card_media .card_poster {
  z-index: 2;
  opacity: 0;
  user-select: none;
  -webkit-user-drag: none;
}

.ai_home_uplift .platform_card .card_media .card_video {
  z-index: 1;
  opacity: 1;
}

.ai_home_uplift .platform_card.is-video-idle .card_media .card_poster {
  opacity: 1;
}

.ai_home_uplift .platform_card.is-video-idle .card_media .card_video {
  opacity: 0;
}

@media (max-width: 992px) {
  .ai_home_uplift .platformSec {
    padding: 40px 0 60px;
  }

  .ai_home_uplift .platform_header {
    margin-bottom: 32px;
  }

  .ai_home_uplift .platform_grid {
    grid-template-columns: 1fr;
  }

  /* All variants — including .flexible and .autonomous whose desktop
     `min-height: 582px` was leaving huge empty space on mobile — hug their
     content so the media sits right after the CTA. */
  .ai_home_uplift .platform_card,
  .ai_home_uplift .platform_card.flexible,
  .ai_home_uplift .platform_card.autonomous,
  .ai_home_uplift .platform_card.copilot,
  .ai_home_uplift .platform_card.cloudflare,
  .ai_home_uplift .platform_card.sitemanager,
  .ai_home_uplift .platform_card.managed_ai,
  .ai_home_uplift .platform_card.nodejs {
    grid-column: span 1;
    min-height: 0;
  }

  /* Reset the desktop upward translates on the video/media. Those offsets
     were positioning tricks that worked with the taller desktop cards; on
     mobile the card hugs content, so the offsets pull the video up into
     the CTA area (ss3 "Copilot" and the .card_media of .flexible). */
  .ai_home_uplift .platform_card .card_video,
  .ai_home_uplift .platform_card .card_media,
  .ai_home_uplift .platform_card.flexible .card_video,
  .ai_home_uplift .platform_card.flexible .card_media,
  .ai_home_uplift .platform_card.copilot .card_video {
    transform: none;
  }

  /* Uniform breathing room between the CTA row and the media on every
     card (matches ss5 "Site Manager"). Overrides the base `margin-top:
     auto` inherited from .card_img which was pushing the media to the
     bottom of the taller desktop card. */
  .ai_home_uplift .platform_card .card_video,
  .ai_home_uplift .platform_card .card_media {
    margin-top: 24px;
  }
}

/* ai tools */

.ai_home_uplift .ai_tools_scale_wrap {
  background: #fff;
  overflow: visible;
  padding: 20px 0;
  --ait-bleed: 0;
  /* Initial gutter matches the global .container width (1298px @ ≥1200px)
     so the dark panel starts flush with the container above it. As
     --ait-bleed animates 0 -> 1 the gutter (and radius) collapse to 0 and
     the panel expands to full-bleed. */
  --ait-container: 1298px;
  --ait-gutter: calc(max(0px, (100vw - var(--ait-container)) / 2) * (1 - var(--ait-bleed)));
  --ait-radius: calc(32px * (1 - var(--ait-bleed)));
}

.ai_home_uplift .ai_toolsSec {
  position: relative;
  padding: 100px 0 110px;
  background: #020204 url("https://www.cloudways.com/wp-content/uploads/2026/07/AIFold-bg.png") center / cover no-repeat;
  overflow: hidden;
  border-radius: var(--ait-radius);
  -webkit-clip-path: inset(0 var(--ait-gutter) 0 var(--ait-gutter) round var(--ait-radius));
  clip-path: inset(0 var(--ait-gutter) 0 var(--ait-gutter) round var(--ait-radius));
}

.ai_home_uplift .ai_tools_scale_wrap.is-ait-animating .ai_toolsSec {
  will-change: clip-path, border-radius;
}

.ai_home_uplift .ai_toolsSec > .container {
  position: relative;
  z-index: 1;
}

.ai_home_uplift .ai_tools_header {
  text-align: center;
  max-width: 844px;
  margin: 0 auto 64px;
}

.ai_home_uplift .ai_tools_header h2 {
  color: #fff;
  margin-bottom: 16px;
}

.ai_home_uplift .ai_tools_header .p1-regular {
  color: #d6d4e4;
  margin: 0;
}

.ai_home_uplift .ai_tools_grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}

.ai_home_uplift .ai_tools_grid::before {
  content: "";
  position: absolute;
  left: 50%;
  /* bottom: 100%; */
  top: -40px;
  /* transform: translateX(-50%); */
  /* width: 1142px; */
  left: 50px;
  right: -100px;
  height: 340px;
  background: url("https://www.cloudways.com/wp-content/uploads/2026/07/AI-Fold-Background-Gradient-Overlay.svg") center no-repeat;
  border-radius: 1120.428px;
  /* opacity: 0.8; */
  /* background: radial-gradient(124.92% 61.14% at 36.41% 30.54%, rgba(255, 175, 71, 0.90) 0%, rgba(255, 71, 240, 0.70) 33.22%, #D285FF 54.49%, rgba(10, 93, 255, 0.90) 100%); */
  filter: blur(38.759193420410156px);
  pointer-events: none;
  z-index: 0;
}

.ai_home_uplift .ai_tools_card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 508px;
  padding: 32px 32px 0;
  background: #090A15;
  text-decoration: none;
  color: inherit;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0;
  overflow: hidden;
  isolation: isolate;
}

.ai_home_uplift .ai_tools_grid .ai_tools_card:nth-child(1) {
  border-top-left-radius: 12px;
}

.ai_home_uplift .ai_tools_grid .ai_tools_card:nth-child(3) {
  border-top-right-radius: 12px;
}

.ai_home_uplift .ai_tools_grid .ai_tools_card:nth-child(4) {
  border-bottom-left-radius: 12px;
}

.ai_home_uplift .ai_tools_grid .ai_tools_card:nth-child(6) {
  border-bottom-right-radius: 12px;
}

.ai_home_uplift .ai_tools_card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  filter: blur(20px);
  border-radius: inherit;
}

.ai_home_uplift .ai_tools_grid .ai_tools_card.copilot::before {
  filter: blur(16px);
  background:
  radial-gradient(ellipse 85% 32% at 54% 60%,    
    rgba(225, 135, 255, 1.0) 0%,
    #49204F 18%, transparent 74%),    
  radial-gradient(circle 140px at 44% 62%,   
    rgba(225, 135, 255, 1.0) 0%,    
    rgba(185, 95, 245, 0.85) 18%,    
    rgba(145, 65, 225, 0.55) 42%,    
    rgba(85, 32, 165, 0.25) 65%, transparent 82%),  
  radial-gradient(ellipse 95% 62% at 50% 68%,    
   rgba(160, 90, 240, 0.65) 0%,    
   rgba(120, 60, 210, 0.42) 30%,    
   rgba(80, 30, 160, 0.22) 55%,    
   rgba(30, 10, 70, 0.10) 75%, transparent 88%);
}

.ai_home_uplift .ai_tools_grid .ai_tools_card.mcp::before {
  background:
    radial-gradient(ellipse 70% 60% at 62% 68%,
      rgba(232, 30, 200, 0.85) 0%,
      rgba(180, 60, 240, 0.60) 22%,
      rgba(96, 46, 200, 0.38) 45%,
      rgba(30, 10, 80, 0.16) 65%,
      transparent 78%);
}


.ai_home_uplift .ai_tools_grid .ai_tools_card.ai_builder::before {
  filter: blur(14px);
  background:
  radial-gradient(circle 100px at 70% 64%,
  rgba(180, 220, 255, 1.0) 0%,
  rgba(120, 185, 255, 0.85) 0%,
  rgba(70, 140, 245, 0.55) 42%,
  rgba(30, 80, 200, 0.25) 65%,
  transparent 50%),
radial-gradient(ellipse 95% 52% at 62% 74%,
  rgba(96, 165, 250, 0.60) 0%,
  rgba(59, 130, 246, 0.38) 30%,
  rgba(29, 78, 216, 0.20) 55%,
  rgba(10, 30, 90, 0.08) 75%,
  transparent 88%);
}

.ai_home_uplift .ai_tools_grid .ai_tools_card.vibe_coder::before {
  filter: blur(18px);
  background:
    radial-gradient(ellipse 50% 55% at 83% 76%,
    rgba(255, 175, 115, 0.90) 0%,
    rgba(255, 135, 85, 0.65) 22%,
    rgba(220, 95, 95, 0.42) 44%,
    rgba(160, 60, 105, 0.22) 64%,
    rgba(80, 30, 70, 0.10) 82%,
    transparent 96%),
  radial-gradient(ellipse 30% 25% at 50% 55%,
    rgba(255, 145, 195, 0.55) 0%,
    rgba(220, 100, 170, 0.32) 30%,
    rgba(150, 60, 130, 0.15) 68%,
    transparent 90%),
  radial-gradient(ellipse 40% 55% at 15% 68%,
    rgba(140, 90, 205, 0.50) 0%,
    rgba(105, 60, 175, 0.30) 30%,
    rgba(70, 35, 130, 0.16) 56%,
    rgba(40, 20, 80, 0.08) 78%,
    transparent 94%),
  radial-gradient(ellipse 75% 55% at 72% 58%,
    rgba(225, 125, 95, 0.28) 0%,
    rgba(175, 85, 100, 0.16) 44%,
    rgba(85, 40, 70, 0.06) 74%,
    transparent 92%);
}

.ai_home_uplift .ai_tools_grid .ai_tools_card.openclaw::before {
  filter: blur(22px);
  background:
  radial-gradient(ellipse 58% 45% at 20% 72%,
  rgba(255, 110, 80, 0.88) 0%,
  rgba(232, 78, 78, 0.60) 22%,
  rgba(190, 60, 110, 0.42) 42%,
  rgba(140, 55, 150, 0.24) 62%,
  rgba(80, 35, 130, 0.10) 82%,
  transparent 100%),
radial-gradient(ellipse 72% 62% at 72% 83%,
  rgba(160, 100, 245, 0.85) 0%,
  rgba(130, 75, 225, 0.60) 22%,
  rgba(140, 60, 190, 0.42) 45%,
  rgba(120, 45, 150, 0.22) 65%,
  rgba(60, 25, 100, 0.10) 82%,
  transparent 100%),
radial-gradient(ellipse 120% 55% at 50% 88%,
  rgba(170, 80, 180, 0.32) 0%,
  rgba(120, 55, 155, 0.20) 40%,
  rgba(50, 25, 90, 0.08) 70%,
  transparent 92%)
}


.ai_home_uplift .ai_tools_grid .ai_tools_card.hermes::before {
  filter: blur(18px);
  background:
  radial-gradient(ellipse 80% 10% at 50% 55%,
  rgba(235, 155, 255, 0.90) 0%,
  rgba(200, 120, 245, 0.60) 30%,
  rgba(155, 80, 225, 0.35) 56%,
  rgba(105, 55, 185, 0.18) 78%,
  transparent 94%),

radial-gradient(ellipse 120% 62% at 50% 78%,
  rgba(160, 95, 240, 0.70) 0%,
  rgba(125, 70, 220, 0.48) 26%,
  rgba(140, 55, 175, 0.30) 48%,
  rgba(85, 35, 130, 0.16) 68%,
  rgba(40, 15, 90, 0.08) 84%,
  transparent 96%);
}

.ai_home_uplift .ai_tools_badge {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(38, 36, 52, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.09);
  color: #fff;
  margin: 0 !important;
}

.ai_home_uplift .ai_tools_badge svg {
  flex-shrink: 0;
}

.ai_home_uplift .ai_tools_card .p1-medium {
  margin: 26px 0 0;
  color: #f5f4fa;
}

.ai_home_uplift .ai_tools_card .p2-regular {
  margin: 12px 0 0;
  color: #ffffff;
}

.ai_home_uplift .ai_tools_link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 16px 0 0 !important;
  color: #fff;
}

.ai_home_uplift .ai_tools_link .cta_arrow{
  margin-bottom: -2px;
}

.ai_home_uplift .ai_tools_link svg {
  flex-shrink: 0;
}

.ai_home_uplift .ai_tools_link svg path {
  stroke: #d9d9d9;
}

.ai_home_uplift .ai_tools_img,
.ai_home_uplift .ai_tools_video {
  display: block;
  width: calc(100% + 24px);
  max-width: none;
  height: auto;
  margin: auto -12px 0;
  pointer-events: none;
  -webkit-mask-image:
    linear-gradient(180deg, transparent 0%, #000 16%, #000 82%, transparent 100%),
    linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
  mask-image:
    linear-gradient(180deg, transparent 0%, #000 16%, #000 82%, transparent 100%),
    linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ai_home_uplift .ai_tools_img {
  mix-blend-mode: screen;
}

.ai_home_uplift .ai_tools_video {
  position: relative;
  z-index: 1;
  background: transparent;
  transform: translateZ(0);
  transform-origin: center;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
  backface-visibility: hidden;
}

/* Hover zoom — mirrors the platform_card behaviour so both grids feel
   consistent. Scoped to real pointer devices + motion-safe users. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .ai_home_uplift .ai_toolsSec .ai_tools_card:hover .ai_tools_video {
    transform: scale(1.08);
  }
}

@media (max-width: 992px) {
  /* Bleed animation is disabled on mobile - the panel is always full-bleed
     and flat, matching the mobile CSS default. */
  .ai_home_uplift .ai_tools_scale_wrap {
    padding: 0;
    --ait-bleed: 1;
  }

  .ai_home_uplift .ai_toolsSec {
    padding: 60px 0;
    border-radius: 0 !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
    will-change: auto;
  }

  .ai_home_uplift .ai_tools_header {
    margin-bottom: 40px;
  }

  .ai_home_uplift .ai_tools_grid {
    grid-template-columns: 1fr;
  }

  .ai_home_uplift .ai_tools_card {
    min-height: 0;
  }

  .ai_home_uplift .ai_tools_grid .ai_tools_card:nth-child(1),
  .ai_home_uplift .ai_tools_grid .ai_tools_card:nth-child(3),
  .ai_home_uplift .ai_tools_grid .ai_tools_card:nth-child(4),
  .ai_home_uplift .ai_tools_grid .ai_tools_card:nth-child(6) {
    border-radius: 0;
  }

  .ai_home_uplift .ai_tools_grid .ai_tools_card:first-child {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .ai_home_uplift .ai_tools_grid .ai_tools_card:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}

/* growth */

.ai_home_uplift .growthSec {
  background: #fcfcfc;
  padding: 100px 0;
}

.ai_home_uplift .growth_header {
  text-align: center;
  max-width: 560px;
  margin: 0 auto 64px;
}

.ai_home_uplift .growth_header h2 {
  margin-bottom: 16px;
}

.ai_home_uplift .growth_body {
  display: flex;
  align-items: center;
  gap: 40px;
}

.ai_home_uplift .growth_media {
  /* flex: 0 0 587px; */
  max-width: 50%;
  border-radius: 10px;
  overflow: hidden;
}

.ai_home_uplift .growth_media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 632px;
  object-fit: cover;
}

.ai_home_uplift .growth_list {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 556px;
}

.ai_home_uplift .growth_item {
  padding: 24px 0px;
  border-bottom: 1px solid #dfe1e6;
  transition: background-color 0.2s ease;
}
/* 
.ai_home_uplift .growth_item:hover {
  background: rgb(246, 245, 253);
} */



.ai_home_uplift .growth_item:first-child {
  /* padding-top: 0; */
}

.ai_home_uplift .growth_item:last-child {
  /* padding-bottom: 0; */
  border-bottom: none;
}

.ai_home_uplift .growth_item_head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.ai_home_uplift .growth_icon {
  display: inline-flex;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.ai_home_uplift .growth_icon svg {
  width: 24px;
  height: 24px;
}

.ai_home_uplift .growth_item_head .p1-medium,
.ai_home_uplift .growth_item .p2-regular {
  margin: 0;
}

@media (max-width: 992px) {
  .ai_home_uplift .growthSec {
    padding: 60px 0;
  }

  .ai_home_uplift .growth_header {
    margin-bottom: 40px;
  }

  .ai_home_uplift .growth_body {
    flex-direction: column;
    gap: 40px;
  }

  .ai_home_uplift .growth_media {
    flex: none;
    max-width: 100%;
    width: 100%;
  }

  .ai_home_uplift .growth_media img {
    min-height: 400px;
  }

  .ai_home_uplift .growth_list {
    max-width: 100%;
  }
}

/* extend */

.ai_home_uplift .extendSec {
  position: relative;
  background: #fff;
}

.ai_home_uplift .extend_pin {
  position: relative;
  top: 0;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  background: #fff;
}

/* Keep fold locked on screen while cards scrub */
.ai_home_uplift .extend_pin.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}

/* Park the fold at the end once last card has been viewed */
.ai_home_uplift .extend_pin.is-ended {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
}

.ai_home_uplift .extend_header {
  text-align: center;
  max-width: 710px;
  margin: 0 auto 48px;
}

.ai_home_uplift .extend_header h2 {
  margin-bottom: 16px;
}

.ai_home_uplift .extend_header .p1-regular {
  margin: 0;
}

.ai_home_uplift .extend_slider {
  width: 100%;
  overflow: hidden;
}

.ai_home_uplift .extend_track {
  display: flex;
  gap: 24px;
  align-items: stretch;
  width: max-content;
  padding-left: 0;
  padding-right: 0;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}

.ai_home_uplift .extend_card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 440px;
  flex-shrink: 0;
  /* background: #fff; */
  border: 1px solid #e9eaf2;
  border-radius: 14px;
  overflow: hidden;
  padding: 26px 24px;
}

.ai_home_uplift .extend_card::before {
  content: "";
  position: absolute;
  left: -10%;
  right: -10%;
  bottom: -8%;
  height: 65%;
  pointer-events: none;
  z-index: 0;
  filter: blur(28px);
}

.ai_home_uplift .extend_card.blue_gradient{
  background: linear-gradient(0deg, rgba(234, 235, 249, 0.20) 0%, rgba(234, 235, 249, 0.20) 100%), linear-gradient(154deg, #FFF 66.76%, #5A96FE 191.63%);
}

.ai_home_uplift .extend_card.pink_gradient{
  background: linear-gradient(0deg, rgba(234, 235, 249, 0.20) 0%, rgba(234, 235, 249, 0.20) 100%), linear-gradient(154deg, #FFF 66.76%, #E05AFE 191.63%);

}

.ai_home_uplift .extend_card.purple_gradient{
  background: linear-gradient(0deg, rgba(234, 235, 249, 0.20) 0%, rgba(234, 235, 249, 0.20) 100%), linear-gradient(154deg, #FFF 66.76%, #705AFE 191.63%);
}

.ai_home_uplift .extend_card.orange_gradient{
  background: linear-gradient(0deg, rgba(234, 235, 249, 0.20) 0%, rgba(234, 235, 249, 0.20) 100%), linear-gradient(154deg, #FFF 66.76%, #FEBA5A 191.63%);
}

.ai_home_uplift .extend_card.dark_bg_card{
  border-radius: 12px;
  border: 1px solid  #DFE1E6;
  background: #F3F3FF;
}

.ai_home_uplift .extend_card_body {
  position: relative;
  z-index: 1;
 
}

.ai_home_uplift .extend_card_body .p1-medium {
  margin: 0 0 14px;
  color: #091e42;
}

.ai_home_uplift .extend_card_body .p2-regular {
  margin: 0 0 18px;
  color: #253858;
}

.ai_home_uplift .extend_card_link {
  display: inline-block;
  color: #2f39bf;
  text-decoration: none;
  margin: 0 0 18px !important;
}

.ai_home_uplift .extend_card_link:hover,
.ai_home_uplift .extend_card_link:focus,
.ai_home_uplift .extend_card_link:active {
  text-decoration: none;
}

.ai_home_uplift .extend_card_img {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
  margin-top: auto;
}

.ai_home_uplift .extend_card_video {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
  margin-top: auto;
  background: transparent;
  pointer-events: none;
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Trailing CTA card - same 440px footprint as other .extend_card items
   so the horizontal-scrub math (first/last card centering) treats it as
   the natural last slide. No gradient / no border - content centered. */
.ai_home_uplift .extend_card.extend_cta_card {
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
}

.ai_home_uplift .extend_card.extend_cta_card::before {
  content: none;
}

.ai_home_uplift .extend_cta_inner {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 24px;
  text-align: center;
}

.ai_home_uplift .extend_cta_heading {
  margin: 0;
  color: #253858;
}

.ai_home_uplift .extend_cta_btn svg {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.ai_home_uplift .extend_card.extend_cta_card .btn svg path {
  stroke: #fff;

}

.ai_home_uplift .extend_cta_help {
  margin: 0;
  color: #253858;
}

.ai_home_uplift .extend_cta_help_link {
  color: #253858;
  text-decoration: underline;
}

.ai_home_uplift .extend_cta_help_link:hover {
  color: #2f39bf;
}

@media (max-width: 992px) {
  .ai_home_uplift .extendSec {
    height: auto !important;
  }

  .ai_home_uplift .extend_pin,
  .ai_home_uplift .extend_pin.is-fixed,
  .ai_home_uplift .extend_pin.is-ended {
    position: relative;
    height: auto;
    padding: 60px 0;
    width: auto;
    left: auto;
    bottom: auto;
    z-index: auto;
  }

  .ai_home_uplift .extend_header {
    margin-bottom: 32px;
    padding: 0 15px;
  }

  .ai_home_uplift .extend_slider {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
  }

  .ai_home_uplift .extend_track {
    padding-left: 15px;
    padding-right: 15px;
    transform: none !important;
  }

  .ai_home_uplift .extend_card {
    width: 320px;
  }
}

/* adaptive */

.ai_home_uplift .adaptiveSec {
  padding: 96px 0;
  background: #fcfcfc;
}

.ai_home_uplift .adaptive_header {
  text-align: center;
  max-width: 660px;
  margin: 0 auto 40px;
}

.ai_home_uplift .adaptive_header h2 {
  margin-bottom: 16px;
  color: #091e42;
}

.ai_home_uplift .adaptive_header .p1-regular {
  margin: 0;
  color: #253858;
}

.ai_home_uplift .adaptive_tabs {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 48px;
  padding: 6px;
  background: #F5F5F5;
  border-radius: 48px;
}

.ai_home_uplift .adaptive_tab_indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 0;
  pointer-events: none;
  background: #ffffff;
  border-radius: 48px;
  box-shadow: 0 4px 12px 0 rgba(20, 18, 77, 0.10);
  transition:
    left 0.42s cubic-bezier(0.32, 0.72, 0, 1),
    width 0.42s cubic-bezier(0.32, 0.72, 0, 1);
}

/* Freeze the transition when JS is placing the indicator for the first
   time so it snaps into position without a size-from-zero pop. */
.ai_home_uplift .adaptive_tab_indicator.no-transition {
  transition: none;
}

.ai_home_uplift .adaptive_tab {
  position: relative;
  z-index: 1; /* keep tab text above the sliding pill */
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 48px;
  padding: 12px 20px;
  color: #253858;
  margin-bottom: 0;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.ai_home_uplift .adaptive_tab:hover:not(.is-active) {
  color: #2f39bf;
}

.ai_home_uplift .adaptive_tab.is-active {
  color: #2f39bf;
}

/* Reduced-motion users get an instant snap, not a slide. */
@media (prefers-reduced-motion: reduce) {
  .ai_home_uplift .adaptive_tab_indicator {
    transition: none;
  }
}

.ai_home_uplift .adaptive_panels {
  position: relative;
  display: grid;
}

.ai_home_uplift .adaptive_body {
  grid-area: 1 / 1;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(0, 6px, 0);
  will-change: opacity, transform;
  transition:
    opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 0.45s;
  z-index: 0;
}

.ai_home_uplift .adaptive_body[hidden] {
  display: flex;
}

.ai_home_uplift .adaptive_body.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
  transition:
    opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 0s;
  z-index: 1;
}

.ai_home_uplift .adaptive_main {
  position: relative;
  flex: 1 1 auto;
  min-height: 480px;
  background: #fcfcfc;
  border: 0.5px solid #dfe1e6;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
}

.ai_home_uplift .adaptive_content {
  position: relative;
  z-index: 1;
  width: 44%;
  max-width: 370px;
  padding: 40px 24px 40px 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ai_home_uplift .adaptive_panel_title {
  margin: 0 0 16px;
  color: #091e42;
}

.ai_home_uplift .adaptive_panel_body {
  margin: 0 0 16px;
  color: #253858;
}

.ai_home_uplift .adaptive_checks {
  list-style: none;
  margin: 0 0 38px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ai_home_uplift .adaptive_checks li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ai_home_uplift .adaptive_checks svg {
  flex-shrink: 0;
}

.ai_home_uplift .adaptive_checks .p2-regular {
  margin: 0;
  color: #253858;
}

.ai_home_uplift .adaptive_photo {
  position: absolute;
  top: 0;
  right: 0;
  width: 48%;
  max-width: 384px;
  height: 100%;
}

.ai_home_uplift .adaptive_photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0 10px 10px 0;
}

/* The whole case-study card is a link. The anchor becomes the flex
   child of .adaptive_body, so the fixed 384px sizing lives here — the
   inner aside just fills the anchor. All anchor default styling
   (color, underline, focus outline) is stripped on every state so the
   card looks identical to when it was a plain <aside>. */
.ai_home_uplift .adaptive_stat_link {
  flex: 0 0 384px;
  width: 384px;
  /* flex so the inner aside stretches to fill the anchor's height,
     which itself gets stretched by .adaptive_body { align-items: stretch }
     to match the sibling .adaptive_main card. */
  display: flex;
  align-self: stretch;
  color: inherit;
  text-decoration: none;
  border-radius: 10px;
}

.ai_home_uplift .adaptive_stat_link,
.ai_home_uplift .adaptive_stat_link:hover,
.ai_home_uplift .adaptive_stat_link:focus,
.ai_home_uplift .adaptive_stat_link:active,
.ai_home_uplift .adaptive_stat_link:visited {
  color: inherit;
  text-decoration: none;
}

.ai_home_uplift .adaptive_stat_link:focus,
.ai_home_uplift .adaptive_stat_link:focus-visible {
  outline: none;
  box-shadow: none;
}

.ai_home_uplift .adaptive_stat {
  position: relative;
  flex: 0 0 384px;
  width: 384px;
  min-height: 480px;
  border-radius: 10px;
  overflow: hidden;
  background:
    radial-gradient(120% 90% at 90% 110%, rgba(90, 60, 160, 0.55) 0%, rgba(30, 24, 58, 0.55) 45%, transparent 70%),
    radial-gradient(80% 60% at 20% -10%, rgba(70, 90, 200, 0.35) 0%, transparent 55%),
    #171a2c;
  padding: 34px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* When the aside is nested inside .adaptive_stat_link, the anchor owns
   the flex sizing. The aside grows to fill the anchor on both axes so
   the case-study card ends up the same height as the sibling
   .adaptive_main content card. */
.ai_home_uplift .adaptive_stat_link .adaptive_stat {
  flex: 1 1 auto;
  width: 100%;
}

.ai_home_uplift .adaptive_stat_logo {
  display: block;
  width: 147px;
  height: auto;
  margin-bottom: 16px;
}

.ai_home_uplift .adaptive_stat_top .p1-regular {
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
}

.ai_home_uplift .adaptive_stat_value {
  margin: 0 0 8px;
  font-family: "poppins", sans-serif;
  font-size: 54px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.03em;
  background: linear-gradient(115.5deg, #fff 13%, rgba(201, 201, 201, 0.75) 136%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ai_home_uplift .adaptive_stat_bottom .p2-regular {
  margin: 0;
  color: rgba(255, 255, 255, 0.65);
}

@media (max-width: 1199px) {
  .ai_home_uplift .adaptive_stat_link {
    flex: 0 0 320px;
    width: 320px;
  }

  .ai_home_uplift .adaptive_stat {
    flex: 0 0 320px;
    width: 320px;
  }

  .ai_home_uplift .adaptive_content {
    width: 50%;
    max-width: none;
    padding: 32px 20px 32px 28px;
  }
}

@media (max-width: 992px) {
  .ai_home_uplift .adaptiveSec {
    padding: 60px 0;
  }

  .ai_home_uplift .adaptive_tabs {
    width: 100%;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 32px;
    padding: 6px;
  }

  .ai_home_uplift .adaptive_tab {
    flex-shrink: 0;
  }

  .ai_home_uplift .adaptive_body {
    flex-direction: column;
  }

  .ai_home_uplift .adaptive_main {
    flex-direction: column;
    min-height: 0;
  }

  .ai_home_uplift .adaptive_content {
    width: 100%;
    max-width: none;
    padding: 28px 20px;
  }

  .ai_home_uplift .adaptive_photo {
    position: relative;
    width: 100%;
    max-width: none;
    height: 280px;
  }

  .ai_home_uplift .adaptive_photo img {
    border-radius: 0 0 10px 10px;
  }

  .ai_home_uplift .adaptive_stat_link {
    flex: none;
    width: 100%;
  }

  .ai_home_uplift .adaptive_stat {
    flex: none;
    width: 100%;
    min-height: 360px;
  }
}

/* migration */

.ai_home_uplift .migrationSec {
  position: relative;
  overflow: hidden;
  padding: 80px 0 0;
  background:
    url("https://www.cloudways.com/wp-content/uploads/2026/07/migration_bg_splash.png") center center / cover no-repeat,
    linear-gradient(176deg, #7c9ad3 14%, #314682 111%);
}

.ai_home_uplift .migration_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* gap: 40px; */
}

.ai_home_uplift .migration_content {
  position: relative;
  width: 50%;
  padding-bottom: 80px;
 }

.ai_home_uplift .migration_content h2 {
  margin: 0 0 24px;
  font-size: 54px;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: #fff;
}

.ai_home_uplift .migration_actions .btn:hover svg path{
  fill: #091e42;
}

.ai_home_uplift .migration_content .p1-regular {
  margin: 0 0 40px;
  max-width: 590px;
  font-size: 22px;
  line-height: 1.6;
  letter-spacing: -0.03em;
  color: #fff;
}

.ai_home_uplift .migration_actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.ai_home_uplift .migration_visual {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  min-width: 0;
  width: 50%;
 
}

.ai_home_uplift .migration_visual img {
  display: block;
  width: 100%;
}

@media (max-width: 1199px) {
  .ai_home_uplift .migration_content h2 {
    font-size: 42px;
  }

  .ai_home_uplift .migration_content .p1-regular {
    font-size: 18px;
  }

  .ai_home_uplift .migration_visual {
    max-width: 480px;
  }
}

/* fit / right-fit CTA — Figma + Claude V3 marquee focus */
.ai_home_uplift .fitSec {
  position: relative;
  overflow: hidden;
  padding: 120px 0;
  background: linear-gradient(115deg, #2c1875 0%, #3a1d95 34%, #4c22b0 58%, #4b35c9 78%, #5a49e0 100%);
}

.ai_home_uplift .fit_inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 80px;
  min-height: 480px;
}

.ai_home_uplift .fit_content h2 {
  margin: 0 0 24px;
  font-size: clamp(36px, 3.6vw, 47px);
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #fff;
  max-width: 14em;
}

.ai_home_uplift .fit_content .p1-regular {
  margin: 0 0 40px;
  font-size: 19px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.92);
  max-width: 29em;
}

.ai_home_uplift .fit_actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}

.ai_home_uplift .fit_visual {
  position: relative;
  height: 480px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 28%, #000 72%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 28%, #000 72%, transparent 100%);
}

.ai_home_uplift .fit_marquee {
  display: flex;
  flex-direction: column;
  animation: cwVMarquee 18s linear infinite;
  will-change: transform;
}

.ai_home_uplift .fit_marquee_group {
  display: flex;
  flex-direction: column;
  gap: 44px;
  padding-bottom: 44px;
}

.ai_home_uplift .fit_marquee_item {
  font-size: clamp(32px, 3.6vw, 52px);
  font-weight: 500;
  letter-spacing: -0.06em;
  line-height: 1.2;
  color: #fff;
  opacity: 0.2;
  will-change: opacity;
}

@media (max-width: 992px) {
  .ai_home_uplift .fitSec {
    padding: 72px 0;
  }

  .ai_home_uplift .fit_inner {
    grid-template-columns: 1fr;
    gap: 40px;
    min-height: 0;
  }

  .ai_home_uplift .fit_visual {
    height: 320px;
  }

  .ai_home_uplift .fit_marquee_item {
    font-size: 28px;
  }
}

@media (max-width: 992px) {
  .ai_home_uplift .migrationSec {
    padding: 60px 0 0;
  }

  .ai_home_uplift .migration_inner {
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    gap: 32px;
  }

  .ai_home_uplift .migration_content {
    flex: none;
    max-width: 100%;
  }

  .ai_home_uplift .migration_content h2 {
    font-size: 32px;
  }

  .ai_home_uplift .migration_content .p1-regular {
    margin-bottom: 28px;
    font-size: 16px;
  }

  .ai_home_uplift .migration_visual {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    justify-content: center;
  }

  .ai_home_uplift .migration_visual img {
    max-width: 420px;
  }
}

/* results / testimonials */

.ai_home_uplift .resultsSec {
  padding: 100px 0;
  background: #fff;
}

.ai_home_uplift .results_header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 48px;
}

.ai_home_uplift .results_copy {
  flex: 1 1 auto;
  max-width: 720px;
  text-align: left;
}

.ai_home_uplift .results_copy h2 {
  margin-bottom: 16px;
  color: #091e42;
}

.ai_home_uplift .results_copy .p1-regular {
  margin: 0;
  color: #253858;
}

.ai_home_uplift .results_badges {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 4px;
}

.ai_home_uplift .results_badges img {
  display: block;
  height: 74px;
  width: auto;
  max-width: 66px;
  object-fit: contain;
}

.ai_home_uplift .results_grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.ai_home_uplift .results_card {
  position: relative;
  display: block;
  height: 423px;
  border-radius: 13px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  background: #1a1a1a;
}

.ai_home_uplift .results_card_photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.04);
  filter: blur(1.5px);
  transition: transform 0.4s ease, filter 0.4s ease;
}

.ai_home_uplift .results_card_shade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 70%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.55) 45%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  transition: opacity 0.35s ease;
}

.ai_home_uplift .results_card_glow {
  position: absolute;
  left: -8%;
  right: -8%;
  bottom: 0;
  height: 55%;
  opacity: 0.4;
  pointer-events: none;
  background: linear-gradient(16deg, rgba(10, 93, 255, 0.35) 12%, rgba(210, 133, 255, 0.28) 63%, rgba(255, 71, 240, 0.22) 88%, rgba(255, 175, 71, 0.2) 125%);
  filter: blur(36px);
  transition: opacity 0.4s ease;
}

.ai_home_uplift .results_card_logo {
  position: absolute;
  top: 28px;
  left: 22px;
  z-index: 3;
  width: auto;
  height: 28px;
  max-width: 130px;
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) invert(1);
}

.ai_home_uplift .results_card_pause {
  position: absolute;
  top: 16px;
  right: 22px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #fff;
  background: linear-gradient(238deg, rgba(255, 255, 255, 0.2) 92%, rgba(110, 110, 110, 0.2) 214%);
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.ai_home_uplift .results_card_body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 55%;
}

.ai_home_uplift .results_card_quote {
  margin: 0 0 16px;
  color: #fff;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.ai_home_uplift .results_card_meta {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}

.ai_home_uplift .results_card_name {
  margin: 0 0 4px;
  font-family: "poppins", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
}

.ai_home_uplift .results_card_role {
  margin: 0;
  font-family: "poppins", sans-serif;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.03em;
  color: rgba(255, 255, 255, 0.85);
}

.ai_home_uplift .results_card_arrow {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #fff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(110, 110, 110, 0.2));
  transition: background 0.3s ease, border-color 0.3s ease;
}

/* Hover = "focus on the person" state: quote/glow fade out, photo becomes
   crisp, shade lightens so the portrait pops. Rest = "info state" (all
   defined on the base rules above). */
.ai_home_uplift .results_card:hover .results_card_photo {
  transform: scale(1);
  filter: blur(0);
}

.ai_home_uplift .results_card:hover .results_card_shade {
  opacity: 0.35;
}

.ai_home_uplift .results_card:hover .results_card_glow {
  opacity: 0;
}

.ai_home_uplift .results_card:hover .results_card_quote {
  opacity: 0;
  transform: translateY(16px);
}

.ai_home_uplift .results_card:hover .results_card_arrow {
  background: #2f39bf;
  border-color: #2f39bf;
}

@media (max-width: 1199px) {
  .ai_home_uplift .results_header {
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
  }

  .ai_home_uplift .results_badges {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .ai_home_uplift .results_grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ai_home_uplift .results_card {
    height: 440px;
  }
}

@media (max-width: 992px) {
  .ai_home_uplift .resultsSec {
    padding: 60px 0;
  }

  .ai_home_uplift .results_grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .ai_home_uplift .results_card {
    height: 420px;
    max-width: 360px;
    margin: 0 auto;
    width: 100%;
  }

  .ai_home_uplift .results_card_quote {
    opacity: 1;
    transform: none;
  }

  .ai_home_uplift .results_card_glow {
    opacity: 0.28;
  }

  .ai_home_uplift .results_card_arrow {
    background: #2f39bf;
    border-color: #2f39bf;
  }

  .ai_home_uplift .results_badges img {
    height: 60px;
    max-width: 54px;
  }
}

.ai_home_uplift .cw_stories_sec {
  position: relative;
  background: #fcfcfc;
  padding: 100px 0;
}

.ai_home_uplift .cw_stories_pin {
  position: relative;
}

.ai_home_uplift .cw_stories_header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 48px;
  padding: 0 20px;
}

.ai_home_uplift .cw_stories_header h2 {
  margin: 0 0 16px;
}

.ai_home_uplift .cw_stories_header p {
  margin: 0;
  color: rgba(13, 11, 48, 0.68);
}

.ai_home_uplift .cw_stories_slider {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
}

.ai_home_uplift .cw_stories_slider::-webkit-scrollbar {
  display: none;
}

.ai_home_uplift .cw_stories_slider.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
}

.ai_home_uplift .cw_stories_track {
  display: flex;
  gap: 24px;
  align-items: stretch;
  width: max-content;
  padding-left: calc((100vw - 680px) / 2);
  padding-right: calc((100vw - 680px) / 2);
}

.ai_home_uplift .cw_story_slide {
  width: 900px;
  flex-shrink: 0;
  scroll-snap-align: center;
  opacity: 0.35;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.ai_home_uplift .cw_story_slide.is-active {
  opacity: 1;
  pointer-events: auto;
}

.ai_home_uplift .cw_story_card {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.ai_home_uplift .cw_story_media {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: 20px;
  overflow: hidden;
  background: #ececf5;
}

.ai_home_uplift .cw_story_poster {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  -webkit-user-drag: none;
}

.ai_home_uplift .cw_story_brand {
  position: absolute;
  top: 20px;
  left: 20px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(9, 10, 21, 0.55);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #fff;
  font-family: "poppins", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}

.ai_home_uplift .cw_story_brand img {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  object-fit: contain;
}

.ai_home_uplift .cw_story_play {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(9, 10, 21, 0.55);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

.ai_home_uplift .cw_story_play:hover {
  background: rgba(9, 10, 21, 0.75);
  transform: scale(1.05);
}

.ai_home_uplift .cw_story_play svg {
  width: 12px;
  height: 14px;
  margin-left: 2px;
}

.ai_home_uplift .cw_story_foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 0 4px;
}

.ai_home_uplift .cw_story_quote {
  flex: 1;
  min-width: 0;
}

.ai_home_uplift .cw_story_text {
  margin: 0 0 6px;
  color: #0d0b30;
}

.ai_home_uplift .cw_story_author {
  margin: 0;
  color: rgba(13, 11, 48, 0.55);
}

.ai_home_uplift .cw_story_cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border-radius: 999px;
  background: rgba(13, 11, 48, 0.08);
  color: rgba(13, 11, 48, 0.55);
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease;
  white-space: nowrap;
  flex-shrink: 0;
}

.ai_home_uplift .cw_story_slide.is-active .cw_story_cta {
  background: #0d0b30;
  color: #fff;
}

.ai_home_uplift .cw_story_cta:hover {
  text-decoration: none;
}

.ai_home_uplift .cw_story_cta svg {
  flex-shrink: 0;
}

@media (max-width: 992px) {
  .ai_home_uplift .cw_stories_sec {
    padding: 60px 0;
  }

  .ai_home_uplift .cw_stories_header {
    margin-bottom: 40px;
  }

  .ai_home_uplift .cw_stories_track {
    padding-left: calc((100vw - 300px) / 2);
    padding-right: calc((100vw - 300px) / 2);
  }

  .ai_home_uplift .cw_story_slide {
    width: 300px;
    opacity: 1;
    pointer-events: auto;
  }

  .ai_home_uplift .cw_story_card {
    gap: 16px;
  }

  .ai_home_uplift .cw_story_foot {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .ai_home_uplift .cw_story_cta {
    align-self: flex-start;
  }
}

/* Customer stories: video preview + modal */
.ai_home_uplift .cw_story_video {
  background: #0d0b30;
  pointer-events: none;
}

.ai_home_uplift .cw_story_slide.is-active .cw_story_video {
  pointer-events: auto;
}

.ai_home_uplift .cw_story_media {
  cursor: pointer;
}

.ai_home_uplift .cw_story_slide:not(.is-active) .cw_story_media {
  cursor: default;
}

.ai_home_uplift .cw_stories_modal[hidden] {
  display: none;
}

.ai_home_uplift .cw_stories_modal {
  position: fixed;
  inset: 0;
  z-index: 100010;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.ai_home_uplift .cw_stories_modal.is-open {
  opacity: 1;
}

.ai_home_uplift .cw_stories_modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(9, 10, 21, 0.78);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  cursor: pointer;
}

.ai_home_uplift .cw_stories_modal__panel {
  position: relative;
  width: min(1040px, 92vw);
  max-height: 90vh;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
  transform: scale(0.96);
  transition: transform 0.28s cubic-bezier(0.22, 0.9, 0.26, 1);
}

.ai_home_uplift .cw_stories_modal.is-open .cw_stories_modal__panel {
  transform: scale(1);
}

.ai_home_uplift .cw_stories_modal__video {
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
}

.ai_home_uplift .cw_stories_modal__close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(9, 10, 21, 0.65);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

.ai_home_uplift .cw_stories_modal__close:hover {
  background: rgba(9, 10, 21, 0.9);
  transform: scale(1.05);
}

body.cw-stories-modal-open {
  overflow: hidden;
}

/*   PAGE-WIDE ENTRANCE ANIMATIONS */
html.is-ai-home-uplift {
  scroll-behavior: smooth;
}


/* ---- Fold: growthSec  */
.ai_home_uplift .growthSec {
  /* longest child: item 5 delay 1.80s + 0.7s duration = 2.50s, + buffer */
  --ai-anim-total: 2550ms;
}

/* Pre-animation state (hidden + pushed off-place).
   NOTE: the .growth_header CONTAINER intentionally stays visible; only its
   h2/p children fade + slide, so the h2 can animate in first and the p can
   follow with a slight delay. All page headers use this same 500ms / 750ms
   pair for visual consistency. */
.ai_home_uplift .growthSec .growth_header > h2,
.ai_home_uplift .growthSec .growth_header > p,
.ai_home_uplift .growthSec .growth_body,
.ai_home_uplift .growthSec .growth_media,
.ai_home_uplift .growthSec .growth_item {
  opacity: 0;
  will-change: transform, opacity;
}

.ai_home_uplift .growthSec .growth_header > h2,
.ai_home_uplift .growthSec .growth_header > p {
  transform: translate3d(0, 32px, 0);
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.ai_home_uplift .growthSec .growth_header > h2 { transition-delay: 0.76s; }
.ai_home_uplift .growthSec .growth_header > p  { transition-delay: 1s; }

.ai_home_uplift .growthSec .growth_body {
  transform: translate3d(0, 32px, 0);
  transition:
    opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.35s,
    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.35s;
}

.ai_home_uplift .growthSec .growth_media {
  transform: translate3d(-24px, 0, 0) scale(0.97);
  transform-origin: center;
  transition:
    opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.75s,
    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.75s;
}

.ai_home_uplift .growthSec .growth_item {
  transform: translate3d(64px, 0, 0);
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.ai_home_uplift .growthSec .growth_item:nth-of-type(1) { transition-delay: 1s; }
.ai_home_uplift .growthSec .growth_item:nth-of-type(2) { transition-delay: 1.2s; }
.ai_home_uplift .growthSec .growth_item:nth-of-type(3) { transition-delay: 1.4s; }
.ai_home_uplift .growthSec .growth_item:nth-of-type(4) { transition-delay: 1.6s; }
.ai_home_uplift .growthSec .growth_item:nth-of-type(5) { transition-delay: 1.8s; }

/* In-view state (added by JS as .is-in on .growthSec). */
.ai_home_uplift .growthSec.is-in .growth_header > h2,
.ai_home_uplift .growthSec.is-in .growth_header > p,
.ai_home_uplift .growthSec.is-in .growth_body,
.ai_home_uplift .growthSec.is-in .growth_media,
.ai_home_uplift .growthSec.is-in .growth_item {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.ai_home_uplift .growthSec.is-in.anim-done .growth_header > h2,
.ai_home_uplift .growthSec.is-in.anim-done .growth_header > p,
.ai_home_uplift .growthSec.is-in.anim-done .growth_body,
.ai_home_uplift .growthSec.is-in.anim-done .growth_media,
.ai_home_uplift .growthSec.is-in.anim-done .growth_item {
  will-change: auto;
}

.ai_home_uplift .growthSec.anim-reset .growth_header > h2,
.ai_home_uplift .growthSec.anim-reset .growth_header > p,
.ai_home_uplift .growthSec.anim-reset .growth_body,
.ai_home_uplift .growthSec.anim-reset .growth_media,
.ai_home_uplift .growthSec.anim-reset .growth_item {
  transition: none !important;
}


.ai_home_uplift .platformSec {
  /* longest child: card 7 delay 1.92s + 0.65s duration = 2.57s, + buffer */
  --ai-anim-total: 2700ms;
}

/* Header — h2 reveals first, p follows with 250ms lag. Both start BELOW
   their rest position (+32px) and slide up into place. Same 500/750
   pair used by every headline pair on the page. */
.ai_home_uplift .platformSec .platform_header > h2,
.ai_home_uplift .platformSec .platform_header > p {
  opacity: 0;
  transform: translate3d(0, 32px, 0);
  will-change: transform, opacity;
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.ai_home_uplift .platformSec .platform_header > h2 { transition-delay: 0.6s; }
.ai_home_uplift .platformSec .platform_header > p  { transition-delay: 0.85s; }

.ai_home_uplift .platformSec.is-in .platform_header > h2,
.ai_home_uplift .platformSec.is-in .platform_header > p {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.ai_home_uplift .platformSec.is-in.anim-done .platform_header > h2,
.ai_home_uplift .platformSec.is-in.anim-done .platform_header > p {
  will-change: auto;
}

.ai_home_uplift .platformSec.anim-reset .platform_header > h2,
.ai_home_uplift .platformSec.anim-reset .platform_header > p {
  transition: none !important;
}

.ai_home_uplift .platform_card {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  will-change: transform, opacity;
  transition:
    opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.ai_home_uplift .platform_grid .platform_card:nth-child(1) { transition-delay: 1.2s; }
.ai_home_uplift .platform_grid .platform_card:nth-child(2) { transition-delay: 1.32s; }
.ai_home_uplift .platform_grid .platform_card:nth-child(3) { transition-delay: 1.44s; }
.ai_home_uplift .platform_grid .platform_card:nth-child(4) { transition-delay: 1.56s; }
.ai_home_uplift .platform_grid .platform_card:nth-child(5) { transition-delay: 1.68s; }
.ai_home_uplift .platform_grid .platform_card:nth-child(6) { transition-delay: 1.8s; }
.ai_home_uplift .platform_grid .platform_card:nth-child(7) { transition-delay: 1.92s; }

.ai_home_uplift .platformSec.is-in .platform_card {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.ai_home_uplift .platformSec.is-in.anim-done .platform_card {
  will-change: auto;
}

.ai_home_uplift .platformSec.anim-reset .platform_card {
  transition: none !important;
}


@media (hover: hover) and (pointer: fine) {
  .ai_home_uplift .platformSec.anim-done .platform_card {
    --tilt-x: 0deg;
    --tilt-y: 0deg;
    --tilt-scale: 1;
    --glow-x: 50%;
    --glow-y: 50%;
    transform:
      perspective(900px)
      rotateX(var(--tilt-x))
      rotateY(var(--tilt-y))
      scale3d(var(--tilt-scale), var(--tilt-scale), 1);
    transition:
      transform 0s,
      filter 0.35s ease,
      border-color 0.35s ease,
      background-color 0.35s ease;
    will-change: transform;
    transform-style: preserve-3d;
  }

  .ai_home_uplift .platformSec.anim-done .platform_card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 4;
    opacity: 0;
    background: radial-gradient(
      520px circle at var(--glow-x) var(--glow-y),
      rgba(255, 255, 255, 0.45),
      rgba(255, 255, 255, 0.08) 35%,
      transparent 60%
    );
    transition: opacity 0.3s ease;
  }

  .ai_home_uplift .platformSec.anim-done .platform_card.is-tilting {
    z-index: 2;
    border-color: rgba(47, 57, 191, 0.22);
    filter: drop-shadow(0 18px 28px rgba(20, 18, 77, 0.16));
  }

  .ai_home_uplift .platformSec.anim-done .platform_card.is-tilting::after {
    opacity: 1;
  }

  .ai_home_uplift .platformSec.anim-done .platform_card.is-tilting .card_badge {
    box-shadow: 0 4px 14px rgba(20, 18, 77, 0.12);
  }

  .ai_home_uplift .platformSec.anim-done .platform_card.is-tilting .card_cta svg {
    transform: translateX(5px);
  }

  .ai_home_uplift .extendSec.anim-done .extend_card {
    --tilt-x: 0deg;
    --tilt-y: 0deg;
    --tilt-scale: 1;
    transform:
      perspective(900px)
      rotateX(var(--tilt-x))
      rotateY(var(--tilt-y))
      scale3d(var(--tilt-scale), var(--tilt-scale), 1);
    transition:
      transform 0s,
      filter 0.35s ease,
      background-color 0.35s ease;
    will-change: transform;
    transform-style: preserve-3d;
  }
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .ai_home_uplift .platformSec .platform_card:hover .card_video {
    transform: scale(1.08);
  }

  .ai_home_uplift .platformSec .platform_card.flexible:hover .card_video {
    transform: translate3d(0, -60px, 0) scale(1.08);
  }

  .ai_home_uplift .platformSec .platform_card.copilot:hover .card_video {
    transform: translate3d(0, -20px, 0) scale(1.0);
  }
  .ai_home_uplift .platformSec .platform_card.cloudflare .card_video{
    margin-bottom: 12px;
  }
}

@media (hover: hover) and (pointer: fine) {
  .ai_home_uplift .platformSec .platform_card.flexible:hover    { background-color: #f1f1fe; }
  .ai_home_uplift .platformSec .platform_card.autonomous:hover  { background-color: #f0e9ff; }
  .ai_home_uplift .platformSec .platform_card.copilot:hover     { background-color: #f8ebff; }
  .ai_home_uplift .platformSec .platform_card.cloudflare:hover  { background-color: #ffe7d0; }
  .ai_home_uplift .platformSec .platform_card.sitemanager:hover { background-color: #fce9ff; }
  .ai_home_uplift .platformSec .platform_card.managed_ai:hover  { background-color: #e7e7fc; }
  .ai_home_uplift .platformSec .platform_card.nodejs:hover      { background-color: #dcf3e3; }
}


.ai_home_uplift .extendSec,
.ai_home_uplift .adaptiveSec {
  --ai-anim-total: 1950ms;
}

.ai_home_uplift .extendSec .extend_header > h2,
.ai_home_uplift .extendSec .extend_header > p,
.ai_home_uplift .adaptiveSec .adaptive_header > h2,
.ai_home_uplift .adaptiveSec .adaptive_header > p {
  opacity: 0;
  transform: translate3d(0, 32px, 0);
  will-change: transform, opacity;
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.ai_home_uplift .extendSec .extend_header > h2,
.ai_home_uplift .adaptiveSec .adaptive_header > h2 { transition-delay: 0.60s; }

.ai_home_uplift .extendSec .extend_header > p,
.ai_home_uplift .adaptiveSec .adaptive_header > p { transition-delay: 0.85s; }

.ai_home_uplift .extendSec.is-in .extend_header > h2,
.ai_home_uplift .extendSec.is-in .extend_header > p,
.ai_home_uplift .adaptiveSec.is-in .adaptive_header > h2,
.ai_home_uplift .adaptiveSec.is-in .adaptive_header > p {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.ai_home_uplift .extendSec.is-in.anim-done .extend_header > h2,
.ai_home_uplift .extendSec.is-in.anim-done .extend_header > p,
.ai_home_uplift .adaptiveSec.is-in.anim-done .adaptive_header > h2,
.ai_home_uplift .adaptiveSec.is-in.anim-done .adaptive_header > p {
  will-change: auto;
}

.ai_home_uplift .extendSec.anim-reset .extend_header > h2,
.ai_home_uplift .extendSec.anim-reset .extend_header > p,
.ai_home_uplift .adaptiveSec.anim-reset .adaptive_header > h2,
.ai_home_uplift .adaptiveSec.anim-reset .adaptive_header > p {
  transition: none !important;
}

/* Slide-up companions that follow the headers in each section. */
.ai_home_uplift .extendSec .extend_slider,
.ai_home_uplift .adaptiveSec .adaptive_tabs,
.ai_home_uplift .adaptiveSec .adaptive_panels {
  opacity: 0;
  transform: translate3d(0, 32px, 0);
  will-change: transform, opacity;
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1.2s,
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1.2s;
}

.ai_home_uplift .extendSec.is-in .extend_slider,
.ai_home_uplift .adaptiveSec.is-in .adaptive_tabs,
.ai_home_uplift .adaptiveSec.is-in .adaptive_panels {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.ai_home_uplift .extendSec.is-in.anim-done .extend_slider,
.ai_home_uplift .adaptiveSec.is-in.anim-done .adaptive_tabs,
.ai_home_uplift .adaptiveSec.is-in.anim-done .adaptive_panels {
  will-change: auto;
}

.ai_home_uplift .extendSec.anim-reset .extend_slider,
.ai_home_uplift .adaptiveSec.anim-reset .adaptive_tabs,
.ai_home_uplift .adaptiveSec.anim-reset .adaptive_panels {
  transition: none !important;
}

.ai_home_uplift .resultsSec {
  /* copy/badges finish at 1.0s + 1.5s = 2.5s; last card at 2.05s + 0.7s = 2.75s */
  --ai-anim-total: 2850ms;
}

.ai_home_uplift .resultsSec .results_copy,
.ai_home_uplift .resultsSec .results_badges {
  opacity: 0;
  will-change: transform, opacity;
  transition:
    opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.6s,
    transform 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
}

.ai_home_uplift .resultsSec .results_copy {
  transform: translate3d(-40px, 0, 0);
}

.ai_home_uplift .resultsSec .results_badges {
  transform: translate3d(40px, 0, 0);
}

.ai_home_uplift .resultsSec .results_grid .results_card {
  opacity: 0;
  transform: translate3d(0, 32px, 0);
  will-change: transform, opacity;
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.ai_home_uplift .resultsSec .results_grid .results_card:nth-of-type(1) { transition-delay: 0.90s; }
.ai_home_uplift .resultsSec .results_grid .results_card:nth-of-type(2) { transition-delay: 1.05s; }
.ai_home_uplift .resultsSec .results_grid .results_card:nth-of-type(3) { transition-delay: 1.20s; }
.ai_home_uplift .resultsSec .results_grid .results_card:nth-of-type(4) { transition-delay: 1.35s; }
.ai_home_uplift .resultsSec .results_grid .results_card:nth-of-type(5) { transition-delay: 1.50s; }
.ai_home_uplift .resultsSec .results_grid .results_card:nth-of-type(6) { transition-delay: 2.65s; }

.ai_home_uplift .resultsSec.is-in .results_copy,
.ai_home_uplift .resultsSec.is-in .results_badges,
.ai_home_uplift .resultsSec.is-in .results_grid .results_card {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.ai_home_uplift .resultsSec.is-in.anim-done .results_copy,
.ai_home_uplift .resultsSec.is-in.anim-done .results_badges,
.ai_home_uplift .resultsSec.is-in.anim-done .results_grid .results_card {
  will-change: auto;
}

.ai_home_uplift .resultsSec.anim-reset .results_copy,
.ai_home_uplift .resultsSec.anim-reset .results_badges,
.ai_home_uplift .resultsSec.anim-reset .results_grid .results_card {
  transition: none !important;
}

.ai_home_uplift .adaptive_body .adaptive_content,
.ai_home_uplift .adaptive_body .adaptive_checks li {
  opacity: 0;
  transform: translate3d(0, 16px, 0);
  will-change: transform, opacity;
}

.ai_home_uplift .adaptive_body .adaptive_content {
  transition:
    opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.1s,
    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.1s;
}

.ai_home_uplift .adaptive_body .adaptive_checks li {
  transition:
    opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.ai_home_uplift .adaptive_body .adaptive_checks li:nth-of-type(1) { transition-delay: 0.20s; }
.ai_home_uplift .adaptive_body .adaptive_checks li:nth-of-type(2) { transition-delay: 0.27s; }
.ai_home_uplift .adaptive_body .adaptive_checks li:nth-of-type(3) { transition-delay: 0.34s; }
.ai_home_uplift .adaptive_body .adaptive_checks li:nth-of-type(4) { transition-delay: 0.40s; }
.ai_home_uplift .adaptive_body .adaptive_checks li:nth-of-type(5) { transition-delay: 0.47s; }
.ai_home_uplift .adaptive_body .adaptive_checks li:nth-of-type(6) { transition-delay: 0.54s; }

.ai_home_uplift .adaptiveSec.is-in .adaptive_body.is-active .adaptive_content,
.ai_home_uplift .adaptiveSec.is-in .adaptive_body.is-active .adaptive_checks li {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.ai_home_uplift .adaptive_body.tab-anim-reset .adaptive_content,
.ai_home_uplift .adaptive_body.tab-anim-reset .adaptive_checks li {
  transition: none !important;
}


/* ---- Fold: FeatsStatsSec (logo caption + brand marquee) ----
   Caption is the "header" for this fold — no h2, just a p. So the caption
   takes the h2 slot (0.5s) and the logo strip fills the p slot (0.75s). */
.ai_home_uplift .FeatsStatsSec {
  /* longest child: .company_logo_inner delay 1.0s + 0.7s = 1.70s + buffer */
  --ai-anim-total: 1750ms;
}

.ai_home_uplift .FeatsStatsSec .aih-hero__logos-caption,
.ai_home_uplift .FeatsStatsSec .company_logo_inner {
  opacity: 0;
  transform: translate3d(0, 32px, 0);
  will-change: transform, opacity;
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.ai_home_uplift .FeatsStatsSec .aih-hero__logos-caption { transition-delay: 0.50s; }
.ai_home_uplift .FeatsStatsSec .company_logo_inner      { transition-delay: 0.65s; }

.ai_home_uplift .FeatsStatsSec.is-in .aih-hero__logos-caption,
.ai_home_uplift .FeatsStatsSec.is-in .company_logo_inner {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.ai_home_uplift .FeatsStatsSec.is-in.anim-done .aih-hero__logos-caption,
.ai_home_uplift .FeatsStatsSec.is-in.anim-done .company_logo_inner {
  will-change: auto;
}

.ai_home_uplift .FeatsStatsSec.anim-reset .aih-hero__logos-caption,
.ai_home_uplift .FeatsStatsSec.anim-reset .company_logo_inner {
  transition: none !important;
}


.ai_home_uplift .ai_toolsSec {
  --ai-anim-total: 2550ms;
}

.ai_home_uplift .ai_toolsSec .ai_tools_header > h2,
.ai_home_uplift .ai_toolsSec .ai_tools_header > p,
.ai_home_uplift .ai_toolsSec .ai_tools_card {
  opacity: 0;
  transform: translate3d(0, 32px, 0);
  will-change: transform, opacity;
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.ai_home_uplift .ai_toolsSec .ai_tools_header > h2 { transition-delay: 0.60s; }
.ai_home_uplift .ai_toolsSec .ai_tools_header > p  { transition-delay: 0.85s; }

.ai_home_uplift .ai_toolsSec .ai_tools_grid .ai_tools_card:nth-of-type(1) { transition-delay: 0.90s; }
.ai_home_uplift .ai_toolsSec .ai_tools_grid .ai_tools_card:nth-of-type(2) { transition-delay: 1.05s; }
.ai_home_uplift .ai_toolsSec .ai_tools_grid .ai_tools_card:nth-of-type(3) { transition-delay: 1.20s; }
.ai_home_uplift .ai_toolsSec .ai_tools_grid .ai_tools_card:nth-of-type(4) { transition-delay: 1.35s; }
.ai_home_uplift .ai_toolsSec .ai_tools_grid .ai_tools_card:nth-of-type(5) { transition-delay: 1.50s; }
.ai_home_uplift .ai_toolsSec .ai_tools_grid .ai_tools_card:nth-of-type(6) { transition-delay: 1.65s; }

.ai_home_uplift .ai_toolsSec.is-in .ai_tools_header > h2,
.ai_home_uplift .ai_toolsSec.is-in .ai_tools_header > p,
.ai_home_uplift .ai_toolsSec.is-in .ai_tools_card {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.ai_home_uplift .ai_toolsSec.is-in.anim-done .ai_tools_header > h2,
.ai_home_uplift .ai_toolsSec.is-in.anim-done .ai_tools_header > p,
.ai_home_uplift .ai_toolsSec.is-in.anim-done .ai_tools_card {
  will-change: auto;
}

.ai_home_uplift .ai_toolsSec.anim-reset .ai_tools_header > h2,
.ai_home_uplift .ai_toolsSec.anim-reset .ai_tools_header > p,
.ai_home_uplift .ai_toolsSec.anim-reset .ai_tools_card {
  transition: none !important;
}


.ai_home_uplift .fitSec {
  --ai-anim-total: 1550ms;
}

.ai_home_uplift .fitSec .fit_content {
  opacity: 0;
  transform: translate3d(-40px, 0, 0);
  will-change: transform, opacity;
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.65s,
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.65s;
}

.ai_home_uplift .fitSec.is-in .fit_content {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.ai_home_uplift .fitSec.is-in.anim-done .fit_content {
  will-change: auto;
}

.ai_home_uplift .fitSec.anim-reset .fit_content {
  transition: none !important;
}


@media (prefers-reduced-motion: reduce) {
  .ai_home_uplift .FeatsStatsSec .aih-hero__logos-caption,
  .ai_home_uplift .FeatsStatsSec .company_logo_inner,
  .ai_home_uplift .growthSec .growth_header > h2,
  .ai_home_uplift .growthSec .growth_header > p,
  .ai_home_uplift .growthSec .growth_body,
  .ai_home_uplift .growthSec .growth_media,
  .ai_home_uplift .growthSec .growth_item,
  .ai_home_uplift .platformSec .platform_header > h2,
  .ai_home_uplift .platformSec .platform_header > p,
  .ai_home_uplift .platformSec .platform_card,
  .ai_home_uplift .ai_toolsSec .ai_tools_header > h2,
  .ai_home_uplift .ai_toolsSec .ai_tools_header > p,
  .ai_home_uplift .ai_toolsSec .ai_tools_card,
  .ai_home_uplift .extendSec .extend_header > h2,
  .ai_home_uplift .extendSec .extend_header > p,
  .ai_home_uplift .extendSec .extend_slider,
  .ai_home_uplift .adaptiveSec .adaptive_header > h2,
  .ai_home_uplift .adaptiveSec .adaptive_header > p,
  .ai_home_uplift .adaptiveSec .adaptive_tabs,
  .ai_home_uplift .adaptiveSec .adaptive_panels,
  .ai_home_uplift .adaptive_body .adaptive_content,
  .ai_home_uplift .adaptive_body .adaptive_checks li,
  .ai_home_uplift .fitSec .fit_content,
  .ai_home_uplift .resultsSec .results_copy,
  .ai_home_uplift .resultsSec .results_badges,
  .ai_home_uplift .resultsSec .results_grid .results_card {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    will-change: auto;
  }
}


.ai_home_uplift .globle_faq {
  --ai-anim-total: 2100ms;
}

.ai_home_uplift .globle_faq .glb-nfaq-ttl > h2,
.ai_home_uplift .globle_faq .wt-faq-que {
  opacity: 0;
  will-change: transform, opacity;
}

.ai_home_uplift .globle_faq .glb-nfaq-ttl > h2 {
  transform: translate3d(0, 32px, 0);
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0.5s;
}

.ai_home_uplift .globle_faq .wt-faq-que {
  transform: translate3d(0, 24px, 0);
  transition:
    opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.ai_home_uplift .globle_faq .wt-faq-que:nth-of-type(1)  { transition-delay: 0.65s; }
.ai_home_uplift .globle_faq .wt-faq-que:nth-of-type(2)  { transition-delay: 0.70s; }
.ai_home_uplift .globle_faq .wt-faq-que:nth-of-type(3)  { transition-delay: 0.77s; }
.ai_home_uplift .globle_faq .wt-faq-que:nth-of-type(4)  { transition-delay: 0.83s; }
.ai_home_uplift .globle_faq .wt-faq-que:nth-of-type(5)  { transition-delay: 0.90s; }
.ai_home_uplift .globle_faq .wt-faq-que:nth-of-type(6)  { transition-delay: 0.97s; }
.ai_home_uplift .globle_faq .wt-faq-que:nth-of-type(7)  { transition-delay: 1.05s; }
.ai_home_uplift .globle_faq .wt-faq-que:nth-of-type(8)  { transition-delay: 1.12s; }
.ai_home_uplift .globle_faq .wt-faq-que:nth-of-type(9)  { transition-delay: 1.18s; }
.ai_home_uplift .globle_faq .wt-faq-que:nth-of-type(10) { transition-delay: 1.25s; }
.ai_home_uplift .globle_faq .wt-faq-que:nth-of-type(11) { transition-delay: 1.31s; }
.ai_home_uplift .globle_faq .wt-faq-que:nth-of-type(12) { transition-delay: 1.38s; }
.ai_home_uplift .globle_faq .wt-faq-que:nth-of-type(n+13) { transition-delay: 1.45s; }

.ai_home_uplift .globle_faq.is-in .glb-nfaq-ttl > h2,
.ai_home_uplift .globle_faq.is-in .wt-faq-que {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.ai_home_uplift .globle_faq.is-in.anim-done .glb-nfaq-ttl > h2,
.ai_home_uplift .globle_faq.is-in.anim-done .wt-faq-que {
  will-change: auto;
}

.ai_home_uplift .globle_faq.anim-reset .glb-nfaq-ttl > h2,
.ai_home_uplift .globle_faq.anim-reset .wt-faq-que {
  transition: none !important;
}


.ai_home_uplift:not(.js) .FeatsStatsSec .aih-hero__logos-caption,
.ai_home_uplift:not(.js) .FeatsStatsSec .company_logo_inner,
.ai_home_uplift:not(.js) .growthSec .growth_header > h2,
.ai_home_uplift:not(.js) .growthSec .growth_header > p,
.ai_home_uplift:not(.js) .growthSec .growth_body,
.ai_home_uplift:not(.js) .growthSec .growth_media,
.ai_home_uplift:not(.js) .growthSec .growth_item,
.ai_home_uplift:not(.js) .platformSec .platform_header > h2,
.ai_home_uplift:not(.js) .platformSec .platform_header > p,
.ai_home_uplift:not(.js) .platformSec .platform_card,
.ai_home_uplift:not(.js) .ai_toolsSec .ai_tools_header > h2,
.ai_home_uplift:not(.js) .ai_toolsSec .ai_tools_header > p,
.ai_home_uplift:not(.js) .ai_toolsSec .ai_tools_card,
.ai_home_uplift:not(.js) .extendSec .extend_header > h2,
.ai_home_uplift:not(.js) .extendSec .extend_header > p,
.ai_home_uplift:not(.js) .extendSec .extend_slider,
.ai_home_uplift:not(.js) .adaptiveSec .adaptive_header > h2,
.ai_home_uplift:not(.js) .adaptiveSec .adaptive_header > p,
.ai_home_uplift:not(.js) .adaptiveSec .adaptive_tabs,
.ai_home_uplift:not(.js) .adaptiveSec .adaptive_panels,
.ai_home_uplift:not(.js) .adaptive_body.is-active .adaptive_content,
.ai_home_uplift:not(.js) .adaptive_body.is-active .adaptive_checks li,
.ai_home_uplift:not(.js) .fitSec .fit_content,
.ai_home_uplift:not(.js) .resultsSec .results_copy,
.ai_home_uplift:not(.js) .resultsSec .results_badges,
.ai_home_uplift:not(.js) .resultsSec .results_grid .results_card,
.ai_home_uplift:not(.js) .globle_faq .glb-nfaq-ttl > h2,
.ai_home_uplift:not(.js) .globle_faq .wt-faq-que {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
  will-change: auto;
  pointer-events: auto;
}



.ai_home_uplift .cta_arrow {
  display: inline-block;
  /* margin-left: 2spx; */
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: currentColor;
  transform: translateX(0);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.ai_home_uplift .fitSec.is-in.anim-done .fit_content .whiteBtn_outline .cta_arrow,
.ai_home_uplift .adaptiveSec.is-in .adaptive_body.is-active .adaptive_content .primaryBtn .cta_arrow,
.ai_home_uplift .extend_cta_inner .primaryBtn .cta_arrow{
  margin-left: 6px;
    margin-top: 2px;
}

.ai_home_uplift .platform_card:hover .cta_arrow,
.ai_home_uplift .platform_card .card_cta:hover .cta_arrow,
.ai_home_uplift .ai_tools_card:hover .cta_arrow,
.ai_home_uplift .ai_tools_link:hover .cta_arrow,
.ai_home_uplift .adaptive_content > a.btn.primaryBtn:hover .cta_arrow,
.ai_home_uplift .fit_actions > .btn.whiteBtn_outline:hover .cta_arrow,
.ai_home_uplift .extend_card:hover .cta_arrow,
.ai_home_uplift .extend_card_link:hover .cta_arrow,
.ai_home_uplift .extend_card.extend_cta_card .btn:hover .cta_arrow {
  transform: translateX(4px);
}

/* Reduced-motion users: no slide, just the static chevron. */
@media (prefers-reduced-motion: reduce) {
  .ai_home_uplift .cta_arrow {
    transition: none;
  }

  .ai_home_uplift .platform_card:hover .cta_arrow,
  .ai_home_uplift .platform_card .card_cta:hover .cta_arrow,
  .ai_home_uplift .ai_tools_card:hover .cta_arrow,
  .ai_home_uplift .ai_tools_link:hover .cta_arrow,
  .ai_home_uplift .adaptive_content > a.btn.primaryBtn:hover .cta_arrow,
  .ai_home_uplift .fit_actions > .btn.whiteBtn_outline:hover .cta_arrow,
  .ai_home_uplift .extend_card:hover .cta_arrow,
  .ai_home_uplift .extend_card_link:hover .cta_arrow,
  .ai_home_uplift .extend_card.extend_cta_card .btn:hover .cta_arrow {
    transform: none;
  }
}

.ai_home_uplift .ai_tools_card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
  background: linear-gradient(
    115deg,
    transparent 30%,
    rgba(255, 255, 255, 0.18) 47%,
    rgba(255, 255, 255, 0.38) 50%,
    rgba(255, 255, 255, 0.18) 53%,
    transparent 70%
  );
  will-change: transform, opacity;
}

@media (hover: hover) and (pointer: fine) {
  .ai_home_uplift .ai_tools_card:hover::after {
    animation: ai_tools_card_shine 3s cubic-bezier(0.22, 1, 0.36, 1);
  }
}

@keyframes ai_tools_card_shine {
  0%   { transform: translate3d(-100%, 0, 0); opacity: 0; }
  15%  { opacity: 0.4; }
  85%  { opacity: 0.4; }
  100% { transform: translate3d(100%, 0, 0); opacity: 0; }
}

@media (hover: none), (prefers-reduced-motion: reduce) {
  .ai_home_uplift .ai_tools_card::after {
    display: none;
  }
}

.ai_home_uplift a:focus:not(:hover),
.ai_home_uplift a:focus:not(:focus-visible):not(:hover) {
  outline: none;
  box-shadow: none;
}

.ai_home_uplift a:focus-visible {
  outline: 2px solid rgba(87, 80, 226, 0.55);
  outline-offset: 2px;
  border-radius: 4px;
}

.ai_home_uplift .aih-btn,
.ai_home_uplift .btn.global_btn.large {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.ai_home_uplift .btn_flair {
  position: absolute;
  top: 0;
  left: 0;
  width: 250%;
  aspect-ratio: 1 / 1;
  pointer-events: none;
  background: var(--btn-flair-bg, currentColor);
  border-radius: 50%;
  will-change: transform;
  z-index: 0;
}


.ai_home_uplift .btn_label {
  position: relative;
  z-index: 1;
  color: inherit;
  transition: color 450ms cubic-bezier(0.33, 1, 0.68, 1);
}

.ai_home_uplift .aih-btn:hover .btn_label,
.ai_home_uplift .btn.global_btn.large:hover .btn_label {
  color: var(--btn-flair-fg);
}

.ai_home_uplift .aih-btn.aih-btn--solid {
  --btn-flair-bg: #181850;
  --btn-flair-fg: #ffffff;
}
.ai_home_uplift .aih-btn.aih-btn--outline {
  --btn-flair-bg: #ffffff;
  --btn-flair-fg: #181850;
}
.ai_home_uplift .btn.global_btn.large.primaryBtn {
  --btn-flair-bg: #ffffff;
  --btn-flair-fg: #2f39bf;
}
.ai_home_uplift .btn.global_btn.large.whiteBtn {
  --btn-flair-bg: #181850;
  --btn-flair-fg: #ffffff;
}
.ai_home_uplift .btn.global_btn.large.whiteBtn_outline {
  --btn-flair-bg: #ffffff;
  --btn-flair-fg: #181850;
}

.ai_home_uplift .adaptiveSec .btn.global_btn.large.primaryBtn,
.ai_home_uplift .extendSec .btn.global_btn.large.primaryBtn {
  transition: background-color 450ms cubic-bezier(0.33, 1, 0.68, 1);
  border: 2px solid #2f39bf;
}

.ai_home_uplift .adaptiveSec .btn.global_btn.large.primaryBtn:hover,
.ai_home_uplift .extendSec .btn.global_btn.large.primaryBtn:hover {
  background-color: #2f39bf;
}

@media (hover: none), (prefers-reduced-motion: reduce) {
  .ai_home_uplift .btn_flair { display: none; }
  .ai_home_uplift .aih-btn:hover .btn_label,
  .ai_home_uplift .btn.global_btn.large:hover .btn_label { 
    color: inherit;
   }
}


/* ============================================================
   Footer reveal (page-scoped)
   Hides the generic footer badges card on this page, and pins the
   footer to the viewport bottom so the scrolling content peels off
   at the end of the page and reveals it beneath. Works with or
   without ScrollSmoother — the trick is a transparent
   padding-bottom on #cw-page equal to the footer's height, with
   the footer sitting one layer below the scrolling content.
   ============================================================ */

html.is-ai-home-uplift .footer_badges_card {
  display: none !important;
}

html.is-ai-home-uplift #cw-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}

html.is-ai-home-uplift #smooth-wrapper {
  position: relative;
  z-index: 1;
}

html.is-ai-home-uplift #cw-page {
  position: relative;
  z-index: 1;
  padding-bottom: var(--footer-reveal-h, 0px);
}

/* Solid canvas beneath every section so any gap between them still
   covers the fixed footer during normal scroll. The padding-bottom
   runway sits OUTSIDE this box (in #cw-page) so it stays transparent
   and the footer can be revealed at the end of the scroll. */
html.is-ai-home-uplift .ai_home_uplift {
  background: #ffffff;
  position: relative;
}