html, body{ max-width: 100%; overflow-x: hidden; }
@supports (overflow: clip){
  html, body{ overflow-x: clip;}
}
img, svg, video, canvas{ max-width: 100%; }

body.page-it-outsourcing{ background:#000; color:#fff; }

.case-studies-hero{ background:#000; color:#fff; padding: clamp(76px, 10vw, 112px) 0 clamp(56px, 9vw, 90px); }
.case-studies-hero-inner{ display:flex; flex-direction:column; gap: 22px; }
.case-studies-hero-kicker{ margin:0; font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-wide); text-transform: uppercase; color: rgba(255,255,255,.72); text-align:center; }
.case-studies-hero-title{ margin:0; font-size: var(--font-size-4xl); line-height: var(--line-height-tight); letter-spacing: var(--letter-spacing-tight); text-align:center; }
.case-studies-hero-highlight{ background: linear-gradient(90deg, #00d1ff, #2f70ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.case-studies-hero-subtitle{ margin: 6px auto 0; max-width: 820px; font-size: var(--font-size-xs); line-height: var(--line-height-relaxed); letter-spacing: var(--letter-spacing-normal); text-align:center; color: rgba(255,255,255,.72); }

.case-studies-hero-tabs{ display:flex; gap: 22px; justify-content:flex-start; padding-top: 18px; border-bottom: 1px solid rgba(255,255,255,.14); }
.case-studies-hero-tab{ appearance:none; border:0; background:transparent; padding: 14px 0; font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); color: rgba(255,255,255,.58); cursor:pointer; position:relative; }
.case-studies-hero-tab.is-active{ color:#ffffff; }
.case-studies-hero-tab.is-active::after{ content:""; position:absolute; left:0; right:0; bottom: -1px; height: 2px; background:#2f70ff; }

.case-studies-hero-panel{ display:none; padding-top: 18px; }
.case-studies-hero-panel.is-active{ display:block; }

.case-studies-hero-filters{ display:flex; flex-wrap:wrap; gap: 10px; }
.case-studies-hero-pill{ appearance:none; border: 1px solid rgba(255,255,255,.2); background: transparent; color: rgba(255,255,255,.84); padding: 8px 10px; border-radius: 6px; font-size: var(--font-size-xs); cursor:pointer; }
.case-studies-hero-pill.is-active{ border-color: rgba(255,255,255,.55); }

.case-studies-hero-featured{ display:none; margin-top: clamp(18px, 3vw, 28px); border-radius: 14px; overflow:hidden; position:relative; min-height: clamp(240px, 34vw, 320px); background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.12), transparent 55%), linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.06)); background-size: cover; background-position: center; }
.case-studies-hero-featured.is-active{ display:block; }
.case-studies-hero-featured-overlay{ position:absolute; inset:0; background: radial-gradient(circle at 20% 15%, rgba(0,0,0,.2), rgba(0,0,0,.86) 68%); }
.case-studies-hero-featured-card{ position:relative; z-index:1; height:100%; display:flex; flex-direction:column; justify-content:flex-end; gap: 14px; padding: clamp(20px, 3vw, 28px); max-width: 560px; }
.case-studies-hero-featured-logo{ height: 28px; width:auto; display:block; opacity: .95; }
.case-studies-hero-featured-copy{ margin:0; font-size: var(--font-size-xs); line-height: var(--line-height-relaxed); color: rgba(255,255,255,.78); max-width: 520px; }
.case-studies-hero-featured-metrics{ margin:0; padding:0; display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.case-studies-hero-featured-metrics div{ display:flex; flex-direction:column; gap: 4px; }
.case-studies-hero-featured-metrics dt{ margin:0; font-size: var(--font-size-2xs); letter-spacing: var(--letter-spacing-wide); text-transform: uppercase; color: rgba(255,255,255,.58); }
.case-studies-hero-featured-metrics dd{ margin:0; font-size: var(--font-size-base); font-weight: var(--font-weight-bold); color:#ffffff; }
.case-studies-hero-featured-link{ position:absolute; inset:0; z-index:2; }

@media (max-width: 980px){
  .case-studies-hero-tabs{ justify-content:flex-start; }
}
@media (max-width: 640px){
  .case-studies-hero-tabs{ gap: 16px; }
  .case-studies-hero-featured-metrics{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.cs-feature{ padding: clamp(42px, 7vw, 72px) 0; background:#000; color:#fff; }
.cs-feature-card{ border-radius: 16px; padding: clamp(22px, 3.4vw, 34px); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); box-shadow: 0 30px 70px rgba(0,0,0,.55); display:grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(22px, 4vw, 48px); align-items:center; }
.cs-feature-card--image-left{ grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); }
.cs-feature-card--image-left .cs-feature-copy{ order: 2; }
.cs-feature-card--image-left .cs-feature-media{ order: 1; }
.cs-feature-copy{ display:flex; flex-direction:column; gap: 14px; }
.cs-feature-logo{ height: 28px; width:auto; display:block; opacity: .95; }
.cs-feature-title{ margin:0; font-size: clamp(28px, 3.4vw, 40px); line-height: 1.1; letter-spacing:-0.02em; }
.cs-feature-desc{ margin:0; max-width: 520px; font-size: 12px; line-height: 1.8; color: rgba(255,255,255,.72); }
.cs-feature-metrics{ margin: 6px 0 0; padding:0; display:grid; grid-template-columns: 1fr auto 1fr; gap: 22px; align-items:center; max-width: 520px; }
.cs-feature-metrics div{ display:flex; flex-direction:column; gap: 4px; }
.cs-feature-metrics dd{ margin:0; font-size: 14px; font-weight: 900; color:#ffffff; }
.cs-feature-metrics dt{ margin:0; font-size: 10px; letter-spacing:.14em; text-transform: uppercase; color: rgba(255,255,255,.5); }
.cs-feature-metrics div + div{ position:relative; }
.cs-feature-metrics div + div::before{ content:""; position:absolute; left: -11px; top: 8px; bottom: 8px; width: 1px; background: rgba(255,255,255,.18); }
.cs-feature-btn{ margin-top: 10px; width: fit-content; display:inline-flex; align-items:center; gap: 12px; padding: 10px 16px; border-radius: 8px; background:#2f70ff; color:#fff; text-decoration:none; font-weight: 800; font-size: 12px; }
.cs-feature-btn span{ display:inline-flex; width: 22px; height: 22px; border-radius: 999px; background: rgba(0,0,0,.24); align-items:center; justify-content:center; }
.cs-feature-btn:hover{ filter: brightness(1.05); }

.cs-feature-media{ border-radius: 14px; overflow:hidden; background: rgba(255,255,255,.06); box-shadow: 0 28px 70px rgba(0,0,0,.55); }
.cs-feature-media img{ width:100%; height:auto; display:block; aspect-ratio: 16/9; object-fit: cover; }

@media (max-width: 980px){
  .cs-feature-card,
  .cs-feature-card--image-left{ grid-template-columns: minmax(0, 1fr); }
  .cs-feature-card--image-left .cs-feature-copy,
  .cs-feature-card--image-left .cs-feature-media{ order: initial; }
}

@media (max-width: 640px){
  .cs-feature-metrics{ grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .cs-feature-metrics div + div::before{ display:none; }
}

.cs-club-cta{ padding: clamp(48px, 8vw, 86px) 0; background:#000; color:#fff; }
.cs-club-cta-card{ border-radius: 14px; padding: clamp(28px, 4vw, 44px); border: 1px solid rgba(24,198,255,.55); background: rgba(255,255,255,.02); box-shadow: inset 0 0 0 1px rgba(47,112,255,.18); display:flex; flex-direction:column; align-items:center; gap: 22px; text-align:center; }
.cs-club-cta-title{ margin:0; font-size: 16px; line-height: 1.5; color: rgba(255,255,255,.88); white-space: pre-line; }
.cs-club-cta-logos{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap: 34px; }
.cs-club-cta-logos img{ height: 22px; width:auto; opacity:.92; }
.cs-club-cta-btn{ display:inline-flex; align-items:center; gap: 12px; padding: 10px 18px; border-radius: 8px; background:#2f70ff; color:#fff; font-weight: 800; font-size: 12px; text-decoration:none; }
.cs-club-cta-btn span{ display:inline-flex; width: 22px; height: 22px; border-radius: 999px; background: rgba(0,0,0,.24); align-items:center; justify-content:center; }
.cs-club-cta-btn:hover{ filter: brightness(1.05); }

.cs-leaders{ padding: clamp(48px, 8vw, 92px) 0; background:#000; color:#fff; }
.cs-leaders-inner{ display:flex; flex-direction:column; gap: 26px; }
.cs-leaders-title{ margin:0; font-size: clamp(26px, 4vw, 34px); line-height: 1.15; letter-spacing: -0.02em; color: rgba(255,255,255,.92); white-space: pre-line; }
.cs-leaders-grid{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.cs-leaders-card{ border-radius: 16px; padding: 28px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); box-shadow: 0 22px 48px rgba(0,0,0,.5); display:flex; flex-direction:column; gap: 18px; min-height: 220px; }
.cs-leaders-card-head{ display:flex; align-items:flex-start; justify-content:flex-start; min-height: 44px; }
.cs-leaders-card-head img{ height: 28px; width:auto; display:block; opacity: .95; }
.cs-leaders-card-brand{ font-weight: 900; font-size: 16px; letter-spacing: .01em; color: rgba(255,255,255,.92); }
.cs-leaders-card-stats{ margin-top:auto; display:grid; grid-template-columns: 1fr auto 1fr; gap: 22px; align-items:center; }
.cs-leaders-stat{ display:flex; flex-direction:column; gap: 4px; }
.cs-leaders-stat-value{ font-size: 22px; font-weight: 900; color: #ff6b5a; }
.cs-leaders-stat-label{ font-size: 11px; letter-spacing: .06em; color: rgba(255,255,255,.62); }
.cs-leaders-stat-divider{ width: 1px; height: 54px; background: rgba(255,255,255,.18); }

@media (max-width: 980px){
  .cs-leaders-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .cs-leaders-grid{ grid-template-columns: minmax(0, 1fr); }
  .cs-leaders-card-stats{ grid-template-columns: minmax(0, 1fr); }
  .cs-leaders-stat-divider{ display:none; }
}

.cs-quad{ padding: clamp(56px, 9vw, 96px) 0; background:#000; color:#fff; }

.cs-quad-grid{ display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(34px, 4.5vw, 64px); align-items:start; }
.cs-quad-card{ display:flex; flex-direction:column; gap: 18px; min-width: 0; border-radius: 16px; padding: clamp(18px, 2.6vw, 26px); background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); box-shadow: 0 22px 60px rgba(0,0,0,.55); }
.cs-quad-card-head{ display:flex; flex-direction:column; gap: 12px; align-items:flex-start; min-width: 0; overflow:hidden; }
.cs-quad-logo{  max-height: 50px; width:auto; max-width: 180px; display:block; opacity: .95; object-fit: contain; }
.cs-quad-brand{ font-size: 24px; font-weight: 900; letter-spacing: -0.02em; color: rgba(255,255,255,.92); }
.cs-quad-copy{ margin:0; max-width: 560px; font-size: 18px; line-height: 1.8; color: rgba(255,255,255,.72); }

.cs-quad-metrics{ margin: 6px 0 0; padding:0; display:flex; flex-wrap:wrap; align-items:stretch; gap: 18px; max-width: 560px; }
.cs-quad-metrics div{ display:flex; flex-direction:column; gap: 4px; padding-right: 18px; }
.cs-quad-metrics dd{ margin:0; font-size: 14px; font-weight: 900; color:#ffffff; }
.cs-quad-metrics dt{ margin:0; font-size: 9px; letter-spacing:.14em; text-transform: uppercase; color: rgba(255,255,255,.55); }
.cs-quad-metrics div + div{ position:relative; }
.cs-quad-metrics div + div::before{ content:""; position:absolute; left: -9px; top: 6px; bottom: 6px; width: 1px; background: rgba(255,255,255,.18); }

.cs-quad-media{ border-radius: 14px; overflow:hidden; background: rgba(255,255,255,.06); box-shadow: 0 28px 70px rgba(0,0,0,.55); }
.cs-quad-media img{ width:100%; height:auto; display:block; aspect-ratio: 16/9; object-fit: cover; }

@media (max-width: 980px){
  .cs-quad-grid{ grid-template-columns: minmax(0, 1fr); gap: 38px; }
}

@media (max-width: 640px){
  .cs-quad-metrics{ gap: 14px; }
  .cs-quad-metrics div{ padding-right: 0; }
  .cs-quad-metrics div + div::before{ display:none; }
}

.cs-partner{ padding: clamp(56px, 9vw, 110px) 0; background: radial-gradient(900px 480px at 88% 92%, rgba(62,66,255,.22), rgba(0,0,0,0) 60%), #000; color:#fff; }
.cs-partner-inner{ position:relative; }
.cs-partner-content{ position:relative; z-index:2; max-width: 640px; margin: 0 auto; text-align:center; display:flex; flex-direction:column; align-items:center; gap: 18px; }
.cs-partner-copy{ margin:0; font-size: 12px; line-height: 1.9; color: rgba(255,255,255,.78); }
.cs-partner-btn{ display:inline-flex; align-items:center; gap: 12px; padding: 10px 18px; border-radius: 8px; background:#2f70ff; color:#fff; font-weight: 800; font-size: 12px; text-decoration:none; }
.cs-partner-btn span{ display:inline-flex; width: 22px; height: 22px; border-radius: 999px; background: rgba(0,0,0,.24); align-items:center; justify-content:center; }
.cs-partner-btn:hover{ filter: brightness(1.05); }

.cs-partner-bubbles{ position:absolute; inset: -20px 0 -20px 0; z-index:1; pointer-events:none; }
.cs-partner-bubble{ position:absolute; left: var(--x); top: var(--y); transform: translate(-50%, -50%); width: var(--s); height: var(--s); border-radius: 999px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.04); display:flex; align-items:center; justify-content:center; filter: blur(0); }
.cs-partner-bubble img{ width: 58%; height: 58%; object-fit: contain; opacity:.88; filter: grayscale(1); }

@media (max-width: 980px){
  .cs-partner-bubbles{ display:none; }
}

.careers-hero{ position:relative; background:#000; color:#fff; overflow:hidden; }
.careers-hero-stage{ position:relative; min-height: clamp(520px, 70vh, 760px); }
.careers-hero-slide{ position:absolute; inset:0; opacity: 0; pointer-events: none; transition: opacity 520ms ease; }
.careers-hero-slide.is-active{ opacity: 1; pointer-events: auto; }
.careers-hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; filter: saturate(1.05) contrast(1.05); }
.careers-hero-overlay{ position:absolute; inset:0; background: linear-gradient(90deg, rgba(0,0,0,.70) 0%, rgba(0,0,0,.40) 52%, rgba(0,0,0,.22) 100%); }
.careers-hero-content{ position:relative; z-index:2; height:100%; min-height: inherit; display:flex; flex-direction:column; justify-content:center; gap: 22px; padding: clamp(110px, 14vh, 160px) 0 clamp(86px, 12vh, 120px); }
.careers-hero-title{ margin:0; font-weight: 900; letter-spacing: -0.02em; line-height: 1.0; }
.careers-hero-title-prefix{ display:block; font-size: clamp(28px, 3vw, 38px); opacity: .92; }
.careers-hero-title-emphasis{ display:block; font-size: clamp(56px, 6vw, 90px); }
.careers-hero-cta{ width: fit-content; display:inline-flex; align-items:center; justify-content:center; padding: 12px 18px; border-radius: 10px; background:#2f70ff; color:#fff; text-decoration:none; font-weight: 800; font-size: 12px; }
.careers-hero-cta:hover{ filter: brightness(1.05); }

.careers-hero-controls{ position:absolute; left:50%; bottom: 26px; transform: translateX(-50%); z-index:3; display:flex; align-items:center; gap: 12px; }
.careers-hero-arrow{ width: 74px; height: 34px; border-radius: 999px; border: 0; background: rgba(230,230,230,.42); color: rgba(255,255,255,.92); font-weight: 900; font-size: 18px; cursor:pointer; display:flex; align-items:center; justify-content:center; backdrop-filter: blur(8px); }
.careers-hero-arrow:hover{ background: rgba(230,230,230,.56); }
.careers-hero-dots{ display:none; }
.careers-hero-dot{ width: 22px; height: 6px; border-radius: 999px; border: 0; background: rgba(255,255,255,.22); cursor:pointer; }
.careers-hero-dot.is-active{ background: rgba(255,255,255,.76); }

@media (max-width: 640px){
  .careers-hero-arrow{ width: 66px; height: 32px; font-size: 17px; }
}

@media (max-width: 640px){
  .careers-hero-overlay{ background: linear-gradient(180deg, rgba(0,0,0,.70) 0%, rgba(0,0,0,.34) 55%, rgba(0,0,0,.55) 100%); }
  .careers-hero-content{ padding-left: 16px; padding-right: 16px; }
}

.careers-why{ background: #fff; color: #0b0b0b; padding: clamp(64px, 8vw, 110px) 0; }
.careers-why-grid{ display:grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(24px, 4vw, 56px); align-items:center; }
.careers-why-title{ margin:0; font-size: clamp(32px, 4vw, 42px); line-height: 1.1; letter-spacing: -0.02em; font-weight: 900; color: #1b1b1b; }
.careers-why-text{ margin-top: 16px; max-width: 560px; }
.careers-why-text p{ margin: 0 0 14px; font-size: 13px; line-height: 1.9; color: #2a2a2a; }
.careers-why-media{ border-radius: 12px; overflow:hidden; box-shadow: 0 18px 50px rgba(0,0,0,.16); }
.careers-why-media img{ width:100%; height:auto; display:block; aspect-ratio: 16/10; object-fit: cover; }

@media (max-width: 980px){
  .careers-why-grid{ grid-template-columns: minmax(0, 1fr); }
  .careers-why-media img{ aspect-ratio: 16/9; }
}

.careers-join{ background: #fff; color: #0b0b0b; padding: clamp(64px, 8vw, 110px) 0; }
.careers-join-grid{ display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 64px); align-items:center; }
.careers-join-title{ margin:0; font-size: clamp(34px, 4.2vw, 48px); line-height: 1.05; letter-spacing: -0.02em; font-weight: 900; color: #1b1b1b; white-space: pre-line; }
.careers-join-desc{ margin: 12px 0 0; max-width: 420px; font-size: 12px; line-height: 1.85; color: #2a2a2a; }
.careers-join-cta{ margin-top: 18px; display:inline-flex; align-items:center; justify-content:center; padding: 10px 16px; border-radius: 6px; background:#2f70ff; color:#fff; text-decoration:none; font-weight: 800; font-size: 12px; }
.careers-join-cta:hover{ filter: brightness(1.05); }

.careers-join-mosaic{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.careers-join-mosaic-left,
.careers-join-mosaic-tile{ border-radius: 10px; overflow:hidden; background: rgba(0,0,0,.06); box-shadow: 0 18px 44px rgba(0,0,0,.14); }
.careers-join-mosaic-left img,
.careers-join-mosaic-tile img{ width:100%; height:100%; display:block; object-fit: cover; }
.careers-join-mosaic-left{ aspect-ratio: 3/4; }
.careers-join-mosaic-right{ display:grid; grid-template-rows: 1fr 1fr; gap: 14px; }
.careers-join-mosaic-tile{ aspect-ratio: 4/3; }

@media (max-width: 980px){
  .careers-join-grid{ grid-template-columns: minmax(0, 1fr); }
  .careers-join-mosaic{ max-width: 640px; }
}

@media (max-width: 640px){
  .careers-join-mosaic{ grid-template-columns: minmax(0, 1fr); }
  .careers-join-mosaic-right{ grid-template-rows: unset; grid-template-columns: 1fr 1fr; }
  .careers-join-mosaic-left{ aspect-ratio: 16/9; }
}

.careers-newsletter{ background: #ff7a59; color: #fff; padding: 42px 0; }
.careers-newsletter-inner{ display:grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(18px, 4vw, 42px); align-items:center; }
.careers-newsletter-visual{ display:flex; align-items:center; justify-content:center; }
.careers-newsletter-visual img{ max-width: 280px; width: 100%; height: auto; display:block; }
.careers-newsletter-content{ display:flex; flex-direction:column; gap: 12px; }
.careers-newsletter-title{ margin:0; font-size: 14px; font-weight: 800; line-height: 1.2; }
.careers-newsletter-form{ max-width: 360px; display:flex; flex-direction:column; gap: 10px; }
.careers-newsletter-form input{ border: 0; border-bottom: 1px solid rgba(255,255,255,.55); background: transparent; padding: 10px 0; color: #fff; font-size: 12px; font-family: inherit; }
.careers-newsletter-form input::placeholder{ color: rgba(255,255,255,.78); }
.careers-newsletter-form input:focus{ outline: none; border-bottom-color: rgba(255,255,255,.9); }
.careers-newsletter-form button{ width: 160px; height: 34px; border: 0; border-radius: 4px; background: #fff; color: #1b1b1b; font-weight: 800; font-size: 11px; cursor:pointer; }
.careers-newsletter-form button:hover{ filter: brightness(0.98); }

@media (max-width: 980px){
  .careers-newsletter-inner{ grid-template-columns: minmax(0, 1fr); }
  .careers-newsletter-content{ align-items: center; text-align:center; }
  .careers-newsletter-form{ width: 100%; align-items: center; }
  .careers-newsletter-form input{ width: 100%; max-width: 360px; }
}

/* Healthcare - Why Partner */
.hc-why-partner{
  padding: 86px 0;
  background: #fff;
}
.hc-why-partner__head{
  max-width: 920px;
}
.hc-why-partner__title{
  margin: 0;
  font-size: clamp(34px, 4.1vw, 56px);
  line-height: 1.12;
  letter-spacing: -0.02em;
  font-weight: 700;
  color: #0b0b0b;
}
.hc-why-partner__intro{
  margin: 14px 0 0;
  font-size: 16px;
  line-height: 1.85;
  color: rgba(11,11,11,.72);
}
.hc-why-partner__grid{
  margin-top: 46px;
  display: grid;
  grid-template-columns: 460px 1fr;
  gap: 56px;
  align-items: start;
}
.hc-why-partner__media{
  position: sticky;
  top: 120px;
}
.hc-why-partner__img{
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 16px;
  box-shadow: 0 20px 55px rgba(0,0,0,.16);
}
.hc-why-partner__list{
  display: flex;
  flex-direction: column;
}
.hc-why-partner__list::after{
  content: "";
  display: block;
  height: 40vh;
}
.hc-why-partner__item{
  padding: 6px 0 22px;
  border-bottom: 1px solid rgba(0,0,0,.08);
  cursor: pointer;
  outline: none;
}
.hc-why-partner__item + .hc-why-partner__item{
  padding-top: 22px;
}
.hc-why-partner__itemTitle{
  margin: 0;
  font-size: 26px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: rgba(11,11,11,.35);
  transition: color .2s ease;
}
.hc-why-partner__itemCopy{
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.9;
  color: rgba(11,11,11,.35);
  transition: color .2s ease;
}
.hc-why-partner__itemCopy a{
  color: #1b66ff;
  text-decoration: none;
}
.hc-why-partner__itemCopy a:hover{
  text-decoration: underline;
}
.hc-why-partner__item.is-active .hc-why-partner__itemTitle{
  color: #0b0b0b;
}
.hc-why-partner__item.is-active .hc-why-partner__itemCopy{
  color: rgba(11,11,11,.78);
}

@media (max-width: 1024px){
  .hc-why-partner__grid{ grid-template-columns: 380px 1fr; gap: 34px;}
  .hc-why-partner__media{ top: 96px; }
}
@media (max-width: 860px){
  .hc-why-partner{ padding: 70px 0;}
  .hc-why-partner__grid{ grid-template-columns: 1fr; gap: 24px; }
  .hc-why-partner__media{ position: relative; top: auto;}
  .hc-why-partner__img{ aspect-ratio: 16 / 10; }
  .hc-why-partner__list::after{ display: none; }
}

.ott-panel-features{
  background:#000;
  color:#fff;
  padding:86px 0;
}
.ott-panel-features-head{
  max-width: 1200px;
  margin: 0 auto 28px;
  text-align:center;
}
.ott-panel-features-title{
  margin:0;
  font-size: clamp(28px, 3.2vw, 38px);
  line-height:1.25;
  letter-spacing:-0.02em;
  font-weight:800;
  white-space: normal;
  hyphens: none;
  word-break: normal;
}
.ott-panel-features-title-line1,
.ott-panel-features-title-line2{
  display:block;
}
.ott-panel-features-title-line2{
  margin-top: 4px;
}

@media (min-width: 1024px){
  .ott-panel-features-title-line1{ white-space: nowrap; }
}
.ott-panel-features-intro{
  margin:16px auto 0;
  font-size:17px;
  line-height:1.65;
  color:rgba(255,255,255,.78);
  max-width: 920px;
}
.ott-panel-features-tabs{
  margin-top:22px;
  display:inline-flex;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 10px;
  overflow:hidden;
  background: rgba(255,255,255,.02);
}
.ott-panel-features-tab{
  appearance:none;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.56);
  padding:18px 34px;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  line-height:1.2;
  min-height:56px;
}
.ott-panel-features-tab.is-active{
  background:#1e6dff;
  color:#fff;
}
.ott-panel-features-tab.is-disabled{
  cursor:not-allowed;
  opacity:.45;
}

.ott-panel-features-panel{ display:none; }
.ott-panel-features-panel.is-active{ display:block; }

.ott-panel-features-grid{
  display:grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  gap: 34px;
  align-items: stretch;
  margin-top: 40px;
}
.ott-panel-features-media{
  border-radius: 14px;
  overflow:hidden;
  background: rgba(255,255,255,.05);
  box-shadow: 0 28px 70px rgba(0,0,0,.55);
}
.ott-panel-features-image{
  width:100%;
  height:100%;
  display:block;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.ott-panel-features-card{
  border-radius: 18px;
  padding: 56px 54px;
  background: radial-gradient(1200px 520px at -15% -20%, rgba(255,255,255,.10), rgba(255,255,255,0) 55%),
              linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 38px 90px rgba(0,0,0,.65);
}
.ott-panel-features-card-title{
  margin:0;
  font-size: clamp(34px, 3.2vw, 46px);
  font-weight: 800;
  letter-spacing: -0.02em;
}
.ott-panel-features-card-summary{
  margin: 18px 0 0;
  font-size: 16px;
  line-height: 1.85;
  color: rgba(255,255,255,.78);
}
.ott-panel-features-list{
  margin: 34px 0 0;
  padding: 0;
  list-style: none;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 56px;
}
.ott-panel-features-item{
  display:grid;
  grid-template-columns: 28px 1fr;
  gap: 18px;
  align-items:start;
}
.ott-panel-features-check{
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #f97316;
  margin-top: 3px;
  position: relative;
}
.ott-panel-features-check::after{
  content: "";
  position: absolute;
  left: 7px;
  top: 7px;
  width: 8px;
  height: 5px;
  border-left: 2px solid #111;
  border-bottom: 2px solid #111;
  transform: rotate(-45deg);
}
.ott-panel-features-text{
  font-size: 16px;
  line-height: 1.75;
  color: rgba(255,255,255,.86);
}

.ott-panel-features--telemedicine .ott-panel-features-grid{
  align-items: center;
}
.ott-panel-features--telemedicine .ott-panel-features-tele-card{
  margin-top: 40px;
  border-radius: 18px;
  padding: 44px 54px;
  background: #1b1b1b;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 38px 90px rgba(0,0,0,.55);
}
.ott-panel-features--telemedicine .ott-panel-features-tele-head{
  text-align: center;
  max-width: 980px;
  margin: 0 auto 26px;
}
.ott-panel-features--telemedicine .ott-panel-features-media{
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  box-shadow: none;
}
.ott-panel-features--telemedicine .ott-panel-features-card{
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.ott-panel-features--telemedicine .ott-panel-features-card-title{
  font-size: clamp(32px, 3.4vw, 46px);
  text-align: center;
}
.ott-panel-features--telemedicine .ott-panel-features-card-summary{
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.ott-panel-features--telemedicine .ott-panel-features-featurelist{
  margin-top: 26px;
  display: flex;
  flex-direction: column;
}
.ott-panel-features--telemedicine .ott-panel-features-feature{
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 18px;
  align-items: start;
  padding: 22px 0;
  border-bottom: 1px solid rgba(255,255,255,.18);
}
.ott-panel-features--telemedicine .ott-panel-features-feature:first-child{
  border-top: 1px solid rgba(255,255,255,.18);
}
.ott-panel-features--telemedicine .ott-panel-features-feature-icon{
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
}
.ott-panel-features--telemedicine .ott-panel-features-feature-icon img{
  width: 40px;
  height: 40px;
  display: block;
  filter: brightness(0) invert(1);
  opacity: 0.95;
}
.ott-panel-features--telemedicine .ott-panel-features-feature-title{
  font-weight: 800;
  font-size: 16px;
  line-height: 1.35;
  color: #fff;
}
.ott-panel-features--telemedicine .ott-panel-features-feature-desc{
  margin-top: 6px;
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255,255,255,.82);
}

@media(max-width: 960px){
  .ott-panel-features--telemedicine .ott-panel-features-grid{ align-items: stretch; }
  .ott-panel-features--telemedicine .ott-panel-features-tele-card{ padding: 36px 34px; }
}

@media(max-width: 520px){
  .ott-panel-features--telemedicine .ott-panel-features-tele-card{ padding: 30px 22px; }
  .ott-panel-features--telemedicine .ott-panel-features-feature{ grid-template-columns: 46px 1fr; gap: 14px; padding: 18px 0; }
  .ott-panel-features--telemedicine .ott-panel-features-feature-icon{ width: 38px; height: 38px; }
  .ott-panel-features--telemedicine .ott-panel-features-feature-icon img{ width: 34px; height: 34px; }
  .ott-panel-features--telemedicine .ott-panel-features-feature-title{ font-size: 15px; }
  .ott-panel-features--telemedicine .ott-panel-features-feature-desc{ font-size: 14px; }
}

.ott-panel-features-coming{
  margin-top: 26px;
  border-radius: 14px;
  padding: 26px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.78);
  text-align:center;
}

@media(max-width: 960px){
  .ott-panel-features{ padding: 70px 0; }
  .ott-panel-features-grid{ grid-template-columns: 1fr; }
  .ott-panel-features-list{ grid-template-columns: 1fr; }
  .ott-panel-features-card{ padding: 40px 34px; }
  .ott-panel-features-list{ gap: 18px; }
}

@media(max-width: 520px){
  .ott-panel-features{ padding: 60px 0; }
  .ott-panel-features-tab{ padding: 12px 18px; font-size: 13px; }
  .ott-panel-features-card{ padding: 30px 22px; }
  .ott-panel-features-card-title{ font-size: 28px; }
  .ott-panel-features-card-summary{ font-size: 15px; }
  .ott-panel-features-item{ grid-template-columns: 24px 1fr; gap: 14px; }
  .ott-panel-features-check{ width: 20px; height: 20px; }
  .ott-panel-features-check::after{ left: 6px; top: 6px; }
  .ott-panel-features-text{ font-size: 15px; }
}

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

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

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

/* ERP modules carousel */
.erp-modules-carousel{
  background:#000;
  color:#fff;
  padding: 96px 0;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.erp-modules-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
}
.erp-modules-head{
  max-width: 980px;
}
.erp-modules-nav{
  display:flex;
  gap:10px;
  flex-shrink:0;
}
.erp-modules-arrow{
  width:48px;
  height:48px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .2s ease, border-color .2s ease, opacity .2s ease;
}
.erp-modules-arrow svg{
  width:22px;
  height:22px;
}
.erp-modules-arrow:hover:not(:disabled){
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.35);
}
.erp-modules-arrow:disabled{
  opacity:.35;
  cursor:default;
}
.erp-modules-title{
  margin:0;
  font-size: clamp(34px, 4.6vw, 60px);
  line-height:1.08;
  letter-spacing:-0.02em;
  font-weight:700;
  color:#fff;
}
.erp-modules-copy{
  margin: 14px 0 0;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(255,255,255,.74);
  max-width: 920px;
}
.erp-modules-stage{
  margin-top: 46px;
  overflow: hidden;
}
.erp-modules-track{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  will-change: transform;
}
.erp-module-card{
  min-height: 360px;
  border-radius: 18px;
  background: #0b0b0b;
  border: 1px solid rgba(255,255,255,.16);
  padding: 40px 36px 36px;
  box-shadow: 0 24px 64px rgba(0,0,0,.55);
  transition: background .25s ease, border-color .25s ease, transform .25s ease;
}
.erp-module-card:hover{
  background: #1c1c1e;
  border-color: #1c1c1e;
  transform: translateY(-3px);
}
.erp-module-card:hover .erp-module-icon{
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.20);
}
.erp-module-card:hover .erp-module-desc{
  color: rgba(255,255,255,.92);
}
.erp-module-icon{
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  margin-bottom: 22px;
  color: rgba(255,255,255,.92);
}
.erp-module-icon svg{
  width: 26px;
  height: 26px;
  display:block;
}
.erp-module-title{
  margin: 0;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #fff;
}
.erp-module-desc{
  margin: 18px 0 0;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255,255,255,.72);
}

.erp-modules-dots{
  display:flex;
  justify-content:center;
  gap: 12px;
  margin-top: 40px;
}
.erp-modules-dot{
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.35);
  cursor:pointer;
  transition: background .25s ease, width .25s ease;
}
.erp-modules-dot.is-active{
  width: 34px;
  background: rgba(255,255,255,.92);
}
.erp-modules-dot:hover:not(.is-active){
  background: rgba(255,255,255,.55);
}

@media (max-width: 980px){
  .erp-modules-track{ grid-template-columns: repeat(2, minmax(0, 1fr));}
  .erp-module-card{ min-height: 380px; padding: 40px 34px 34px; }
  .erp-module-title{ font-size: 28px;}
}
@media (max-width: 640px){
  .erp-modules-carousel{ padding: 70px 0;}
  .erp-modules-head{ text-align: left; }
  .erp-modules-stage{ margin-top: 26px;}
  .erp-modules-track{ grid-template-columns: 1fr; }
  .erp-module-card{ min-height: 320px; padding: 34px 26px 26px;}
  .erp-module-title{ font-size: 30px; }
}

/* ERP services carousel */
.erp-services-carousel{
  background:#000;
  color:#fff;
  padding: 96px 0;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.erp-services-head{
  max-width: 980px;
}
.erp-services-title{
  margin:0;
  font-size: clamp(34px, 4.6vw, 60px);
  line-height:1.08;
  letter-spacing:-0.02em;
  font-weight:700;
  color:#fff;
}
.erp-services-copy{
  margin: 14px 0 0;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(255,255,255,.74);
  max-width: 920px;
}
.erp-services-ui{
  position: relative;
  margin-top: 38px;
}
.erp-services-counter{
  display:flex;
  align-items:center;
  gap: 14px;
  font-weight: 800;
  letter-spacing: .06em;
  color: rgba(255,255,255,.75);
}
.erp-services-counter .counter-current{
  color:#fff;
}
.erp-services-nav{
  position:absolute;
  top: 0;
  right: 0;
  display:flex;
  gap: 12px;
}
.erp-services-prev,
.erp-services-next{
  width: 48px;
  height: 48px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.28);
  background: transparent;
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: background .25s ease, border-color .25s ease;
}
.erp-services-prev:hover,
.erp-services-next:hover{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.45);
}
.erp-services-stage{
  margin-top: 46px;
  overflow: hidden;
}
.erp-services-track{
  display:flex;
  gap: 26px;
  will-change: transform;
  padding-right: 26px;
}
.erp-services-card{
  flex: 0 0 calc((100% - 52px) / 3);
  min-width: 0;
  min-height: 520px;
  border-radius: 18px;
  background: #0b0b0b;
  border: 1px solid rgba(255,255,255,.16);
  padding: 44px 40px 40px;
  box-shadow: 0 24px 64px rgba(0,0,0,.55);
  transition: background .25s ease, border-color .25s ease, transform .25s ease;
}
.erp-services-card:hover{
  background: #0b5cff;
  border-color: rgba(255,255,255,.22);
  transform: translateY(-3px);
}
.erp-services-icon{
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  margin-bottom: 22px;
  color: rgba(255,255,255,.92);
}
.erp-services-card:hover .erp-services-icon{
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.20);
}
.erp-services-icon svg{
  width: 26px;
  height: 26px;
  display:block;
}
.erp-services-card-title{
  margin: 0;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #fff;
}
.erp-services-card-desc{
  margin: 18px 0 0;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255,255,255,.72);
}
.erp-services-card:hover .erp-services-card-desc{
  color: rgba(255,255,255,.92);
}

@media (max-width: 980px){
  .erp-services-card{ flex-basis: calc((100% - 26px) / 2); min-height: 460px; padding: 40px 34px 34px;}
  .erp-services-card-title{ font-size: 28px; }
}
@media (max-width: 640px){
  .erp-services-carousel{ padding: 70px 0;}
  .erp-services-head{ text-align: left; }
  .erp-services-nav{ position: static; margin-top: 18px; justify-content:flex-end;}
  .erp-services-stage{ margin-top: 26px; }
  .erp-services-card{ flex-basis: 100%; min-height: 420px; padding: 38px 30px 30px;}
  .erp-services-card-title{ font-size: 30px; }
}

/* Product Design Suite */
.product-suite { padding: clamp(72px, 18vw, 120px) 0; background: radial-gradient(860px 480px at 20% 5%, rgba(var(--color-accent-rgb), .18), transparent 65%), var(--color-bg); color: var(--color-text-light); border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); }
.product-suite .container {display: flex; flex-direction: column; gap: clamp(40px, 8vw, 64px);}
.product-suite-head {display: flex; flex-direction: column; gap: 18px; color: var(--color-text-light);}
.product-suite-head h2 { margin: 0; font-size: clamp(3.5vw, 4.6vw, 48px); letter-spacing: -0.02em; color: var(--color-text);font-weight: 600;}
.product-suite-head p { margin: 0; font-size: clamp(17px, 2.3vw, 20px); line-height: 1.7; }
.product-suite-intro { font-size: 16px; letter-spacing: .06em; text-transform: uppercase; color: var(--color-muted);}
.product-suite-layout { display: grid; grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 48px); align-items: stretch; }
.product-suite-tabs { position: relative; border-radius: clamp(24px, 4vw, 32px); padding: clamp(28px, 5vw, 40px); background: linear-gradient(180deg, rgba(42,96,255,.36), rgba(32,44,210,.48)); color: rgba(255,255,255,.8); display: flex; flex-direction: column; gap: 12px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);}
.product-suite-tab { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: center; padding: 14px 18px; border-radius: 18px; background: rgba(15,26,75,.35); border: 1px solid transparent; color: inherit; cursor: pointer; font-size: 16px; font-weight: 600; text-align: left; transition: transform .25s ease, background .25s ease, border-color .25s ease, color .25s ease; }
.product-suite-tab:hover { transform: translateX(4px); border-color: rgba(255,255,255,.18); color: #fff;}
.product-suite-tab.is-active { background: rgba(4,10,40,.65); border-color: rgba(255,255,255,.28); color: #fff; box-shadow: 0 18px 32px rgba(8,12,50,.38); transform: translateX(6px); }
.product-suite-tab:focus-visible { outline: 2px solid rgba(255,255,255,.7); outline-offset: 3px;}
.product-suite-tab-number { font-size: 18px; font-weight: 700; letter-spacing: .14em; color: rgba(255,255,255,.65); }
.product-suite-tab.is-active .product-suite-tab-number { color: var(--color-accent);}
.product-suite-tab-label { font-size: 16px; letter-spacing: 0.01em; }
.product-suite-panels { position: relative; border-radius: clamp(24px, 4vw, 32px); padding: clamp(32px, 5vw, 44px); background: rgba(5,8,25,.92); border: 1px solid rgba(255,255,255,.06); backdrop-filter: blur(18px); display: flex; flex-direction: column; gap: 22px; overflow: hidden;}
.product-suite-panel { display: none; flex-direction: column; gap: clamp(18px, 3vw, 28px); color: rgba(255,255,255,.8); }
.product-suite-panel.is-active { display: flex;}
.product-suite-panel-icon { width: 56px; height: 56px; border-radius: 18px; background: linear-gradient(135deg, rgba(45,112,255,.92), rgba(84,39,255,.88)); display: inline-flex; align-items: center; justify-content: center; color: #fff; box-shadow: 0 16px 32px rgba(12,22,85,.45); }
.product-suite-panel-icon svg { width: 30px; height: 30px;}
.product-suite-panel-copy h3 { margin: 0; font-size: clamp(24px, 3.8vw, 34px); color: #fff; letter-spacing: -0.01em; }
.product-suite-panel-copy p { margin: 0; font-size: clamp(16px, 2.2vw, 18px); line-height: 1.75; color: rgba(255,255,255,.78);}
@media (max-width: 980px){
  .product-suite-layout { grid-template-columns: minmax(0, 1fr);}
  .product-suite-tabs { flex-direction: row; overflow-x: auto; padding: 24px; gap: 12px; scroll-snap-type: x mandatory; }
  .product-suite-tab { min-width: 240px; scroll-snap-align: start;}
  .product-suite-tab.is-active { transform: translateY(-4px); }
}
@media (max-width: 600px){
  .product-suite-panels { padding: 28px;}
}

body.page-gaming .gaming-platforms{ padding: clamp(72px, 14vw, 110px) 0; background: #05070b; color: #e8ecf7; }
body.page-gaming .gaming-platforms .container{display:flex; flex-direction:column; gap: clamp(34px, 6vw, 52px);}

body.page-gaming .gaming-platforms-head{ display:flex; flex-direction:column; gap: 16px; max-width: 820px; }
body.page-gaming .gaming-platforms-head h2{ margin:0; font-size: clamp(34px, 4.4vw, 52px); line-height:1.08; letter-spacing:-0.02em; color:#fff;}
body.page-gaming .gaming-platforms-head p{ margin:0; font-size: 14px; line-height:1.65; color: rgba(233, 238, 249, .78); max-width: 720px; }

body.page-gaming .gaming-platforms-layout{ display:grid; grid-template-columns: minmax(220px, 0.38fr) minmax(0, 1fr); gap: 0; border-radius: 18px; overflow:hidden; background: linear-gradient(135deg, rgba(60, 0, 120, .18), rgba(0, 80, 255, .14)); border: 1px solid rgba(255,255,255,.10);}

body.page-gaming .gaming-platforms-tabs{ padding: 18px 0; background: rgba(255,255,255,.02); border-right: 1px solid rgba(255,255,255,.08); display:flex; flex-direction:column; }
body.page-gaming .gaming-platforms-tab{ width:100%; display:flex; align-items:center; gap: 12px; padding: 14px 20px; background: transparent; border:0; color: rgba(233,238,249,.76); cursor:pointer; text-align:left; font-weight: 600; font-size: 14px; border-left: 3px solid transparent; transition: background .18s ease, color .18s ease, border-color .18s ease;}
body.page-gaming .gaming-platforms-tab:hover{ background: rgba(255,255,255,.04); color:#fff; }
body.page-gaming .gaming-platforms-tab.is-active{ background: rgba(255,255,255,.06); color:#fff; border-left-color: #0a49ff;}
body.page-gaming .gaming-platforms-tab:focus-visible{ outline: 2px solid rgba(255,255,255,.6); outline-offset: 2px; }

body.page-gaming .gaming-platforms-panels{ padding: 22px 24px; display:flex; align-items:stretch;}
body.page-gaming .gaming-platforms-panel{ display:none; width:100%; }
body.page-gaming .gaming-platforms-panel.is-active{ display:block;}
body.page-gaming .gaming-platforms-panel-inner{ min-height: 240px; border-radius: 14px; padding: 22px 22px; background: radial-gradient(900px 420px at 90% 30%, rgba(88, 0, 200, .25), transparent 60%), radial-gradient(900px 420px at 10% 70%, rgba(0, 110, 255, .22), transparent 55%), rgba(4, 6, 18, .75); border: 1px solid rgba(255,255,255,.08); }
body.page-gaming .gaming-platforms-icon{ width: 40px; height: 40px; border-radius: 12px; display:grid; place-items:center; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.10); color: rgba(255,255,255,.9);}
body.page-gaming .gaming-platforms-icon svg{ width: 22px; height: 22px; }
body.page-gaming .gaming-platforms-panel-inner h3{ margin: 14px 0 10px; font-size: 16px; letter-spacing:-0.01em; color:#fff;}
body.page-gaming .gaming-platforms-panel-inner p{ margin:0; font-size: 13px; line-height:1.75; color: rgba(233,238,249,.82); max-width: 760px; }

@media (max-width: 980px){
  body.page-gaming .gaming-platforms-layout{ grid-template-columns: 1fr;}
  body.page-gaming .gaming-platforms-tabs{ flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
  body.page-gaming .gaming-platforms-tab{ white-space: nowrap; border-left: 0; border-bottom: 3px solid transparent;}
  body.page-gaming .gaming-platforms-tab.is-active{ border-bottom-color: #0a49ff; }
  body.page-gaming .gaming-platforms-panels{ padding: 18px;}
}

@media (max-width: 640px){
  body.page-gaming .gaming-platforms-head h2{ font-size: 30px;}
  body.page-gaming .gaming-platforms-panel-inner{ padding: 18px; }
}

/* Travel services tabs (variant of product-suite) */
.product-suite.product-suite--travel { background: #fff; color: #0b0c0d; border-top: 0; border-bottom: 0; }
.product-suite.product-suite--travel .product-suite-head { color: #0b0c0d; max-width: 980px; margin-left: auto; margin-right: auto;}
.product-suite.product-suite--travel .product-suite-head h2 { color: #0b0c0d; }
.product-suite.product-suite--travel .product-suite-head p { color: rgba(11, 12, 13, .72); max-width: none;}
.product-suite.product-suite--travel .product-suite-layout { gap: 0; border-radius: clamp(24px, 4vw, 32px); overflow: hidden; border: 1px solid rgba(10, 73, 255, .55); background: #fff; max-width: 980px; margin-left: auto; margin-right: auto; }
.product-suite.product-suite--travel .product-suite-tabs { background: linear-gradient(180deg, #1284ff 0%, #0a49ff 100%); box-shadow: none; border-radius: 0; border: 0; border-right: 1px solid rgba(255, 255, 255, .22); max-height: 520px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.35) transparent;}
.product-suite.product-suite--travel .product-suite-tabs::-webkit-scrollbar{ width: 6px; }
.product-suite.product-suite--travel .product-suite-tabs::-webkit-scrollbar-track{ background: transparent;}
.product-suite.product-suite--travel .product-suite-tabs::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.35); border-radius: 999px; }
.product-suite.product-suite--travel .product-suite-tab { background: transparent; border-radius: 0; border: 0; border-bottom: 1px solid rgba(255, 255, 255, .18); padding: 18px 10px;}
.product-suite.product-suite--travel .product-suite-tab:first-child { padding-top: 6px; }
.product-suite.product-suite--travel .product-suite-tab:last-child { border-bottom: 0;}
.product-suite.product-suite--travel .product-suite-tab:hover { transform: none; border-color: rgba(255, 255, 255, .32); }
.product-suite.product-suite--travel .product-suite-tab.is-active { background: transparent; box-shadow: none; transform: none; color: #fff;}
.product-suite.product-suite--travel .product-suite-tab-number { color: rgba(255, 255, 255, .7); }
.product-suite.product-suite--travel .product-suite-tab.is-active .product-suite-tab-number { color: rgba(255, 255, 255, .95);}
.product-suite.product-suite--travel .product-suite-tab-label { color: rgba(255, 255, 255, .85); }
.product-suite.product-suite--travel .product-suite-tab.is-active .product-suite-tab-label { color: #fff;}
.product-suite.product-suite--travel .product-suite-panels { background: #fff; border: 0; border-radius: 0; backdrop-filter: none; }
.product-suite.product-suite--travel .product-suite-panel { color: rgba(11, 12, 13, .82);}
.product-suite.product-suite--travel .product-suite-panel-icon { background: linear-gradient(135deg, rgba(18, 132, 255, .95), rgba(10, 73, 255, .95)); box-shadow: 0 16px 32px rgba(10, 73, 255, .18); }
.product-suite.product-suite--travel .product-suite-panel-copy h3 { color: #0b0c0d;}
.product-suite.product-suite--travel .product-suite-panel-copy p { color: rgba(11, 12, 13, .72); }

@media (max-width: 980px){
  .product-suite.product-suite--travel .product-suite-layout{ border-radius: clamp(24px, 4vw, 32px);}
  .product-suite.product-suite--travel .product-suite-tabs{ border-right: 0; border-bottom: 1px solid rgba(10, 73, 255, .22); max-height: none; overflow-y: visible; }
}

/* Travel Metrics Band */
.travel-metrics-band { padding: 36px 0 54px; background: #fff; }
.travel-metrics-band .container {display: flex; justify-content: center;}
.travel-metrics-card { width: 100%; max-width: 980px; background: #eef1ff; border-radius: 8px; padding: 28px 26px; }
.travel-metrics-title { margin: 0 0 18px 0; text-align: center; font-size: 22px; color: #0b0c0d;}
.travel-metrics-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; text-align: center; }
.travel-metric-value { font-size: clamp(26px, 3.2vw, 34px); font-weight: 800; color: #0b0c0d; line-height: 1.1;}
.travel-metric-label { font-size: 12px; font-weight: 600; color: rgba(11, 12, 13, .72); margin-top: 6px; }
.travel-metrics-cta { display: flex; justify-content: center; margin-top: 18px;}
.travel-metrics-btn { display: inline-flex; align-items: center; justify-content: center; padding: 10px 14px; border-radius: 6px; border: 1px solid rgba(11, 12, 13, .45); color: #0b0c0d; background: transparent; text-decoration: none; font-size: 12px; font-weight: 700; }
.travel-metrics-btn:hover { border-color: rgba(11, 12, 13, .75);}

.travel-metrics-band--dark { background: #0b0c0d; }
.travel-metrics-band--dark .travel-metrics-card { background: rgba(255, 255, 255, .06);}
.travel-metrics-band--dark .travel-metrics-title { color: #fff; }
.travel-metrics-band--dark .travel-metric-value { color: #fff;}
.travel-metrics-band--dark .travel-metric-label { color: rgba(255, 255, 255, .72); }
.travel-metrics-band--dark .travel-metrics-btn { border-color: rgba(255, 255, 255, .38); color: #fff;}
.travel-metrics-band--dark .travel-metrics-btn:hover { border-color: rgba(255, 255, 255, .62); }
@media (max-width: 860px){
  .travel-metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 22px;}
}
@media (max-width: 480px){
  .travel-metrics-card { padding: 22px 18px;}
  .travel-metrics-grid { grid-template-columns: 1fr; }
}

.education-elearning-roi { padding: 70px 0 80px; background: #fff; }
.education-elearning-roi-head h2 { margin: 0; font-size: clamp(26px, 3.4vw, 44px); letter-spacing: -0.02em; color: #0b0c0d; max-width: 860px; }
.education-elearning-roi-head p { margin: 12px 0 0; max-width: 860px; font-size: 13px; line-height: 1.7; color: rgba(11, 12, 13, .72);}
.education-elearning-roi-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 60px; margin-top: 22px; }
.education-elearning-roi-col p { margin: 0 0 12px; font-size: 13px; line-height: 1.7; color: rgba(11, 12, 13, .72);}
.education-elearning-roi-col p:last-child { margin-bottom: 0; }
@media (max-width: 900px){
  .education-elearning-roi-body { grid-template-columns: 1fr; gap: 18px;}
}

.education-features{ padding: 90px 0 110px; background:#05070b; color:#fff; overflow:hidden; }
.education-features-head{ text-align:left; max-width: 980px; margin: 0 0 34px; }
.education-features-title{ margin:0; font-size: clamp(34px, 3.4vw, 52px); line-height:1.15; letter-spacing:-0.02em; font-weight: 700; color:#fff;}
.education-features-copy{ margin: 22px 0 0; max-width: 920px; font-size: 17px; line-height: 1.9; color: rgba(255,255,255,.78); }

.education-features-tabs{ display:flex; justify-content:center; gap: 12px; margin-top: 24px; flex-wrap:wrap;}
.education-features-tab{ padding: 10px 16px; border-radius: 8px; border: 1px solid rgba(255,255,255,.18); background: transparent; color: rgba(255,255,255,.72); font-size: 11px; font-weight: 700; cursor:pointer; }
.education-features-tab.is-active{ background:#0a49ff; border-color:#0a49ff; color:#fff;}

.education-features-carousel{ position:relative; }
.education-features-arrow{ width:auto; height:auto; border-radius:0; border:none; background:transparent; color:rgba(255,255,255,.72); cursor:pointer; display:grid; place-items:center; padding:6px; font-size:40px; line-height:1; font-weight:800; }
.education-features-arrow:hover{ color:rgba(255,255,255,.80); }

.education-features-arrow--prev{ position:absolute; top:0; right: 52px; }
.education-features-arrow--next{ position:absolute; top:0; right: 0; }

.education-features-stage{ padding-top:56px; }
.education-features-panel{ width: 100%; }
.education-features-track{ display:flex; gap: 18px; overflow:auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling:touch; padding: 6px 0 10px; scrollbar-width: none; -ms-overflow-style: none;}
.education-features-track::-webkit-scrollbar{ display:none; }

.education-feature-card{ flex:0 0 360px; scroll-snap-align:start; min-height:360px; padding:56px 44px; border:none; border-radius:10px; background: rgba(255,255,255,.06); display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap: 18px; }
.education-feature-number{ font-size: 48px; font-weight: 800; color: #0a49ff; line-height: 1; letter-spacing: -0.02em; min-width: 0; }
.education-feature-text{ max-width: 260px; }
.education-feature-title{ font-size: 16px; font-weight: 700; color:#fff; line-height: 1.4; }
.education-feature-subtitle{ font-size: 13px; font-weight: 500; color: rgba(255,255,255,.72); margin-top: 10px; line-height: 1.7; }

@media (max-width: 980px){
  .education-features{ padding: 70px 0 86px;}
  .education-features-stage{ padding-top:48px; }
  .education-feature-card{ flex-basis:320px; min-height:320px; padding:44px 32px; }
  .education-feature-number{ font-size: 44px; }
}
@media (max-width: 560px){
  .education-features-arrow{ display:none;}
  .education-features-stage{ padding-top:0; }
  .education-feature-card{ flex-basis:280px; min-height:320px; padding:44px 28px; }
}

/* Marketing Hero */
.marketing-hero{ padding: 86px 0 28px; background: #fff; }
.marketing-hero-grid{ display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 42px; align-items: center; }
.marketing-hero-content h1{ margin: 0; font-size: clamp(34px, 4.6vw, 56px); line-height: 1.05; letter-spacing: -0.03em; color: #0b0c0d;}
.marketing-hero-content p{ margin: 14px 0 22px; max-width: 520px; font-size: 14px; line-height: 1.7; color: rgba(11, 12, 13, .72); }
.marketing-hero-content .btn-primary{ padding: 12px 22px; border-radius: 8px; font-weight: 700; font-size: 13px;}
.page-marketing .marketing-hero-media{ justify-self: stretch; width: 100%; max-width: none; height: clamp(320px, 38vw, 560px); border-radius: 0; overflow: hidden; background: #0b0c0d; box-shadow: none; }
.page-marketing .marketing-hero-media img{ width: 100%; height: 100%; display: block; object-fit: cover;}

/* Marketing trust strip */
.trust-strip--marketing{ padding-top: 16px; padding-bottom: 18px; }
.trust-strip--marketing .trust-strip-row{ display: flex; align-items: center; gap: 18px; }

.trust-strip--marketing .trust-heading{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .58);
  margin: 0;
  white-space: nowrap;
}
.trust-strip--marketing .trust-heading::before{
  content: "";
  width: 36px;
  height: 1px;
  background: rgba(255, 255, 255, .28);
  display: inline-block;
}

.trust-strip--marketing .trust-logos{
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.trust-strip--marketing .trust-logos__track{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 64px;
  flex-wrap: nowrap;
  width: max-content;
  padding: 0;
  margin: 0;
}
.trust-strip--marketing .trust-logo-item{ display: flex; align-items: center; flex: 0 0 auto; }
.trust-strip--marketing img{ height: 20px; width: auto; display: block; filter: brightness(0) invert(1); opacity: .9; }

.trust-strip--marketing .trust-strip-controls{ display:flex; align-items:center; gap: 8px; flex: 0 0 auto; }
.trust-strip--marketing .trust-strip-control{
  width: 26px;
  height: 26px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.25);
  color: #fff;
  font-size: 14px;
  line-height: 1;
  box-shadow: none;
  cursor: pointer;
}
.trust-strip--marketing .trust-strip-control:hover{ background: rgba(255,255,255,.22); }

@media (max-width: 980px){
  .trust-strip--marketing .trust-logos__track{ gap: 36px; }
}

@media (max-width: 720px){
  .trust-strip--marketing .trust-heading::before{ width: 22px; }
  .trust-strip--marketing .trust-logos::-webkit-scrollbar{ display:none; }
  .trust-strip--marketing .trust-logos{ scrollbar-width: none; }
}

.trust-strip--marketing .trust-logos::-webkit-scrollbar{ display:none; }
.trust-strip--marketing .trust-logos{ scrollbar-width: none; }

.marketing-services-offer{ padding: 70px 0 90px; background: #fff; }
.marketing-services-offer-head{ max-width: 980px; margin: 0 auto 34px; text-align: center; }
.marketing-services-offer-head h2{ margin: 0; font-size: clamp(28px, 3.6vw, 44px); letter-spacing: -0.02em; color: #0b0c0d;}
.marketing-services-offer-head p{ margin: 12px auto 0; max-width: 900px; font-size: 13px; line-height: 1.7; color: rgba(11, 12, 13, .72); }
.marketing-services-offer-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 60px;}
.marketing-services-offer-card{ display: flex; flex-direction: column; align-items: flex-start; }
.marketing-services-offer-icon{ width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; color: #0a49ff; margin: 0 0 10px;}
.marketing-services-offer-icon svg{ width: 22px; height: 22px; display: block; }
.marketing-services-offer-card h3{ margin: 0; font-size: 13px; font-weight: 700; color: #0b0c0d;}
.marketing-services-offer-card p{ margin: 8px 0 0; font-size: 11px; line-height: 1.75; color: rgba(11, 12, 13, .62); max-width: 520px; }

@media (max-width: 900px){
  .marketing-services-offer-grid{ grid-template-columns: 1fr; gap: 26px;}
}

.our-clients{ padding: 70px 0 90px; background: #fff; }
.our-clients-head{ text-align: center; margin: 0 0 22px; }
.our-clients-head h2{ margin: 0; font-size: clamp(26px, 3.2vw, 44px); letter-spacing: -0.02em; color: #0b0c0d;}
.our-clients-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 46px 84px; }
.our-clients-item{ display: flex; flex-direction: column; align-items: center; text-align: center;}
.our-clients-logo{ width: 110px; height: 92px; display: flex; align-items: center; justify-content: center; }
.our-clients-logo img{ max-width: 110px; max-height: 92px; width: auto; height: auto; display: block;}
.our-clients-fallback{ width: 70px; height: 70px; border-radius: 999px; background: rgba(11, 12, 13, .06); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; letter-spacing: .08em; color: rgba(11, 12, 13, .7); }
.our-clients-label{ margin: 8px 0 0; font-size: 9px; line-height: 1.35; color: rgba(11, 12, 13, .66); max-width: 180px;}

@media (max-width: 900px){
  .our-clients-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 44px;}
}

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

.marketing-campaign-banner{ padding: 54px 0; background: #000; color:#fff; background-image: linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.32)), var(--mcb-bg); background-size: cover; background-position: center; }
.marketing-campaign-banner-inner{ min-height: 160px; display:flex; align-items:center; }
.marketing-campaign-banner-content{ max-width: 560px;}
.marketing-campaign-banner-content h2{ margin: 0; font-size: 18px; line-height: 1.35; font-weight: 800; letter-spacing: -0.01em; color:#fff; }
.marketing-campaign-banner-btn{ display:inline-flex; align-items:center; justify-content:center; margin-top: 16px; padding: 9px 14px; border-radius: 999px; background: #fff; color:#0b0c0d; text-decoration:none; font-weight: 800; font-size: 10px;}
.marketing-campaign-banner-btn:hover{ filter: brightness(.98); }

@media (max-width: 900px){
  .marketing-campaign-banner{ padding: 46px 0;}
  .marketing-campaign-banner-inner{ min-height: 140px; }
  .marketing-campaign-banner-content{ max-width: 620px;}
}

.page-magazine-newspaper .mag-success-stories{ padding: 90px 0 80px; background: #000; color:#fff; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); overflow: hidden; }
.page-magazine-newspaper .mag-success-stories-head{ text-align:center; margin: 0 0 40px; }
.page-magazine-newspaper .mag-success-stories-head h2{ margin:0; font-size: clamp(30px, 4.2vw, 52px); line-height: 1.05; letter-spacing: -0.02em; color:#fff;}

.page-magazine-newspaper .mag-success-stories-rail{ display:flex; gap: 28px; overflow-x: auto; padding: 0 0 18px; scroll-snap-type: x mandatory; scroll-padding-left: max(20px, calc((100vw - 1200px)/2)); -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.page-magazine-newspaper .mag-success-stories-rail::-webkit-scrollbar{ display:none;}

.page-magazine-newspaper .mag-success-card{ flex: 0 0 auto; width: min(1120px, calc(100vw - 60px)); border-radius: 12px; border: 1px solid rgba(255,255,255,.14); background: radial-gradient(140% 140% at 0% 0%, rgba(255,255,255,.06), rgba(255,255,255,0) 62%); overflow: hidden; display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); scroll-snap-align: start; }
.page-magazine-newspaper .mag-success-left{ padding: 46px 44px; background: linear-gradient(180deg, rgba(0,0,0,.82), rgba(0,0,0,.92));}
.page-magazine-newspaper .mag-success-brand{ margin-bottom: 18px; }
.page-magazine-newspaper .mag-success-brand-name{ font-size: 16px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; color:#fff;}
.page-magazine-newspaper .mag-success-brand-sub{ margin-top: 4px; font-size: 10px; color: rgba(255,255,255,.72); }
.page-magazine-newspaper .mag-success-copy{ margin: 0; font-size: 12px; line-height: 1.7; color: rgba(255,255,255,.74); max-width: 440px;}

.page-magazine-newspaper .mag-success-metrics{ margin-top: 22px; display:grid; grid-template-columns: 1fr 1fr; gap: 18px 26px; max-width: 420px; }
.page-magazine-newspaper .mag-success-metric{ position: relative; padding-left: 14px;}
.page-magazine-newspaper .mag-success-metric:before{ content: ''; position:absolute; left:0; top: 4px; bottom: 4px; width: 1px; background: rgba(255,255,255,.18); }
.page-magazine-newspaper .mag-success-metric-value{ font-size: 18px; line-height: 1.1; font-weight: 800; color:#fff;}
.page-magazine-newspaper .mag-success-metric-label{ margin-top: 4px; font-size: 10px; color: rgba(255,255,255,.68); }

.page-magazine-newspaper .mag-success-btn{ display:inline-flex; align-items:center; gap: 10px; margin-top: 22px; padding: 10px 14px; border-radius: 8px; border: 1px solid rgba(255,255,255,.32); color:#fff; text-decoration:none; font-size: 11px; font-weight: 800; width: fit-content;}
.page-magazine-newspaper .mag-success-btn:hover{ background: rgba(255,255,255,.06); }
.page-magazine-newspaper .mag-success-btn-arrow{ font-size: 14px; line-height: 1;}

.page-magazine-newspaper .mag-success-right{ position: relative; background: #0b0c0d; }
.page-magazine-newspaper .mag-success-right img{ width: 100%; height: 100%; object-fit: cover; display:block;}
.page-magazine-newspaper .mag-success-scroll-hint{ position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 56px; height: 56px; border-radius: 999px; display:flex; align-items:center; justify-content:center; background: rgba(0,0,0,.55); color: rgba(255,255,255,.9); font-size: 11px; border: 1px solid rgba(255,255,255,.18); }

@media (max-width: 980px){
  .page-magazine-newspaper .mag-success-card{ grid-template-columns: 1fr;}
  .page-magazine-newspaper .mag-success-left{ padding: 34px 24px; }
  .page-magazine-newspaper .mag-success-scroll-hint{ display:none;}
}

@media (max-width: 560px){
  .page-magazine-newspaper .mag-success-stories{ padding: 70px 0 64px;}
  .page-magazine-newspaper .mag-success-stories-rail{ gap: 18px; }
  .page-magazine-newspaper .mag-success-card{ width: calc(100vw - 40px);}
  .page-magazine-newspaper .mag-success-metrics{ grid-template-columns: 1fr; }
}

 .bi-presentations{ background:#05070b; color:#f5f7ff; padding:100px 20px 110px; }
.bi-presentations__head{ max-width:1080px; margin:0 auto 58px; text-align:left; }
 .bi-presentations__title{ margin:0 0 16px; font-size:clamp(36px, 4.8vw, 64px); line-height:1.04; letter-spacing:-0.03em; font-weight:800; color:#ffffff;}
 .bi-presentations__copy{ margin:0; max-width:860px; font-size:14px; line-height:1.7; color:rgba(214,218,232,0.85); }
 .bi-presentations__grid{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:26px;}
 .bi-presentations__card{ margin:0; }
 .bi-presentations__media{ position:relative; border-radius:14px; overflow:hidden; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.10); box-shadow:0 18px 46px rgba(0,0,0,0.45);}
 .bi-presentations__media::before{ content:""; position:absolute; left:12px; top:12px; width:10px; height:10px; border-radius:2px; background:#0f4d3a; opacity:0.95; z-index:2; }
 .bi-presentations__media img{ width:100%; height:100%; display:block; aspect-ratio: 4 / 3; object-fit:cover; opacity:0.96;}
 .bi-presentations__label{ margin-top:10px; font-size:12px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:rgba(245,247,255,0.72); }

 @media (max-width: 1024px){
   .bi-presentations{ padding:80px 20px 90px;}
   .bi-presentations__grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:20px; }
   .bi-presentations__head{ margin-bottom:42px;}
 }

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

 @media (max-width: 520px){
   .bi-presentations{ padding:64px 16px 74px;}
   .bi-presentations__grid{ grid-template-columns:1fr; }
   .bi-presentations__media img{ aspect-ratio: 16 / 9;}
 }

 .da-cta-image{ background:#fff; color:#0b1220; padding:90px 20px 100px; }
.da-cta-image__head{ text-align:center; max-width:820px; margin:0 auto 34px; }
 .da-cta-image__title{ margin:0 0 12px; font-size:clamp(26px, 3.2vw, 42px); line-height:1.15; font-weight:800; letter-spacing:-0.02em; color:#0b1220; white-space:pre-line;}
 .da-cta-image__copy{ margin:0 0 18px; font-size:14px; line-height:1.75; color:rgba(11,18,32,0.75); }
 .da-cta-image__btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 16px; border-radius:8px; background:#1263ff; color:#fff; font-size:12px; font-weight:700; text-decoration:none; box-shadow:0 16px 40px rgba(18,99,255,0.25); transition:transform .2s ease, box-shadow .2s ease, background .2s ease;}
 .da-cta-image__btn:hover{ background:#0d4ed8; transform:translateY(-1px); box-shadow:0 18px 50px rgba(18,99,255,0.30); }

 .da-cta-image__media{ max-width:720px; margin:0 auto; border-radius:14px; overflow:hidden; box-shadow:0 22px 70px rgba(15,23,42,0.14); border:1px solid rgba(15,23,42,0.10); background:#f3f6ff;}
 .da-cta-image__media img{ display:block; width:100%; height:auto; aspect-ratio: 16 / 7; object-fit:cover; }

 .cta-image{ background:#fff; color:#0b1220; padding:90px 20px 100px;}
.cta-image__head{ text-align:center; margin-bottom:40px;}
 .cta-image__title{ margin:0 0 12px; font-size:clamp(26px, 3.2vw, 42px); line-height:1.15; font-weight:800; letter-spacing:-0.02em; color:#0b1220; white-space:pre-line; }
 .cta-image__copy{ margin:0 0 18px; font-size:14px; line-height:1.75; color:rgba(11,18,32,0.75);}
 .cta-image__btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 16px; border-radius:8px; background:#1263ff; color:#fff; font-size:12px; font-weight:700; text-decoration:none; box-shadow:0 16px 40px rgba(18,99,255,0.25); transition:transform .2s ease, box-shadow .2s ease, background .2s ease; }
 .cta-image__btn:hover{ background:#0d4ed8; transform:translateY(-1px); box-shadow:0 18px 50px rgba(18,99,255,0.30);}

 .cta-image__media{ max-width:720px; margin:0 auto; border-radius:14px; overflow:hidden; box-shadow:0 22px 70px rgba(15,23,42,0.14); border:1px solid rgba(15,23,42,0.10); background:#f3f6ff; }
 .cta-image__media img{ display:block; width:100%; height:auto; aspect-ratio: 16 / 7; object-fit:cover;}

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

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

 .bi-custom-services{ background:#000; color:#fff; padding:110px 20px 120px; }
.bi-custom-services__head{ max-width:1040px; margin:0 auto 56px; }
 .bi-custom-services__title{ margin:0 0 18px; font-size:clamp(40px, 5vw, 70px); line-height:1.02; letter-spacing:-0.03em; font-weight:800; color:#fff;}
 .bi-custom-services__copy{ margin:0; max-width:920px; font-size:13px; line-height:1.8; color:rgba(255,255,255,0.68); }
 .bi-custom-services__grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:42px 54px;}
 .bi-custom-services__card{ padding-top:22px; border-top:1px solid rgba(255,255,255,0.12); }
 .bi-custom-services__card-head{ display:flex; align-items:center; gap:10px;}
 .bi-custom-services__icon{ width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; color:#1f6bff; }
 .bi-custom-services__card-title{ margin:0; font-size:13px; letter-spacing:0.02em; font-weight:700; color:rgba(255,255,255,0.92);}
 .bi-custom-services__card-copy{ margin:14px 0 0; font-size:11px; line-height:1.85; color:rgba(255,255,255,0.58); }

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

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

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

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

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

 @media(max-width:960px){
   .genai-industries{ padding:60px 0px 80px;}
   .genai-industries-title{ font-size: var(--font-size-3xl); }
   .genai-industries-intro{ font-size: var(--font-size-md);}
   .genai-industries-grid{ grid-template-columns:repeat(3, 1fr); }
   .genai-industries.genai-industries--ml .genai-industries-intro{ margin-bottom:40px;}
 }

 @media(max-width:640px){
   .genai-industries-grid{
     grid-template-columns:repeat(2, 1fr);
     overflow:hidden;
   }
   .genai-industry-card{ padding:32px 20px; }
   .genai-industry-card.is-mobile-hidden{ display:none; }
   .genai-industry-card.is-mobile-right{ border-right:none; }
   .genai-industry-card.is-mobile-bottom{ border-bottom:none; }
   .genai-industries-dots{ display:flex; }
 }

 [data-industries-carousel] .industries-carousel-track[data-page-mode="true"]{
   gap:0;
 }
 [data-industries-carousel]{
   --industries-card-bg: rgba(255,255,255,0.03);
   --industries-card-border: rgba(255,255,255,0.1);
   --industries-card-bg-hover: rgba(255,255,255,0.05);
   --industries-card-border-hover: rgba(255,255,255,0.2);
   --industries-card-shadow-hover: 0 12px 32px rgba(0,0,0,0.3);
   --industries-icon-bg: rgba(255,255,255,0.08);
   --industries-description-color: rgba(255,255,255,0.75);
   --industries-link-color: #3b82f6;
   --industries-link-color-hover: #60a5fa;
   --industries-nav-bg: rgba(255,255,255,0.16);
   --industries-nav-border: rgba(255,255,255,0.32);
   --industries-nav-bg-hover: rgba(255,255,255,0.22);
   --industries-nav-border-hover: rgba(255,255,255,0.45);
   --industries-nav-shadow: 0 10px 24px rgba(0,0,0,0.45);
   --industries-nav-shadow-hover: 0 14px 34px rgba(0,0,0,0.6);
 }
 [data-industries-carousel][data-theme="light"]{
   --industries-card-bg: rgba(15,23,42,0.03);
   --industries-card-border: rgba(15,23,42,0.12);
   --industries-card-bg-hover: rgba(15,23,42,0.05);
   --industries-card-border-hover: rgba(15,23,42,0.18);
   --industries-card-shadow-hover: 0 12px 32px rgba(2,6,23,0.12);
   --industries-icon-bg: rgba(15,23,42,0.06);
   --industries-description-color: rgba(15,23,42,0.72);
   --industries-nav-bg: rgba(15,23,42,0.08);
   --industries-nav-border: rgba(15,23,42,0.14);
   --industries-nav-bg-hover: rgba(15,23,42,0.12);
   --industries-nav-border-hover: rgba(15,23,42,0.22);
   --industries-nav-shadow: 0 10px 24px rgba(2,6,23,0.12);
   --industries-nav-shadow-hover: 0 14px 34px rgba(2,6,23,0.16);
 }
 [data-industries-carousel] .industries-carousel-wrapper{
   position:relative;
   overflow:hidden;
   padding:0 80px;
 }
 [data-industries-carousel] .industries-carousel-track{
   display:flex;
   gap:24px;
   transition:transform 0.4s ease;
   width:100%;
 }
 [data-industries-carousel] .industries-carousel-track[data-page-mode="true"] .industries-page{
   flex:0 0 100%;
   width:100%;
   display:grid;
   grid-template-columns:repeat(4, minmax(0, 1fr));
   gap:24px;
 }
 [data-industries-carousel][data-columns="3"] .industries-carousel-track[data-page-mode="true"] .industries-page{
   grid-template-columns:repeat(3, minmax(0, 1fr));
 }
 [data-industries-carousel] .industries-carousel-track[data-page-mode="true"] .industry-card{
   flex:initial;
   width:auto;
 }
 [data-industries-carousel] .industry-card{
   flex:0 0 calc((100% - 72px) / 4);
   background:var(--industries-card-bg);
   border:1px solid var(--industries-card-border);
   border-radius:16px;
   padding:32px 28px;
   transition:all 0.3s ease;
   min-height:380px;
   display:flex;
   flex-direction:column;
   width:calc((100% - 72px) / 4);
   box-sizing:border-box;
 }
 [data-industries-carousel][data-columns="3"] .industry-card{
   flex:0 0 calc((100% - 48px) / 3);
   width:calc((100% - 48px) / 3);
 }
 [data-industries-carousel] .industry-card:hover{
   background:var(--industries-card-bg-hover);
   border-color:var(--industries-card-border-hover);
   transform:translateY(-4px);
   box-shadow:var(--industries-card-shadow-hover);
 }
 [data-industries-carousel] .industry-icon{
   width:56px;
   height:56px;
   background:var(--industries-icon-bg);
   border-radius:14px;
   display:flex;
   align-items:center;
   justify-content:center;
   margin-bottom:20px;
   color:inherit;
 }
 [data-industries-carousel] .industry-icon svg{
   width:28px;
   height:28px;
 }
 [data-industries-carousel] .industry-title{
   font-size:22px;
   font-weight:700;
   color:inherit;
   margin:0 0 16px;
   line-height:1.3;
 }
 [data-industries-carousel] .industry-description{
   font-size:15px;
   line-height:1.7;
   color:var(--industries-description-color);
   margin:0;
   flex:1;
 }
 [data-industries-carousel] .industry-description a{
   color:var(--industries-link-color);
   text-decoration:none;
   transition:color 0.2s ease;
 }
 [data-industries-carousel] .industry-description a:hover{
   color:var(--industries-link-color-hover);
   text-decoration:underline;
 }
 [data-industries-carousel] .industries-nav-btn{
   position:absolute;
   top:50%;
   transform:translateY(-50%);
   width:48px;
   height:48px;
   background:var(--industries-nav-bg);
   border:1px solid var(--industries-nav-border);
   border-radius:50%;
   display:flex;
   align-items:center;
   justify-content:center;
   cursor:pointer;
   transition:all 0.3s ease;
   color:inherit;
   z-index:10;
   box-shadow:var(--industries-nav-shadow);
   backdrop-filter:blur(6px);
 }
 [data-industries-carousel] .industries-nav-btn:hover:not(:disabled){
   background:var(--industries-nav-bg-hover);
   border-color:var(--industries-nav-border-hover);
   box-shadow:var(--industries-nav-shadow-hover);
 }
 [data-industries-carousel] .industries-nav-btn:disabled{
   opacity:0.85;
   cursor:not-allowed;
 }
 [data-industries-carousel] .industries-prev{ left:0; }
 [data-industries-carousel] .industries-next{ right:0; }

 @media(max-width:1200px){
   [data-industries-carousel] .industry-card{
     flex:0 0 calc((100% - 48px) / 3);
     width:calc((100% - 48px) / 3);
  }

   [data-industries-carousel] .industries-carousel-track[data-page-mode="true"] .industries-page{
     grid-template-columns:repeat(3, minmax(0, 1fr));
  }
 }

 @media(max-width:960px){
   [data-industries-carousel] .industry-card{
     flex:0 0 calc((100% - 24px) / 2);
     width:calc((100% - 24px) / 2);
  }

   [data-industries-carousel] .industries-carousel-track[data-page-mode="true"] .industries-page{
     grid-template-columns:repeat(2, minmax(0, 1fr));
  }

   [data-industries-carousel] .industries-carousel-wrapper{
     padding:0 64px;
  }
 }

 @media(max-width:640px){
   [data-industries-carousel] .industry-card{
     flex:0 0 100%;
     min-height:320px;
  }
   [data-industries-carousel] .industries-carousel-wrapper{
     padding:0 52px;
  }
   [data-industries-carousel] .industries-nav-btn{
     width:40px;
     height:40px;
  }
   [data-industries-carousel] .industry-title{
     font-size:20px;
  }
   [data-industries-carousel] .industry-description{
     font-size:14px;
  }
 }

.page-marketing .genai-case-studies,
.page-magazine-newspaper .genai-case-studies{
  background:#05070b;
  padding:80px 0 0;
  color:#f5f7ff;
}
.page-marketing .genai-cs-title,
.page-magazine-newspaper .genai-cs-title{
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin:0 0 28px;
  letter-spacing: var(--letter-spacing-tight);
  text-align:center;
  color:#fff;
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
}
.page-marketing .genai-cs-intro,
.page-magazine-newspaper .genai-cs-intro{
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-relaxed);
  color:#e6e9ef;
  text-align:center;
  max-width:1100px;
  margin:0 auto 80px;
}
.page-marketing .genai-cs-scroll-container,
.page-magazine-newspaper .genai-cs-scroll-container{
  height:400vh;
  position:relative;
}
.page-marketing .genai-cs-scroll-container > div,
.page-magazine-newspaper .genai-cs-scroll-container > div{
  position:sticky;
  top:0;
  height:100vh;
  display:flex;
  align-items:center;
}
.page-marketing .genai-cs-cards-wrapper,
.page-magazine-newspaper .genai-cs-cards-wrapper{
  display:flex;
  gap:40px;
  padding:0 calc((100vw - 1280px) / 2);
  will-change:transform;
}
.page-marketing .genai-cs-card,
.page-magazine-newspaper .genai-cs-card{
  min-width:calc(100vw - ((100vw - 1280px)));
  max-width:1280px;
  width:1280px;
  display:grid;
  grid-template-columns:1fr 1fr;
  background:#0b0f1a;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
  padding:60px;
  flex-shrink:0;
}
.page-marketing .genai-cs-content,
.page-magazine-newspaper .genai-cs-content{
  display:flex;
  flex-direction:column;
  gap:24px;
}
.page-marketing .genai-cs-card-title,
.page-magazine-newspaper .genai-cs-card-title{
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color:#fff;
  margin:0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}
.page-marketing .genai-cs-description,
.page-magazine-newspaper .genai-cs-description{
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-relaxed);
  color:#d6dae8;
  margin:0;
}
.page-marketing .genai-cs-results,
.page-magazine-newspaper .genai-cs-results{
  margin-top:16px;
}
.page-marketing .genai-cs-results-label,
.page-magazine-newspaper .genai-cs-results-label{
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color:#fff;
  margin-bottom:20px;
}
.page-marketing .genai-cs-metrics,
.page-magazine-newspaper .genai-cs-metrics{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:32px;
}
.page-marketing .genai-cs-metric,
.page-magazine-newspaper .genai-cs-metric{
  display:flex;
  flex-direction:column;
  gap:8px;
  border-left:3px solid rgba(30,136,229,0.5);
  padding-left:16px;
}
.page-marketing .genai-cs-metric-value,
.page-magazine-newspaper .genai-cs-metric-value{
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color:#fff;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}
.page-marketing .genai-cs-metric-label,
.page-magazine-newspaper .genai-cs-metric-label{
  font-size: var(--font-size-sm);
  line-height: var(--line-height-normal);
  color:#d6dae8;
  font-weight: var(--font-weight-medium);
}
.page-marketing .genai-cs-cta,
.page-magazine-newspaper .genai-cs-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:14px 24px;
  border-radius:8px;
  background:transparent;
  color:#fff;
  border:2px solid #fff;
  font-weight:600;
  font-size:15px;
  text-decoration:none;
  transition:all .3s ease;
  align-self:flex-start;
  margin-top:16px;
}
.page-marketing .genai-cs-cta:hover,
.page-magazine-newspaper .genai-cs-cta:hover{
  background:#fff;
  color:#05070b;
}
.page-marketing .genai-cs-cta-arrow,
.page-magazine-newspaper .genai-cs-cta-arrow{
  font-size:18px;
  transition:transform .3s ease;
}
.page-marketing .genai-cs-cta:hover .genai-cs-cta-arrow,
.page-magazine-newspaper .genai-cs-cta:hover .genai-cs-cta-arrow{
  transform:translateX(4px);
}
.page-marketing .genai-cs-image,
.page-magazine-newspaper .genai-cs-image{
  border-radius:16px;
  overflow:hidden;
  height:100%;
  max-height:calc(100vh - 120px);
}
.page-marketing .genai-cs-image img,
.page-magazine-newspaper .genai-cs-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

@media(max-width:960px){
  .page-marketing .genai-case-studies,
  .page-magazine-newspaper .genai-case-studies{
    padding:60px 0 0;
}
  .page-marketing .genai-cs-title,
  .page-magazine-newspaper .genai-cs-title{
    font-size: var(--font-size-3xl);
}
  .page-marketing .genai-cs-intro,
  .page-magazine-newspaper .genai-cs-intro{
    font-size: var(--font-size-md);
}
  .page-marketing .genai-cs-scroll-container,
  .page-magazine-newspaper .genai-cs-scroll-container{
    height:auto;
    position:static;
}
  .page-marketing .genai-cs-scroll-container > div,
  .page-magazine-newspaper .genai-cs-scroll-container > div{
    position:static;
    height:auto;
}
  .page-marketing .genai-cs-cards-wrapper,
  .page-magazine-newspaper .genai-cs-cards-wrapper{
    flex-direction:column;
    padding:0 20px 60px;
}
  .page-marketing .genai-cs-card,
  .page-magazine-newspaper .genai-cs-card{
    min-width:100%;
    width:100%;
    grid-template-columns:1fr;
    gap:32px;
    padding:40px 32px;
}
  .page-marketing .genai-cs-card-title,
  .page-magazine-newspaper .genai-cs-card-title{
    font-size:32px;
}
  .page-marketing .genai-cs-description,
  .page-magazine-newspaper .genai-cs-description{
    font-size:16px;
}
  .page-marketing .genai-cs-metric-value,
  .page-magazine-newspaper .genai-cs-metric-value{
    font-size:28px;
}
  .page-marketing .genai-cs-image,
  .page-magazine-newspaper .genai-cs-image{
    order:-1;
}
}

.marketing-why-hire{ padding: 84px 0 96px; background: #fff; }
.marketing-why-hire-head{ max-width: 760px; }
.marketing-why-hire-head h2{ margin: 0 0 42px; font-size: clamp(30px, 4.2vw, 46px); line-height: 1.15; letter-spacing: -0.02em; color: #0b0c0d; font-weight: 800;}

.marketing-why-hire-grid{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 46px; }
.marketing-why-hire-card{ display:flex; flex-direction:column; gap: 12px;}
.marketing-why-hire-num{ font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(11, 12, 13, .38); }
.marketing-why-hire-card h3{ margin: 0; font-size: 14px; font-weight: 800; color: #0b0c0d;}
.marketing-why-hire-card p{ margin: 0; font-size: 11px; line-height: 1.8; color: rgba(11, 12, 13, .62); max-width: 320px; }

@media (max-width: 980px){
  .marketing-why-hire-grid{ grid-template-columns: 1fr; gap: 26px;}
  .marketing-why-hire-card p{ max-width: none; }
}

.marketing-success-stories{ padding: 84px 0 96px; background:#fff; }
.marketing-success-stories-head{ text-align:center; margin: 0 0 42px; }
.marketing-success-stories-head h2{ margin:0; font-size: clamp(26px, 3.4vw, 40px); letter-spacing: -0.02em; color:#0b0c0d; font-weight: 800;}

.marketing-success-stories-grid{ display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px 72px; }
.marketing-success-card{ display:flex; flex-direction:column; gap: 14px;}
.marketing-success-media{ position: relative; border-radius: 14px; overflow:hidden; background:#0b0c0d; aspect-ratio: 16 / 9; }
.marketing-success-media img{ width:100%; height:100%; object-fit: cover; display:block; filter: saturate(1.05);}
.marketing-success-overlay{ position:absolute; left: 16px; bottom: 14px; color:#fff; text-shadow: 0 8px 22px rgba(0,0,0,.55); }
.marketing-success-metric{ font-size: 20px; font-weight: 900; letter-spacing: -0.02em;}
.marketing-success-metric-label{ margin-top: 2px; font-size: 10px; font-weight: 700; color: rgba(255,255,255,.88); }

.marketing-success-body h3{ margin:0; font-size: 11px; font-weight: 900; color:#0b0c0d;}
.marketing-success-body p{ margin: 10px 0 0; font-size: 10px; line-height: 1.8; color: rgba(11, 12, 13, .68); max-width: 520px; }

@media (max-width: 900px){
  .marketing-success-stories-grid{ grid-template-columns: 1fr; gap: 34px;}
}

.restaurant-clone-templates{ padding: 110px 0 120px; background:#0b0c0d; color:#fff; }
.restaurant-clone-templates-head{ max-width: 1040px; margin: 0 auto 54px; text-align: center; }
.restaurant-clone-templates-head h2{ margin:0 0 18px; font-size: clamp(34px, 4.8vw, 58px); line-height: 1.05; letter-spacing: -0.03em; font-weight: 900; color:#fff;}
.restaurant-clone-templates-accent{ color: #f8de4b; }
.restaurant-clone-templates-head p{ margin:0 auto; max-width: 980px; font-size: 13px; line-height: 1.85; color: rgba(255,255,255,.72);}

.restaurant-clone-templates-layout{ display:grid; grid-template-columns: 420px minmax(0, 1fr); gap: 0; border: 1px solid rgba(255,255,255,.10); border-radius: 12px; overflow:hidden; background: rgba(255,255,255,.03); max-width: 1200px; margin: 0 auto; }
.restaurant-clone-templates-tabs{ display:flex; flex-direction:column; gap:0; border-right: 1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.30);}
.restaurant-clone-templates-tab{ position:relative; display:flex; align-items:center; gap: 14px; padding: 22px 26px; background: transparent; border: none; border-top: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.78); cursor:pointer; text-align:left; font-size: 13px; font-weight: 700; }
.restaurant-clone-templates-tab:first-child{ border-top: none;}
.restaurant-clone-templates-tab-arrow{ width: 18px; color: rgba(255,255,255,.60); flex-shrink:0; }
.restaurant-clone-templates-tab.is-active{ background: rgba(255,255,255,.06); color:#fff;}
.restaurant-clone-templates-tab.is-active .restaurant-clone-templates-tab-arrow{ color: #3b82f6; }

.restaurant-clone-templates-tab.is-active::after{ content:""; position:absolute; top:0; right:0; width: 3px; height:100%; background:#3b82f6; }

.restaurant-clone-templates-tab-label{ flex: 1; }

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Travel features grid (variant of cap-section--grid) */
.cap-section.cap-section--travel-features{ background:#fff; color:#0b0c0d; padding: 90px 0 80px; }
.cap-section.cap-section--travel-features .cap-head{ margin: 0 auto 34px; max-width: 980px; text-align: center;display: flex;flex-direction: column;align-items: center;}
.cap-section.cap-section--travel-features .cap-head h2{ margin:0; font-size: clamp(34px, 4.6vw, 56px); line-height: 1.05; letter-spacing: -0.03em; color:#0b0c0d; }
.cap-section.cap-section--travel-features .cap-head h2::before,
.cap-section.cap-section--travel-features .cap-head h2::after{ display:none;}
.cap-section.cap-section--travel-features .cap-features-lead{ margin: 14px auto 0; font-size: 14px; line-height: 1.65; color: rgba(11, 12, 13, .72); max-width: 820px; }
.cap-section.cap-section--travel-features .cap-grid{ max-width: 980px; border: 0; background: transparent; gap: 14px; grid-template-columns: repeat(5, minmax(0, 1fr));}
.cap-section.cap-section--travel-features .cap-card{ background:#fff; border: 1px solid rgba(10, 73, 255, .18); border-radius: 10px; padding: 14px 12px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap: 10px; }
.cap-section.cap-section--travel-features .cap-icon{ margin:0; width: 30px; height: 30px; display:flex; align-items:center; justify-content:center; color: #0a49ff;}
.cap-section.cap-section--travel-features .cap-icon svg{ width: 22px; height: 22px; stroke: currentColor; }
.cap-section.cap-section--travel-features .cap-desc{ margin:0; font-size: 11px; font-weight: 700; line-height: 1.3; color: rgba(11, 12, 13, .82);}
@media (max-width: 960px){
  .cap-section.cap-section--travel-features .cap-grid{ grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media (max-width: 640px){
  .cap-section.cap-section--travel-features .cap-grid{ grid-template-columns: repeat(2, minmax(0, 1fr));}
}

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

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

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

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

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

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

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

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

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

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

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

/* OTT case study CTA */
.ott-case-cta{ background:#000; padding: 40px 0 70px; }
.ott-case-cta .container{ max-width: 1200px; }
.ott-case-cta-card{
  max-width: 100%;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
  display: grid;
 
  min-height:280px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
  align-items: stretch;
  box-shadow: 0 26px 72px rgba(0,0,0,.45);
}
.ott-case-cta-left{
  background:#fff;
  padding: 34px 34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap: 18px;
}
.ott-case-cta-text{
  margin: 0;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 800;
  color: #0b0c0d;
  max-width: 560px;
}
.ott-case-cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: fit-content;
  padding: 10px 18px;
  border-radius: 6px;
  background: #1a63ff;
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  font-size: 12px;
}
.ott-case-cta-btn:hover{ filter: brightness(1.05); }

.ott-case-cta-right{
  position: relative;
  background: #e10600;
  overflow: hidden;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.ott-case-cta-right::before{
  content:"";
  position:absolute;
  inset: 18% -20% -40% -20%;
  background: radial-gradient(circle at 50% 20%, rgba(255,255,255,.18), rgba(255,255,255,0) 60%);
  opacity: .9;
}
.ott-case-cta-logos{
  position:absolute;
  top: 18px;
  right: 22px;
  display:flex;
  align-items:center;
  gap: 10px;
  z-index: 2;
}
.ott-case-cta-logo{
  height: 14px;
  width: auto;
  display:block;
  filter: brightness(0) invert(1);
}
.ott-case-cta-phone{
  position: relative;
  z-index: 1;
  width: min(320px, 60%);
  height: auto;
  transform: translateY(10px);
}

@media (max-width: 980px){
  .ott-case-cta{ padding: 34px 0 60px; }
  .ott-case-cta-card{ grid-template-columns: 1fr; }
  .ott-case-cta-left{ padding: 28px; }
  .ott-case-cta-right{ min-height: 220px; }
  .ott-case-cta-logos{ right: 16px; top: 14px; }
  .ott-case-cta-text{ font-size: 18px; }
}

@media (max-width: 520px){
  .ott-case-cta-left{ padding: 22px; }
  .ott-case-cta-text{ font-size: 16px; }
  .ott-case-cta-phone{ width: min(260px, 70%); }
}

.ott-challenges-cta{ width: 100%;
    position: relative;
    background:var(--ott-challenges-bg) no-repeat;
    background-position: center;
    background-size: cover;
    padding: 4.5rem 0 4.5rem; padding: 64px 0; }
.ott-challenges-cta .container{ max-width: 1200px; }
.ott-challenges-cta-card{
  position: relative;
  overflow: hidden;
  min-height: 280px;
  
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  align-items: center;
}

.ott-challenges-cta-media{ position: relative; z-index: 1; padding: 28px 16px 28px 34px; }
.ott-challenges-cta-media img{ width:100%; height:auto; display:block; object-fit:contain; filter: drop-shadow(0 24px 56px rgba(0,0,0,.55)); max-width: 520px; }

.ott-challenges-cta-content{ position: relative; z-index: 1; padding: 46px 54px 46px 26px; }
.ott-challenges-cta-items{ display:grid; gap: 24px; }
.ott-challenges-cta-item-title{ margin: 0; font-size: clamp(16px, 1.25vw, 18px); font-weight: 900; letter-spacing: -0.01em; color: rgba(255,255,255,.92); }
.ott-challenges-cta-item-desc{ margin: 10px 0 0; font-size: 13px; line-height: 1.75; color: rgba(255,255,255,.74); max-width: 620px; }
.ott-challenges-cta-actions{ margin-top: 18px; }
.ott-challenges-cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 16px 28px;
  border-radius: 12px;
  background: #1a63ff;
  color: #fff;
  text-decoration:none;
  font-weight: 900;
  font-size: 13px;
}
.ott-challenges-cta-btn:hover{ filter: brightness(1.05); }

@media (max-width: 980px){
  .ott-challenges-cta{ padding: 52px 0; }
  .ott-challenges-cta-card{ grid-template-columns: 1fr; }
  .ott-challenges-cta-media{ display:none; }
  .ott-challenges-cta-content{ padding: 44px 32px 46px; }
}

@media (max-width: 520px){
  .ott-challenges-cta-item-desc{ font-size: 13px; }
  .ott-challenges-cta-btn{ width: 100%; }
}

:is(.ott-platforms-tabs,.platforms-tabs){ background:#000; color:#fff; padding: 86px 0; border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
.ott-platforms-tabs-head{ max-width: 1100px; margin: 0 auto 28px; text-align:left; }
.ott-platforms-tabs-title{ margin:0; font-size: clamp(32px, 4.6vw, 56px); line-height: 1.08; letter-spacing: -0.03em; color:#fff; }
.ott-platforms-tabs-copy{ margin: 14px 0 0; max-width: 980px; font-size: 12px; line-height: 1.75; color: rgba(255,255,255,.72); }

.ott-platforms-tabs-stage{ position: relative; border-radius: 14px; overflow: hidden; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.10); box-shadow: 0 30px 80px rgba(0,0,0,.65); }
.ott-platforms-tabs-bg{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.ott-platforms-tabs-bg-layer{ position:absolute; inset:0; background-image: var(--ott-platforms-bg); background-position: center; background-size: cover; background-repeat: no-repeat; filter: saturate(1.05) contrast(1.05); transform: translateX(0) scale(1.02); will-change: transform, opacity; }
.ott-platforms-tabs-bg-layer::after{ content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.62) 48%, rgba(0,0,0,.78) 100%); }
.ott-platforms-tabs-bg-layer--current{ opacity: 1; }
.ott-platforms-tabs-bg-layer--next{ opacity: 0; transform: translateX(6%) scale(1.02); }

.ott-platforms-tabs-stage.is-animating .ott-platforms-tabs-bg-layer--current{
  opacity: 0;
  transform: translateX(-6%) scale(1.02);
  transition: transform .46s ease, opacity .32s ease;
}
.ott-platforms-tabs-stage.is-animating .ott-platforms-tabs-bg-layer--next{
  opacity: 1;
  transform: translateX(0) scale(1.02);
  transition: transform .46s ease, opacity .32s ease;
}

.ott-platforms-tabs-shell{
  position: relative;
  z-index: 1;
  padding: 0;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 0;
  min-height: 420px;
}
.ott-platforms-tabs-list{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: stretch;
  margin: 0;
  padding: 42px 24px;
}
.ott-platforms-tabs-list::after{
  content: "";
  position: absolute;
  top: 42px;
  bottom: 42px;
  right: 0;
  width: 1px;
  background: rgba(255,255,255,.18);
}
.ott-platforms-tabs-tab{
  position: relative;
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.34);
  padding: 16px 22px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .01em;
  cursor: pointer;
  text-align: left;
  transition: color .15s ease, background .15s ease;
}
.ott-platforms-tabs-tab:hover{ color: rgba(255,255,255,.62); background: rgba(255,255,255,.03); }
.ott-platforms-tabs-tab:focus-visible{ outline: 2px solid rgba(255,255,255,.65); outline-offset: 3px; }
.ott-platforms-tabs-tab.is-active{ color:#ffffff; background: rgba(255,255,255,.02); }
.ott-platforms-tabs-tab.is-active::after{
  content: "";
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 34px;
  background: #1a63ff;
}

.ott-platforms-tabs-panel{ display:none; }
.ott-platforms-tabs-panel.is-active{ display:block; }
.ott-platforms-tabs-panel[hidden]{ display:none !important; }
.ott-platforms-tabs-panels{ padding: 52px 52px 52px 44px; }
.ott-platforms-tabs-panel-title{ margin: 0; font-size: clamp(34px, 4.2vw, 52px); line-height: 1.08; letter-spacing: -0.03em; color:#fff; }
.ott-platforms-tabs-panel-desc{ margin: 16px 0 0; max-width: 720px; font-size: 14px; line-height: 1.9; color: rgba(255,255,255,.78); }

@media (max-width: 980px){
  :is(.ott-platforms-tabs,.platforms-tabs){ padding: 76px 0; }
  .ott-platforms-tabs-shell{ grid-template-columns: 1fr; min-height: auto; }
  .ott-platforms-tabs-list{ padding: 18px 18px 10px; flex-direction: row; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .ott-platforms-tabs-list::-webkit-scrollbar{ display:none; }
  .ott-platforms-tabs-list::after{ display:none; }
  .ott-platforms-tabs-tab{ white-space: nowrap; padding: 10px 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(0,0,0,.20); color: rgba(255,255,255,.78); font-size: 11px; }
  .ott-platforms-tabs-tab.is-active{ background:#fff; color:#0b0c0d; border-color:#fff; }
  .ott-platforms-tabs-tab.is-active::after{ display:none; }
  .ott-platforms-tabs-panels{ padding: 22px; }
  .ott-platforms-tabs-panel-title{ font-size: clamp(26px, 4vw, 36px); }
  .ott-platforms-tabs-panel-desc{ font-size: 13px; }
}
@media (max-width: 640px){
  .ott-platforms-tabs-panels{ padding: 18px; }
}

/* Aviation advanced technologies */
.aviation-advanced-tech{ background:#050608; color: rgba(255,255,255,.84); padding: 86px 0 96px; }
.aviation-advanced-tech-head{ max-width: 940px; margin: 0 auto 36px; text-align: center; }
.aviation-advanced-tech-title{ margin:0; font-size: clamp(34px, 4.8vw, 56px); line-height: 1.08; letter-spacing: -0.03em; color:#fff; white-space: pre-line;}
.aviation-advanced-tech-intro{ margin: 16px auto 0; max-width: 640px; font-size: 12px; line-height: 1.75; color: rgba(255,255,255,.70); }

.aviation-advanced-tech-grid{ max-width: 720px; margin: 0 auto; display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px;}
.aviation-advanced-tech-card{ background:#fff; border-radius: 12px; padding: 18px 18px 18px; color:#0b0c0d; box-shadow: 0 18px 44px rgba(0,0,0,.35); transition: background .18s ease, transform .18s ease, box-shadow .18s ease, color .18s ease; }
.aviation-advanced-tech-card-top{ display:flex; align-items:flex-start; justify-content:space-between; gap: 14px;}
.aviation-advanced-tech-icon{ width: 34px; height: 34px; border-radius: 10px; background: #eef1ff; color:#2a2d34; display:grid; place-items:center; }
.aviation-advanced-tech-icon svg{ width: 18px; height: 18px; stroke: currentColor;}
.aviation-advanced-tech-num{ font-size: 10px; font-weight: 800; color: rgba(11, 12, 13, .55); letter-spacing: .08em; }
.aviation-advanced-tech-card-title{ margin: 10px 0 0; font-size: 12px; font-weight: 800; color:#0b0c0d;}
.aviation-advanced-tech-card-desc{ margin: 10px 0 0; font-size: 10px; line-height: 1.7; color: rgba(11, 12, 13, .72); }

.aviation-advanced-tech-card:hover,
.aviation-advanced-tech-card:focus-within{
  background: #ff7f72;
  color: rgba(255,255,255,.92);
  transform: translateY(-2px);
  box-shadow: 0 24px 56px rgba(0,0,0,.45);
}
.aviation-advanced-tech-card:hover .aviation-advanced-tech-icon,
.aviation-advanced-tech-card:focus-within .aviation-advanced-tech-icon{
  background: rgba(255,255,255,.18);
  color: #ffffff;
}
.aviation-advanced-tech-card:hover .aviation-advanced-tech-num,
.aviation-advanced-tech-card:focus-within .aviation-advanced-tech-num{
  color: rgba(255,255,255,.85);
}
.aviation-advanced-tech-card:hover .aviation-advanced-tech-card-title,
.aviation-advanced-tech-card:focus-within .aviation-advanced-tech-card-title{
  color: #ffffff;
}
.aviation-advanced-tech-card:hover .aviation-advanced-tech-card-desc,
.aviation-advanced-tech-card:focus-within .aviation-advanced-tech-card-desc{
  color: rgba(255,255,255,.88);
}

@media (max-width: 860px){
  .aviation-advanced-tech-grid{ grid-template-columns: 1fr; max-width: 520px;}
}

/* Aviation CTA banner */
.aviation-cta-banner{ padding: 44px 0; background: #ffffff; }
.aviation-cta-banner-inner{ border-radius: 12px; overflow: hidden; min-height: 180px; display:flex; align-items:center; justify-content:center; text-align:center; padding: 34px 18px; background: #0b0c0d; background-image: linear-gradient(90deg, rgba(0,0,0,.40), rgba(0,0,0,.18)), var(--acb-bg); background-size: cover; background-position: center; background-repeat: no-repeat; max-width: 860px; margin: 0 auto; }
.aviation-cta-banner-content{ max-width: 720px;}
.aviation-cta-banner-eyebrow{ margin: 0 0 8px 0; font-size: 10px; font-weight: 700; letter-spacing: .06em; color: rgba(255,255,255,.88); white-space: pre-line; }
.aviation-cta-banner-title{ margin: 0; font-size: 14px; font-weight: 800; letter-spacing: -0.01em; color:#fff; text-transform:none;}
.aviation-cta-banner-btn{ display:inline-flex; align-items:center; gap: 10px; margin-top: 12px; padding: 8px 12px; border-radius: 999px; background: #0a49ff; color:#fff; text-decoration:none; font-size: 10px; font-weight: 800; }
.aviation-cta-banner-btn-arrow{ width: 10px; height: 10px; border-right: 2px solid currentColor; border-top: 2px solid currentColor; transform: rotate(45deg);}
.aviation-cta-banner-btn:hover{ filter: brightness(.98); }

 /* Retail platforms carousel */
 .retail-platforms{ background:#050608; color:#fff; padding: 90px 0 98px;}
.retail-platforms-head{ max-width: 980px; text-align:center;}
 .retail-platforms-title{ margin:0; font-size: clamp(34px, 4.6vw, 56px); line-height: 1.06; letter-spacing: -0.03em; color:#fff; white-space: pre-line; }
 .retail-platforms-intro{ margin: 14px auto 0; max-width: 820px; font-size: 12px; line-height: 1.75; color: rgba(255,255,255,.72); white-space: pre-line;}

 .retail-platforms-carousel{ margin-top: 42px; display:grid; grid-template-columns: 40px 1fr 40px; align-items:center; gap: 18px; }
 .retail-platforms-nav{ width: 40px; height: 40px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.02); color:#fff; display:grid; place-items:center; cursor:pointer;}
 .retail-platforms-nav:hover{ background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.28); }
 .retail-platforms-nav.disabled,
 .retail-platforms-nav:disabled{ opacity: .35; cursor: not-allowed;}

 .retail-platforms-arrow{ width: 10px; height: 10px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); }
 .retail-platforms-prev .retail-platforms-arrow{ transform: rotate(-135deg);}

 .retail-platforms-viewport{ overflow: hidden; }
 .retail-platforms-track{ display:flex; gap: 18px;}
 .retail-platform-card{ flex: 0 0 calc((100% - (18px * 2)) / 3); border-radius: 12px; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.03); padding: 18px 18px 18px; box-shadow: 0 22px 54px rgba(0,0,0,.55); }
 .retail-platform-num{ font-size: 10px; font-weight: 800; letter-spacing: .10em; color: rgba(255,255,255,.60);}
 .retail-platform-title{ margin: 12px 0 0; font-size: 12px; font-weight: 900; color:#fff; }
 .retail-platform-desc{ margin: 10px 0 0; font-size: 10px; line-height: 1.75; color: rgba(255,255,255,.72);}

 @media (max-width: 960px){
   .retail-platform-card{ flex-basis: calc((100% - 18px) / 2);}
 }
 @media (max-width: 640px){
   .retail-platforms{ padding: 78px 0 88px;}
   .retail-platforms-carousel{ grid-template-columns: 34px 1fr 34px; gap: 12px; }
   .retail-platforms-nav{ width: 34px; height: 34px;}
   .retail-platforms-viewport{ overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
   .retail-platforms-viewport::-webkit-scrollbar{ display:none;}
   .retail-platforms-track{ padding: 0 6px; }
   .retail-platform-card{ flex-basis: calc(100% - 12px); scroll-snap-align: center;}
 }

 /* Retail sectors list */
 .retail-sectors{ background:#ffffff; color:#0b0c0d; padding: 86px 0 96px; }
.retail-sectors-head{ max-width: 860px; }
 .retail-sectors-title{ margin:0; font-size: clamp(34px, 4.6vw, 56px); line-height: 1.06; letter-spacing: -0.03em; color:#0b0c0d; white-space: pre-line;}
 .retail-sectors-intro{ margin: 14px 0 0; font-size: 14px; line-height: 1.85; color: rgba(11, 12, 13, .72); }

 .retail-sectors-list{ margin-top: 34px; border-top: 1px solid rgba(11, 12, 13, .12);}
 .retail-sectors-row{ display:grid; grid-template-columns: 72px 320px 1fr; gap: 18px; padding: 26px 0; border-bottom: 1px solid rgba(11, 12, 13, .12); }
 .retail-sectors-num{ font-size: 12px; font-weight: 900; letter-spacing: .10em; color: rgba(11, 12, 13, .55);}
 .retail-sectors-name{ font-size: 14px; font-weight: 900; color:#0b0c0d; }
 .retail-sectors-desc{ font-size: 12px; line-height: 1.8; color: rgba(11, 12, 13, .72); max-width: 620px;}

 @media (max-width: 980px){
   .retail-sectors-row{ grid-template-columns: 64px 260px 1fr;}
 }
 @media (max-width: 720px){
   .retail-sectors{ padding: 76px 0 86px;}
   .retail-sectors-row{ grid-template-columns: 52px 1fr; }
   .retail-sectors-desc{ grid-column: 2 / -1; max-width: none;}
 }

@media (max-width: 860px){
  .aviation-cta-banner{ padding: 36px 0;}
  .aviation-cta-banner-inner{ min-height: 160px; max-width: 100%; }
}

/* Aviation process (scroll-driven cards) */
.aviation-process{ background:#050608; color: rgba(255,255,255,.84); padding: 0; }
.aviation-process-scroll{ height: 320vh; position: relative; }
.aviation-process-sticky{ position: sticky; top: 0; height: 100vh; display:flex; align-items:center; overflow:hidden;}
.aviation-process-layout{ display:grid; grid-template-columns: minmax(320px, 0.95fr) minmax(0, 1.05fr); gap: 56px; align-items:start; }
.aviation-process-head{ padding-top: 40px;}
.aviation-process-title{ margin:0; font-size: clamp(46px, 6vw, 72px); line-height: 1.02; letter-spacing: -0.04em; color:#fff; white-space: pre-line; }
.aviation-process-copy{ margin: 20px 0 0; font-size: 13px; line-height: 1.85; color: rgba(255,255,255,.72); max-width: 520px;}

.aviation-process-rail{ position: relative; }
.aviation-process-icons{ position:absolute; left:0; top: 8px; width: 44px; display:flex; flex-direction:column; gap: 26px;}
.aviation-process-icon-box{ width: 34px; height: 34px; border-radius: 10px; background: rgba(10, 73, 255, .95); display:block; box-shadow: 0 16px 32px rgba(10,73,255,.22); }

.aviation-process-cards{ position: relative; height: 520px;}
.aviation-process-card{ position:absolute; left: 56px; right: 0; top: 0; will-change: transform; }
.aviation-process-card-inner{ border-radius: 14px; border: 1px solid rgba(255,255,255,.14); background: rgba(0,0,0,.82); backdrop-filter: blur(8px); padding: 22px; box-shadow: 0 20px 44px rgba(0,0,0,.45);}
.aviation-process-card-title{ margin: 10px 0 0; font-size: 14px; font-weight: 800; color:#fff; }
.aviation-process-card-desc{ margin: 12px 0 0; font-size: 11px; line-height: 1.7; color: rgba(255,255,255,.70); max-width: 520px;}
.aviation-process-card-icon{ width: 34px; height: 34px; border-radius: 10px; background: rgba(10, 73, 255, .95); box-shadow: 0 16px 32px rgba(10,73,255,.22); }

@media (max-width: 980px){
  .aviation-process-scroll{ height: auto;}
  .aviation-process-sticky{ position: static; height: auto; overflow: visible; padding: 70px 0 80px; }
  .aviation-process-layout{ grid-template-columns: 1fr; gap: 28px;}
  .aviation-process-copy{ max-width: none; }
  .aviation-process-icons{ display:none;}
  .aviation-process-cards{ height: auto; display:flex; flex-direction:column; gap: 18px; }
  .aviation-process-card{ position: static; left:auto; right:auto; top:auto; transform:none !important;}
}

.industry-compliance{
  background:#000;
  padding:70px 20px 90px;
  color:#fff;
}
.industry-compliance-head{
  max-width:1100px;
}
.industry-compliance--wide .industry-compliance-head{
  max-width:100%;
}
.industry-compliance-head h2{
  margin:0;
  font-size:46px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:-0.01em;
  color:#fff;
}
.industry-compliance-head p{
  margin:16px 0 0;
  font-size:17px;
  line-height:1.7;
  color:rgba(255,255,255,0.78);
  max-width:980px;
}
.industry-compliance-list{
  list-style:none;
  padding:0;
  margin:32px 0 0;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:20px 64px;
  align-items:center;
}
.industry-compliance-item{
  position:relative;
  padding-left:22px;
  font-size:20px;
  font-weight:600;
  color:rgba(255,255,255,0.92);
  letter-spacing:0.01em;
}
.industry-compliance-item::before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:9px;
  height:9px;
  border-radius:999px;
  background:rgba(255,255,255,0.08);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,0.14);
}

@media(max-width:960px){
  .industry-compliance{
    padding:60px 20px 80px;
}
.industry-compliance-head h2{
    font-size:40px;
}
  .industry-compliance-list{
    gap:18px 34px;
    justify-content:flex-start;
}
}

@media(max-width:640px){
  .industry-compliance{
    padding:54px 20px 70px;
}
.industry-compliance-head h2{
    font-size:34px;
}
  .industry-compliance-item{
    font-size:13px;
}
}

/* Travel agile approach */
.travel-agile{ background:#050608; color: rgba(255,255,255,.84); padding: 90px 0 80px; }
.travel-agile-top{ display:flex; flex-direction:column; align-items:flex-start; gap: 18px; }
.travel-agile-head{ max-width: 760px;}
.travel-agile-head h2{ margin:0; font-size: clamp(34px, 4.2vw, 52px); line-height: 1.1; letter-spacing: -0.02em; color:#fff; }
.travel-agile-head h2{ white-space: pre-line;}
.travel-agile-head p{ margin: 14px 0 0; font-size: 13px; line-height: 1.75; color: rgba(255,255,255,.68); max-width: 720px; }

.travel-agile-nav{ width: 100%; max-width: 980px; display:flex; align-items:center; justify-content:space-between; gap: 18px; padding-top: 6px;}
.travel-agile-progress{ font-size: 12px; font-weight: 800; letter-spacing: .14em; color: rgba(255,255,255,.75); }
.travel-agile-arrows{ display:flex; align-items:center; gap: 12px;}
.travel-agile-arrow{ width: 34px; height: 34px; border-radius: 999px; background: transparent; border: 1px solid rgba(255,255,255,.28); color:#fff; cursor:pointer; position:relative; }
.travel-agile-arrow::before{ content:""; position:absolute; inset:0; margin:auto; width: 8px; height: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg);}
.travel-agile-arrow.prev::before{ transform: rotate(-135deg); }
.travel-agile-arrow:hover{ border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.06);}

.travel-agile-track{ margin-top: 26px; display:grid; grid-auto-flow: column; grid-auto-columns: 320px; gap: 18px; overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.22) transparent; }
.travel-agile-track::-webkit-scrollbar{ height: 6px;}
.travel-agile-track::-webkit-scrollbar-track{ background: transparent; }
.travel-agile-track::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.22); border-radius: 999px;}

.travel-agile-card{ scroll-snap-align: start; background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.14); border-radius: 12px; padding: 18px 18px 20px; min-height: 360px; display:flex; flex-direction:column; gap: 14px; }
.travel-agile-card-top{ display:flex; justify-content:space-between; align-items:center;}
.travel-agile-card-step{ font-size: 11px; font-weight: 800; letter-spacing: .10em; color: rgba(255,255,255,.65); }
.travel-agile-icon{ width: 34px; height: 34px; border-radius: 8px; background: #0a49ff; display:flex; align-items:center; justify-content:center; color:#fff;}
.travel-agile-icon svg{ width: 18px; height: 18px; stroke: currentColor; }
.travel-agile-card h3{ margin: 4px 0 0; font-size: 16px; font-weight: 800; color:#fff; line-height: 1.25;}
.travel-agile-card p{ margin: 0; font-size: 12px; line-height: 1.7; color: rgba(255,255,255,.70); }

.travel-agile-cta{ display:flex; justify-content:center; margin-top: 22px;}
.travel-agile-cta-btn{ display:inline-flex; align-items:center; gap: 10px; padding: 10px 14px; border-radius: 8px; border: 1px solid rgba(255,255,255,.28); background: transparent; color:#fff; text-decoration:none; font-size: 11px; font-weight: 800; }
.travel-agile-cta-arrow{ width: 10px; height: 10px; border-right: 2px solid currentColor; border-top: 2px solid currentColor; transform: rotate(45deg);}
.travel-agile-cta-btn:hover{ border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.06); }

@media (max-width: 980px){
  .travel-agile-nav{ max-width: none;}
}

/* Travel FAQ cards */
.faq-cards.faq-cards--travel{ background: #ffffff; padding: 80px 0 90px; border-top: 0; border-bottom: 0; }
.faq-cards.faq-cards--travel .faq-cards-head{ margin-bottom: 34px; }
.faq-cards.faq-cards--travel .faq-cards-head h2{ font-size: clamp(34px, 4.6vw, 56px); font-weight: 700; color: #0b0c0d;}
.faq-cards.faq-cards--travel .faq-cards-head p{ font-size: 14px; color: rgba(11, 12, 13, .72); }
.faq-cards.faq-cards--travel .faq-cards-grid{ column-gap: 28px;}
.faq-cards.faq-cards--travel .faq-card{ background: #eef1ff; border: 0; border-radius: 12px; box-shadow: none; }
.faq-cards.faq-cards--travel .faq-card[open]{ transform: none; box-shadow: none;}
.faq-cards.faq-cards--travel .faq-card-summary{ padding: 18px 18px; font-size: 12px; font-weight: 700; color: #0b0c0d; }
.faq-cards.faq-cards--travel .faq-card-question{ font-size: 12px; line-height: 1.6;}
.faq-cards.faq-cards--travel .faq-card-caret svg{ width: 16px; height: 16px; color: rgba(11, 12, 13, .72); }
.faq-cards.faq-cards--travel .faq-card-body{ padding: 0 18px 18px; font-size: 12px; color: rgba(11, 12, 13, .72);}

/* Travel related blogs */
.travel-related-blogs{ padding: 76px 0 92px; background: #fff; }
.travel-related-blogs-head{ text-align:center; margin-bottom: 38px;}
.travel-related-blogs-head h2{ margin:0; font-size: clamp(32px, 4.6vw, 54px); font-weight: 700; color:#0b0c0d; }
.travel-related-blogs-grid{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 4vw, 34px);}
.travel-related-blog-card{ border-radius: 8px; overflow:hidden; background: #fff; border: 1px solid rgba(11,12,13,.08); }
.travel-related-blog-media{ aspect-ratio: 16 / 10; display:flex; align-items:center; justify-content:center; background:#f3f5ff;}
.travel-related-blog-media img{ width:100%; height:100%; object-fit: cover; display:block; }
.travel-related-blog-body{ padding: 16px 18px 18px; display:flex; flex-direction:column; gap: 12px;}
.travel-related-blog-body h3{ margin:0; font-size: 11px; line-height: 1.55; font-weight: 700; color:#0b0c0d; }
.travel-related-blog-link{ display:inline-flex; align-items:center; gap: 8px; font-size: 11px; font-weight: 700; color:#1f5cff; text-decoration:none;}
.travel-related-blog-link:hover{ text-decoration: underline; }
@media (max-width: 980px){
  .travel-related-blogs-grid{ grid-template-columns: 1fr;}
}

/* Design Related Blogs */
.design-related-blogs{ padding: 76px 0 92px; background: #fff; }
.design-related-blogs-head{ text-align:center; margin-bottom: 38px;}
.design-related-blogs-head h2{ margin:0; font-size: clamp(32px, 4.6vw, 54px); font-weight: 700; color:#0b0c0d; }
.design-related-blogs-grid{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 4vw, 34px);}
.design-related-blog-card{ border-radius: 8px; overflow:hidden; background: #fff; border: 1px solid rgba(11,12,13,.08); transition: box-shadow .2s ease; }
.design-related-blog-card:hover{ box-shadow: 0 4px 20px rgba(0,0,0,.08); }
.design-related-blog-media{ aspect-ratio: 16 / 10; display:flex; align-items:center; justify-content:center; background:#f3f5ff;}
.design-related-blog-media img{ width:100%; height:100%; object-fit: cover; display:block; }
.design-related-blog-body{ padding: 20px 22px 22px; display:flex; flex-direction:column; gap: 10px;}
.design-related-blog-body h3{ margin:0; font-size: 16px; line-height: 1.45; font-weight: 700; color:#0b0c0d; }
.design-related-blog-body p{ margin:0; font-size: 14px; line-height: 1.55; color:#555; }
.design-related-blog-link{ display:inline-flex; align-items:center; gap: 8px; font-size: 14px; font-weight: 700; color:#1f5cff; text-decoration:none;}
.design-related-blog-link:hover{ text-decoration: underline; }
@media (max-width: 980px){
  .design-related-blogs-grid{ grid-template-columns: 1fr;}
}

/* Travel technology experts CTA */
.travel-tech-experts{ padding: 92px 0; color:#fff; background: radial-gradient(120% 140% at 12% 28%, rgba(142, 64, 255, .75), rgba(0,0,0,0) 48%), radial-gradient(120% 140% at 92% 32%, rgba(9, 227, 255, .55), rgba(0,0,0,0) 46%), linear-gradient(90deg, #07080c 0%, #050608 100%); overflow:hidden; }
.travel-tech-experts-inner{ display:grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 420px); gap: clamp(26px, 6vw, 54px); align-items:center; }
.travel-tech-experts-copy h2{ margin:0; font-size: clamp(38px, 5.2vw, 56px); line-height: 1.05; letter-spacing: -.01em; white-space: pre-line;}
.travel-tech-experts-copy p{ margin: 14px 0 0; font-size: 12px; color: rgba(238,240,255,.78); }
.travel-tech-experts-form{ display:flex; justify-content:flex-end;}
.travel-tech-experts-card{ width:100%; max-width: 420px; border-radius: 10px; padding: 18px 18px 14px; background: rgba(8,10,16,.72); border: 1px solid rgba(255,255,255,.10); box-shadow: 0 24px 54px rgba(0,0,0,.45); backdrop-filter: blur(16px); }
.travel-tech-experts-alert{ margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; background: rgba(34,197,94,.14); border: 1px solid rgba(34,197,94,.28); color: rgba(220,255,234,.96); font-weight: 700; font-size: 12px;}
.travel-tech-experts-alert.is-error{ background: rgba(248,113,113,.14); border-color: rgba(248,113,113,.28); color: rgba(255,233,233,.96); }
.travel-tech-experts-fields{ display:flex; flex-direction:column; gap: 14px;}
.travel-tech-experts-field input,
.travel-tech-experts-field select,
.travel-tech-experts-field textarea{ width:100%; background: transparent; border: 0; border-bottom: 1px solid rgba(255,255,255,.22); color:#fff; padding: 10px 0 12px; font-size: 12px; font-family: inherit; outline: none; }
.travel-tech-experts-field textarea{ resize: vertical; min-height: 78px;}
.travel-tech-experts-field input::placeholder,
.travel-tech-experts-field textarea::placeholder{ color: rgba(255,255,255,.70); }
.travel-tech-experts-field select{ appearance:none; -webkit-appearance:none; color: rgba(255,255,255,.70);}
.travel-tech-experts-field select:valid{ color:#fff; }
.travel-tech-experts-select{ position:relative;}
.travel-tech-experts-select-icon{ position:absolute; right: 2px; top: 50%; transform: translateY(-50%); color: rgba(255,255,255,.70); pointer-events:none; font-size: 12px; }

body.page-retail .travel-tech-experts-field select{
  color-scheme: dark;
  background-color: #0b0c0d;
}
body.page-retail .travel-tech-experts-field select option{
  background-color: #0b0c0d;
  color: #ffffff;
}

body.page-gaming .travel-tech-experts-field select{
  color-scheme: dark;
  background-color: #0b0c0d;
}
body.page-gaming .travel-tech-experts-field select option{
  background-color: #0b0c0d;
  color: #ffffff;
}

.travel-tech-experts-checkbox{ display:flex; align-items:center; gap: 10px; font-size: 10px; color: rgba(238,240,255,.78); }
.travel-tech-experts-checkbox input{ width: 14px; height: 14px;}
.travel-tech-experts-captcha{ display:flex; align-items:center; justify-content:space-between; gap: 10px; }
.travel-tech-experts-capq{ font-size: 11px; font-weight: 700; color: rgba(238,240,255,.75); white-space: nowrap;}
.travel-tech-experts-captcha input{ width: 90px; padding: 10px 0 12px; }
.travel-tech-experts-submit{ width:100%; margin-top: 4px; border: 0; border-radius: 4px; padding: 12px 14px; font-size: 11px; font-weight: 800; color:#fff; cursor:pointer; background: #1f5cff;}
.travel-tech-experts-submit:hover{ filter: brightness(1.05); }
.travel-tech-experts-benefits{ list-style:none; margin: 10px 0 0; padding: 0; display:flex; flex-direction:column; gap: 6px; font-size: 9px; color: rgba(238,240,255,.70);}
.travel-tech-experts-benefits li{ display:flex; align-items:flex-start; gap: 8px; }
.travel-tech-experts-benefits li::before{ content: "•"; line-height: 1; margin-top: 2px; color: rgba(238,240,255,.70);}
@media (max-width: 980px){
  .travel-tech-experts-inner{ grid-template-columns: 1fr;}
  .travel-tech-experts-form{ justify-content:flex-start; }
  .travel-tech-experts-card{ max-width: 520px;}
}

/* Product Design Process */
.product-process { padding: clamp(72px, 16vw, 120px) 0; background: #f6f6f9; position: relative; overflow: hidden; color: #0b0d16; }
.product-process::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(248,196,94,.6), rgba(225,72,160,.45), rgba(69,97,255,.55)); opacity: .12; pointer-events: none;}
.product-process .container {position: relative; z-index: 1; display: flex; flex-direction: column; gap: clamp(40px, 7vw, 64px);}
.product-process-head { text-align: center; display: flex; flex-direction: column; gap: 16px;}
.product-process-head h2 { margin: 0; font-size: clamp(32px, 4vw, 48px); letter-spacing: -0.02em; color: #0b0d16; }
.product-process-head p { margin: 0; font-size: clamp(17px, 2.3vw, 20px); line-height: 1.75; color: rgba(11,13,22,.72);}
.product-process-track { position: relative; display: grid; grid-template-columns: repeat(4, minmax(220px, 1fr)); gap: clamp(24px, 4vw, 36px); padding: clamp(28px, 5vw, 44px); border-radius: clamp(24px, 4vw, 36px); background: rgba(255,255,255,.94); box-shadow: 0 24px 54px rgba(12,22,55,.12); }
.product-process-track::before { content: ""; position: absolute; inset: 18% 0 auto 0; height: 8px; margin: 0 40px; border-radius: 999px; background: linear-gradient(90deg, rgba(247,180,77,.65), rgba(223,92,165,.6), rgba(94,115,255,.75)); opacity: .7;}
.product-process-card { position: relative; background: #fff; border-radius: 18px; padding: 28px 24px; display: flex; flex-direction: column; gap: 16px; align-items: flex-start; box-shadow: 0 12px 28px rgba(20,32,85,.08); border: 1px solid rgba(37,50,120,.06); }
.product-process-card::before { content: ""; position: absolute; top: -30px; left: 28px; width: 2px; height: 28px; background: rgba(94,115,255,.55); border-radius: 999px;}
.product-process-card:nth-child(2)::before { background: rgba(247,180,77,.65); }
.product-process-card:nth-child(3)::before { background: rgba(223,92,165,.65);}
.product-process-card:nth-child(4)::before { background: rgba(94,115,255,.75); }
.product-process-step { font-size: 18px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: rgba(94,115,255,.8);}
.product-process-card h3 { margin: 0; font-size: clamp(18px, 2.6vw, 22px); color: #0b0d16; letter-spacing: -0.01em; }
.product-process-card p { margin: 0; font-size: 15px; line-height: 1.6; color: rgba(11,13,22,.74);}
@media (max-width: 1100px){
  .product-process-track { grid-template-columns: repeat(2, minmax(220px, 1fr));}
}
@media (max-width: 680px){
  .product-process-track { grid-template-columns: minmax(0, 1fr); padding: 24px;}
  .product-process-card { padding: 24px; }
  .product-process-card::before { left: 24px;}
  .product-process-track::before { display: none; }
}

/* Dedicated Team Process */
.dt-process { padding: clamp(72px, 12vw, 112px) 0; background: #fff; color: #0b0d16; }
.dt-process .container { display: flex; flex-direction: column; gap: clamp(40px, 6vw, 60px); }
.dt-process-head { text-align: center; display: flex; flex-direction: column; gap: 20px; max-width: 860px; margin: 0 auto; }
.dt-process-head h2 { margin: 0; font-size: clamp(28px, 3.6vw, 44px); font-weight: 700; letter-spacing: -0.02em; color: #0b0d16; line-height: 1.2; }
.dt-process-head p { margin: 0; font-size: clamp(15px, 1.8vw, 17px); line-height: 1.75; color: rgba(11,13,22,.65); }
.dt-process-head a { color: #2563eb; text-decoration: none; }
.dt-process-head a:hover { text-decoration: underline; }
.dt-process-track { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(24px, 3vw, 40px); }
.dt-process-card { display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center; }
.dt-process-num { width: 56px; height: 56px; border-radius: 50%; background: #2563eb; color: #fff; font-size: 22px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.dt-process-card p { margin: 0; font-size: clamp(14px, 1.5vw, 15px); line-height: 1.65; color: rgba(11,13,22,.7); max-width: 260px; }
.dt-process-cta { text-align: center; }
.dt-process-link { display: inline-flex; align-items: center; gap: 6px; color: #2563eb; font-size: 16px; font-weight: 500; text-decoration: none; border-bottom: 1px solid transparent; transition: border-color .2s; }
.dt-process-link:hover { border-color: #2563eb; }
@media (max-width: 900px) {
  .dt-process-track { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .dt-process-track { grid-template-columns: 1fr; }
  .dt-process-card p { max-width: none; }
}

/* Dedicated Team Image Banner */
.dt-image-banner { position: relative; min-height: 340px; display: flex; align-items: center; background-color: #0b1120; background-image: var(--dtib-bg, none); background-size: cover; background-position: center; overflow: hidden; }
.dt-image-banner-overlay { position: absolute; inset: 0; background: rgba(10,14,30,.62); pointer-events: none; }
.dt-image-banner .container { position: relative; z-index: 1; }
.dt-image-banner-inner { max-width: 680px; display: flex; flex-direction: column; align-items: flex-start; gap: 28px; padding: clamp(56px, 8vw, 80px) 0; }
.dt-image-banner-title { margin: 0; font-size: clamp(24px, 3.2vw, 40px); font-weight: 700; line-height: 1.25; color: #fff; letter-spacing: -0.02em; }
.dt-image-banner-copy { margin: 0; font-size: clamp(14px, 1.8vw, 17px); line-height: 1.7; color: rgba(255,255,255,.85); max-width: 560px; }
.dt-image-banner-btn { display: inline-block; padding: 13px 32px; border: 2px solid #fff; border-radius: 4px; color: #fff; font-size: 15px; font-weight: 600; text-decoration: none; background: transparent; transition: background .2s, color .2s; }
.dt-image-banner-btn:hover { background: #fff; color: #0b1120; }
.dt-image-banner--center .dt-image-banner-inner { max-width: 760px; margin: 0 auto; align-items: center; text-align: center; }
.dt-image-banner--center .dt-image-banner-copy { text-align: center; }
.dt-image-banner--center .dt-image-banner-btn { background: #2563eb; border-color: #2563eb; color: #fff; }
.dt-image-banner--center .dt-image-banner-btn:hover { background: #1d4ed8; border-color: #1d4ed8; }
@media (max-width: 600px) {
  .dt-image-banner { min-height: 260px; }
  .dt-image-banner-inner { gap: 20px; }
}

/* Dedicated Team Responsibilities */
.dt-resp { padding: clamp(64px, 10vw, 100px) 0; background: #fff; color: #0b0d16; }
.dt-resp .container { display: flex; flex-direction: column; align-items: center; gap: clamp(32px, 5vw, 48px); }
.dt-resp-title { margin: 0; font-size: clamp(26px, 3.4vw, 42px); font-weight: 700; letter-spacing: -0.02em; text-align: center; color: #0b0d16; line-height: 1.2; }
.dt-resp-tabs { display: flex; gap: 8px; background: #f1f3f8; padding: 4px; border-radius: 999px; }
.dt-resp-tab { padding: 10px 28px; border: none; border-radius: 999px; font-size: 15px; font-weight: 600; cursor: pointer; background: transparent; color: #555; transition: background .2s, color .2s; }
.dt-resp-tab.is-active { background: #2563eb; color: #fff; }
.dt-resp-panel { display: none; width: 100%; }
.dt-resp-panel.is-active { display: block; }
.dt-resp-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px 40px; }
.dt-resp-list li { display: flex; align-items: flex-start; gap: 10px; font-size: clamp(14px, 1.6vw, 16px); color: rgba(11,13,22,.75); line-height: 1.55; }
.dt-resp-list li::before { content: ""; flex-shrink: 0; width: 7px; height: 7px; margin-top: 6px; border-radius: 50%; background: #2563eb; }
@media (max-width: 768px) {
  .dt-resp-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .dt-resp-list { grid-template-columns: 1fr; }
  .dt-resp-tab { padding: 9px 20px; font-size: 14px; }
}

/* Proven Process */
.proven-process{ padding:86px 0; background:#000; color:#fff; border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); }
.proven-process-head{ max-width:980px; margin:0 auto 28px; }
.proven-process-title{ margin:0; font-size: clamp(34px, 4.6vw, 54px); line-height:1.08; letter-spacing:-0.02em; font-weight:800;}
.proven-process-intro{ margin:16px 0 0; font-size:15px; line-height:1.75; color:rgba(255,255,255,.78); max-width: 820px; }

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

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

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

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

/* Politics role of apps */
.politics-role-apps{ padding:86px 0; background:#000; color:#fff; border-top:0; border-bottom:0; }
.politics-role-apps-inner{ max-width: 1240px; }
.politics-role-apps-title{ margin:0; font-size: clamp(38px, 4.8vw, 60px); line-height:1.08; letter-spacing:-0.02em; font-weight:800;}
.politics-role-apps-subtitle{ margin:14px 0 0; font-size:17px; line-height:1.75; color:rgba(255,255,255,.78); max-width: 920px; }
.politics-role-apps-body{ margin-top:22px; max-width: 1240px;}
.politics-role-apps-body p{ margin:0; font-size:18px; line-height:1.85; color:rgba(255,255,255,.82); }
.politics-role-apps-body p + p{ margin-top:14px;}

@media(max-width:960px){
  .politics-role-apps{ padding:64px 0;}
}

/* Politics engineered */
.politics-engineered{ padding:86px 0; background:#000; color:#fff; border-top:0; border-bottom:0; }
.politics-engineered-grid{ display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap:46px; align-items:start; }
.politics-engineered-title{ margin:0; font-size: clamp(38px, 4.8vw, 60px); line-height:1.08; letter-spacing:-0.02em; font-weight:800;}
.politics-engineered-copy{ margin:16px 0 0; font-size:18px; line-height:1.85; color:rgba(255,255,255,.78); }
.politics-engineered-copy--right{ margin-top: 4px;}

 /* Politics tools/frameworks */
 .politics-tools-frameworks{ padding:86px 0; background:#000; color:#fff; border-top:0; border-bottom:0; }
.politics-tools-frameworks-head{ max-width: 1240px; }
 .politics-tools-frameworks-title{ margin:0; font-size: clamp(38px, 4.8vw, 60px); line-height:1.08; letter-spacing:-0.02em; font-weight:800;}
 .politics-tools-frameworks-copy{ margin:16px 0 0; font-size:15px; line-height:1.75; color:rgba(255,255,255,.78); max-width: 980px; }
 .politics-tools-frameworks-cards{ margin-top:42px; display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:18px;}
 .politics-tools-frameworks-card{ border-radius:12px; padding:18px 20px; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10); box-shadow: 0 24px 64px rgba(0,0,0,.45); display:flex; align-items:center; gap:14px; min-height: 68px; }
 .politics-tools-frameworks-card-icon{ width:40px; height:40px; border-radius:12px; background: rgba(255,255,255,.06); display:grid; place-items:center; flex-shrink:0;}
 .politics-tools-frameworks-card-icon img{ width:22px; height:22px; object-fit:contain; filter: brightness(0) invert(1); }
 .politics-tools-frameworks-card-label{ font-size:13px; font-weight:700; color:rgba(255,255,255,.90);}

 /* Politics reliable */
 .politics-reliable{ padding:86px 0; background:#000; color:#fff; border-top:0; border-bottom:0; }
.politics-reliable-head{ max-width: 1240px; }
 .politics-reliable-title{ margin:0; font-size: clamp(38px, 4.8vw, 60px); line-height:1.08; letter-spacing:-0.02em; font-weight:800;}
 .politics-reliable-subtitle{ margin:14px 0 0; font-size:17px; line-height:1.75; color:rgba(255,255,255,.78); max-width: 920px; }
 .politics-reliable-grid{ margin-top:34px; display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:18px;}
 .politics-reliable-card{ border-radius:18px; padding:26px; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10); box-shadow: 0 24px 64px rgba(0,0,0,.45); }
 .politics-reliable-card-title{ margin:0 0 14px; font-size:15px; font-weight:900; letter-spacing:-0.01em; color:#fff;}
 .politics-reliable-card-copy{ margin:0; font-size:14px; line-height:1.75; color:rgba(255,255,255,.78); }

.politics-engineered-cards{ margin-top:42px; display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:18px;}
.politics-engineered-card{ border-radius:8px; padding:36px; background: rgba(255,255,255,.06);  box-shadow: 0 24px 64px rgba(0,0,0,.45); display:flex; flex-direction:column; gap:14px; min-height: 284px; }
.politics-engineered-card-icon{ width:48px; height:48px; border-radius:14px; background:#1e6dff; display:grid; place-items:center;}
.politics-engineered-card-icon img{ width:26px; height:26px; object-fit:contain; filter: brightness(0) invert(1); }
.politics-engineered-card-title{ margin:2px 0 0; font-size:18px; font-weight:900; letter-spacing:-0.01em;}
.politics-engineered-card-desc{ margin:0; font-size:15px; line-height:1.75; color:rgba(255,255,255,.78); }

@media(max-width:1100px){
  .politics-engineered-cards{ grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media(max-width:960px){
  .politics-engineered{ padding:64px 0;}
  .politics-engineered-grid{ grid-template-columns: 1fr; gap:22px; }
  .politics-engineered-copy--right{ margin-top: 0;}
  .politics-tools-frameworks{ padding:64px 0; }
  .politics-reliable{ padding:64px 0;}
}
@media(max-width:560px){
  .politics-engineered-cards{ grid-template-columns: 1fr;}
  .politics-tools-frameworks-cards{ grid-template-columns: 1fr; }
  .politics-reliable-grid{ grid-template-columns: 1fr;}
}

/* Success Stories Section */

.politics-hukoomi{ padding: 86px 0; background:#000; color:#fff; }
.politics-hukoomi-card{ display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border-radius: 18px; overflow:hidden; border: 1px solid rgba(255,255,255,.10); box-shadow: 0 28px 72px rgba(0,0,0,.62); background: #1c1c1c; }
.politics-hukoomi-content{ padding: 54px 54px; display:flex; flex-direction:column; gap: 16px;}
.politics-hukoomi-title{ margin:0; font-size: 32px; line-height: 1.15; letter-spacing: -0.02em; font-weight: 800; color:#fff; }
.politics-hukoomi-desc{ margin:0; font-size: 14px; line-height: 1.8; color: rgba(255,255,255,.80); max-width: 520px;}
.politics-hukoomi-outcome-label{ margin: 8px 0 0; font-size: 15px; font-weight: 900; letter-spacing: -0.01em; color:#fff; }
.politics-hukoomi-outcome-copy{ margin:0; font-size: 13px; line-height: 1.8; color: rgba(255,255,255,.78); max-width: 520px;}
.politics-hukoomi-cta{ margin-top: 12px; display:inline-flex; align-items:center; justify-content:center; padding: 12px 18px; border-radius: 10px; border: 1px solid rgba(255,255,255,.55); background: transparent; color: #fff; text-decoration:none; font-weight: 900; font-size: 12px; width: fit-content; }
.politics-hukoomi-cta:hover{ background: rgba(255,255,255,.06);}

.politics-hukoomi-media{ background: var(--hukoomi-media-bg, #f2b2b7); display:flex; align-items:center; justify-content:center; padding: 36px; }
.politics-hukoomi-media-grid{ width: 100%; display:grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; align-items:center;}
.politics-hukoomi-media-item{ margin:0; border-radius: 18px; overflow:hidden; box-shadow: 0 26px 64px rgba(0,0,0,.35); }
.politics-hukoomi-media-item img{ width:100%; height:100%; object-fit:cover; display:block;}
.politics-hukoomi-media-item--1{ grid-column: 1; grid-row: 1 / span 2; }
.politics-hukoomi-media-item--2{ grid-column: 2; grid-row: 1;}
.politics-hukoomi-media-item--3{ grid-column: 2; grid-row: 2; }

@media(max-width:960px){
  .politics-hukoomi{ padding: 64px 0;}
  .politics-hukoomi-card{ grid-template-columns: 1fr; }
  .politics-hukoomi-content{ padding: 34px 26px;}
  .politics-hukoomi-media{ padding: 26px; }
  .politics-hukoomi-media-grid{ grid-template-columns: 1fr 1fr; grid-template-rows: auto auto;}
  .politics-hukoomi-media-item--1{ grid-column: 1 / span 2; grid-row: 1; }
  .politics-hukoomi-media-item--2{ grid-column: 1; grid-row: 2;}
  .politics-hukoomi-media-item--3{ grid-column: 2; grid-row: 2; }
}

@media(max-width:560px){
  .politics-hukoomi-media-grid{ grid-template-columns: 1fr; grid-template-rows: auto;}
  .politics-hukoomi-media-item--1,
  .politics-hukoomi-media-item--2,
  .politics-hukoomi-media-item--3{ grid-column: 1; grid-row: auto; }
}

/* UIUX Brands/Awards (reusable) */
.uiux-brands-awards{ padding:84px 0; background-color:#000;}
.uiux-brands-awards .container{display: flex; flex-direction: column; align-items: center;}
.uiux-brands-awards-title{ text-align:center; margin:20px;margin-bottom:50px; font-size:clamp(28px, 4.2vw, 34px); line-height:1.1; letter-spacing:-0.02em; font-weight:800; max-width:980px; }
.uiux-brands-awards-intro{ margin:0 auto 54px; text-align:center; max-width:820px; line-height:1.75;}
.uiux-brands-awards-subtitle{ margin:54px 0 ; font-size:clamp(22px, 3.2vw, 34px); line-height:1.15; letter-spacing:-0.02em; font-weight:800; }
.uiux-brands-awards-cta{ margin-top:34px; display:flex; justify-content:center;}

.uiux-ba-marquee{ position:relative; overflow:hidden; width:100%; }
.uiux-ba-marquee-track{ display:flex; align-items:center; width:max-content; padding-top:40px; animation:uiuxBaMarquee var(--uiux-ba-marquee-duration, 22s) linear infinite; will-change:transform; }
.uiux-ba-marquee-row{ display:flex; align-items:center; gap:80px; width:max-content; padding-right:80px; }
.uiux-ba-marquee-item{ flex:0 0 auto; display:flex; align-items:center; justify-content:center; padding:0 10px; }
.uiux-ba-marquee-item--brand img{ max-width:160px; max-height:44px; width:auto; height:auto; object-fit:contain; filter:brightness(0) invert(1); }
.uiux-brands-awards--light .uiux-ba-marquee-item--brand img{ filter:none; }
.uiux-ba-static .uiux-ba-cell--brand img{ filter:brightness(0) invert(1); }
.uiux-brands-awards--light .uiux-ba-cell--brand img{ filter:none; }
.uiux-ba-marquee-item--award img{ max-width:220px; max-height:110px; width:auto; height:auto; object-fit:contain; }

/* Static containers must stretch full width (parent .container centers children) */
.uiux-ba-static{ width:100%; }
.uiux-ba-static .uiux-ba-track{ width:100%; }

.uiux-ba-marquee:hover .uiux-ba-marquee-track,
.uiux-ba-marquee:focus-within .uiux-ba-marquee-track{ animation-play-state: paused; }

@keyframes uiuxBaMarquee{
  from{ transform:translateX(0); }
  to{ transform:translateX(calc(var(--uiux-ba-marquee-distance, 0px) * -1)); }
}

@media (prefers-reduced-motion: reduce){
  .uiux-ba-marquee-track{ animation: none; transform:none !important; }
}

.uiux-ba-stage{ position:relative; overflow:hidden; }
.uiux-ba-pages{ display:flex; width:100%; transition:transform .55s ease; will-change:transform;padding-top:40px;}
.uiux-ba-page{ flex:0 0 100%; }
.uiux-ba-track{ display:grid; align-items:center;}
.uiux-ba-track--brands{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
.uiux-ba-track--awards{ grid-template-columns:repeat(5, minmax(0, 1fr));}
.uiux-ba-cell{ display:flex; align-items:center; justify-content:center; padding:0 28px; min-height:64px; box-sizing:border-box; }
.uiux-ba-cell--brand img{ max-width:clamp(100px, 12vw, 180px); max-height:clamp(28px, 3.2vw, 48px); width:auto; height:auto; object-fit:contain; filter:brightness(0) invert(1); opacity:.88;}
.uiux-ba-stage--awards{ margin-top:10px; }
.uiux-ba-cell--award{ min-height:120px; position:relative;}
.uiux-ba-cell--award img{ max-width:220px; max-height:110px; width:auto; height:auto; object-fit:contain; }

/* Static variant: auto-fit based on available logos */
.uiux-ba-static--brands .uiux-ba-track--brands{display:flex; flex-wrap:wrap;justify-content:center }
.uiux-ba-static--brands .uiux-ba-cell{ padding:0 16px; min-height:56px; }
.uiux-ba-static--brands .uiux-ba-cell--brand img{ max-width:clamp(80px, 9vw, 130px); max-height:clamp(24px, 2.5vw, 36px); }

.uiux-ba-static--awards .uiux-ba-track--awards{ grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)); }
.uiux-ba-static--awards .uiux-ba-cell{ padding:0 18px; }
.uiux-ba-static--awards .uiux-ba-cell--award{ min-height:104px; }
.uiux-ba-static--awards .uiux-ba-cell--award img{ max-width:200px; max-height:88px; }

/* Light variant (screenshot) */
.uiux-brands-awards--light{ background:#fff; color:#0a0d1f;}
.uiux-brands-awards--light .uiux-brands-awards-intro{ color:rgba(10,13,31,.72); }
.uiux-brands-awards--light .uiux-ba-cell--brand img,
.uiux-brands-awards--light .uiux-ba-marquee-item--brand img{
  filter: brightness(0);
  opacity:0.85;
}
.uiux-brands-awards--light .uiux-ba-cell--brand img:hover,
.uiux-brands-awards--light .uiux-ba-marquee-item--brand img:hover{
  opacity:1;
}
.uiux-brands-awards--light .uiux-ba-cell--award:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:1px;
  height:64px;
  transform:translateY(-50%);
  background:rgba(10,13,31,.18);
}
.uiux-brands-awards--light .uiux-brands-awards-cta .btn-primary{
  background:transparent;
  color:#0a0d1f;
  border:1px solid rgba(10,13,31,.28);
}

.uiux-trust-awards{
  padding:84px 0;
  background:#fff;
  color:#0a0d1f;
  overflow:hidden;
}
.uiux-trust-awards-title{
  margin:0 0 26px;
  text-align:center;
  font-size:clamp(28px, 4.2vw, 44px);
  line-height:1.12;
  letter-spacing:-0.02em;
  font-weight:800;
}
.uiux-trust-awards-subtitle{
  margin:54px 0 22px;
  text-align:center;
  font-size:clamp(18px, 3vw, 24px);
  line-height:1.15;
  letter-spacing:0.06em;
  text-transform:uppercase;
  font-weight:800;
  color:rgba(10,13,31,.78);
}

.uiux-trust-awards-track{
  position:relative;
  overflow:hidden;
  border-top:1px solid rgba(10,13,31,.10);
  border-bottom:1px solid rgba(10,13,31,.10);
}
.uiux-trust-awards-track--awards{
  border-top:0;
}
.uiux-trust-awards-row{
  display:flex;
  align-items:center;
  gap:54px;
  width:max-content;
  padding:18px 0;
  animation:uiuxTrustMarquee 26s linear infinite;
}
.uiux-trust-awards-row--awards{
  gap:64px;
  padding:26px 0;
  animation-duration: 34s;
}
.uiux-trust-awards-logo,
.uiux-trust-awards-award{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.uiux-trust-awards-logo img{
  max-height:34px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:brightness(0) invert(1);
  opacity:0.88;
}
.uiux-trust-awards-award img{
  max-height:96px;
  width:auto;
  height:auto;
  object-fit:contain;
}

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

@media (max-width: 720px){
  .uiux-trust-awards{ padding:64px 0;}
  .uiux-trust-awards-row{ gap:34px; }
  .uiux-trust-awards-row--awards{ gap:38px;}
  .uiux-trust-awards-logo img{ max-height:28px; }
  .uiux-trust-awards-award img{ max-height:78px;}
}

.uiux-brands-awards--compact-text .uiux-brands-awards-title{
  font-size:clamp(24px, 3.4vw, 44px);
  margin:12px 0 14px;
}

.uiux-brands-awards--compact-text .uiux-brands-awards-intro{
  margin:0 auto 34px;
  font-size:15px;
  line-height:1.65;
}

.uiux-brands-awards--compact-text .uiux-brands-awards-subtitle{
  font-size:clamp(18px, 2.6vw, 28px);
  margin:38px 0 18px;
}

@media(max-width:720px){
  .uiux-brands-awards{ padding:64px 0;}
  .uiux-ba-cell{ padding:0 14px; }
  .uiux-ba-cell--award::after{ display:none;}
  .uiux-ba-track--brands{ grid-template-columns:repeat(2, minmax(0, 1fr)); row-gap:18px; }
  .uiux-ba-track--awards{ grid-template-columns:repeat(2, minmax(0, 1fr)); row-gap:18px;}
  .uiux-ba-marquee-row{ gap:34px; }

  .uiux-ba-static--brands .uiux-ba-track--brands{ display:flex; flex-wrap:wrap;justify-content:center}
  .uiux-ba-static--awards .uiux-ba-track--awards{ grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)); row-gap:18px; }
}

.proven-process-grid{ display:grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); gap:46px; align-items:stretch; }

.proven-process-card{ border-radius:18px; overflow:hidden; display:grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr); align-items:stretch; border:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.06); box-shadow: 0 24px 70px rgba(0,0,0,.55);}

.proven-process-tabs{ overflow:hidden; padding:22px 18px; display:flex; flex-direction:column; gap:6px; background: rgba(0,0,0,.20); border-right:2px solid rgba(255,255,255,.22); }
.proven-process-tab{ appearance:none; border:0; width:100%; background:transparent; color:rgba(255,255,255,.52); padding:10px 6px; border-radius:10px; display:flex; gap:0; align-items:flex-start; text-align:left; cursor:pointer; font-weight:500; font-size:13px; line-height:1.45; transition: color .2s ease;}
.proven-process-tab:hover{ color:rgba(255,255,255,.78); }
.proven-process-tab.is-active{ color:#fff; font-weight:700;}
.proven-process-tab-number{ display:none; }
.proven-process-tab-label{ font-weight:800;}

.proven-process-panels{ position:relative; min-height: 420px; }
.proven-process-panel{ display:none;}
.proven-process-panel.is-active{ display:block; }
.proven-process-panel-card{ border-radius:0; overflow:hidden; position:relative; min-height: 420px; background-size:cover; background-position:center; border:0; box-shadow:none;}
.proven-process-panel-overlay{ position:absolute; inset:0; background: linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.35) 55%, rgba(0,0,0,.15)); }
.proven-process-panel-inner{ position:relative; padding:44px 54px; max-width: 680px;}
.proven-process-panel-number{ font-size:64px; font-weight:900; color:#1e6dff; line-height:1; letter-spacing:-0.02em; }
.proven-process-panel-title{ margin:18px 0 0; font-size:28px; line-height:1.25; letter-spacing:-0.01em; font-weight:900;}
.proven-process-panel-desc{ margin:14px 0 0; font-size:14px; line-height:1.8; color: rgba(255,255,255,.76); max-width: 520px; }

@media(max-width:960px){
  .proven-process{ padding:64px 0;}
  .proven-process-grid{ grid-template-columns: 1fr; }
  .proven-process-card{ grid-template-columns: 1fr;}
  .proven-process-panel-inner{ padding:28px 24px; }
  .proven-process-panel-card{ min-height: 360px;}
  .proven-process-tabs{ padding:12px; border-right:0; border-bottom:1px solid rgba(255,255,255,.12); }
}

/* Product Design Vision */
.product-vision { padding: clamp(72px, 16vw, 120px) 0; background: var(--color-bgdark, #050608); color: rgba(255,255,255,.82); border-top: 1px solid rgba(255,255,255,.04); border-bottom: 1px solid rgba(255,255,255,.04); }
.product-vision .container {display: flex; flex-direction: column;}
.product-vision-grid { display: grid; grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr); gap: clamp(32px, 6vw, 60px); align-items: start; }
.product-vision-intro { display: flex; flex-direction: column; gap: 20px;}
.product-vision-intro h2 { margin: 0; font-size: clamp(32px, 4.5vw, 52px); letter-spacing: -0.02em; color: #fff; }
.product-vision-intro p { margin: 0; font-size: clamp(17px, 2.4vw, 20px); line-height: 1.8; color: rgba(255,255,255,.7);}
.product-vision-accordion { display: flex; flex-direction: column; gap: 12px; }
.product-vision-item { border-radius: 18px; border: 1px solid rgba(255,255,255,.12); background: rgba(12,18,48,.6); backdrop-filter: blur(14px); overflow: hidden;}
.product-vision-toggle { width: 100%; background: transparent; color: inherit; border: none; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 18px; padding: 22px 28px; text-align: left; font-size: 18px; font-weight: 600; cursor: pointer; transition: background .2s ease, color .2s ease; }
.product-vision-item.is-active .product-vision-toggle { background: rgba(52,74,220,.35); color: #fff;}
.product-vision-toggle:focus-visible { outline: 2px solid rgba(255,255,255,.75); outline-offset: 4px; }
.product-vision-title { letter-spacing: -0.01em;}
.product-vision-icon { width: 24px; height: 24px; position: relative; display: inline-flex; align-items: center; justify-content: center; }
.product-vision-icon::before,
.product-vision-icon::after { content: ""; position: absolute; background: currentColor; border-radius: 999px; transition: transform .2s ease, opacity .2s ease;}
.product-vision-icon::before { width: 16px; height: 2px; }
.product-vision-icon::after { width: 2px; height: 16px;}
.product-vision-item.is-active .product-vision-icon::after { transform: scaleY(0); opacity: 0; }
.product-vision-panel { padding: 0 28px 24px; color: rgba(255,255,255,.75); font-size: 16px; line-height: 1.7;}
.product-vision-panel p { margin: 0; }

.outsourcing-roadblocks{ background:#000; color:#fff; padding:100px 0 120px; border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06);}
.outsourcing-roadblocks-head h2{ margin:0 0 16px; font-size:clamp(30px, 4vw, 46px); font-weight:600; line-height:1.2; color:#fff;}
.outsourcing-roadblocks-head h2 .is-highlight{ color:#ffe44d; font-weight:700; }
.outsourcing-roadblocks-head p{ margin:0 0 34px; font-size:16px; line-height:1.7; color:rgba(255,255,255,0.8); max-width: 760px;}

.outsourcing-roadblocks-accordion{ display:flex; flex-direction:column; border-top:1px solid rgba(255,255,255,.10); }
.outsourcing-roadblocks-item{ border-radius:0; border:0; background:transparent; backdrop-filter:none;}
.outsourcing-roadblocks-toggle{ padding:20px 6px; font-size:18px; border-bottom:1px solid rgba(255,255,255,.10); }
.outsourcing-roadblocks-item.is-active .outsourcing-roadblocks-toggle{ background:transparent;}
.outsourcing-roadblocks-title{ color:#fff; }

.outsourcing-roadblocks-panel{ padding:18px 0 28px; overflow:hidden; max-height:0; opacity:0; transition:max-height .35s ease, opacity .3s ease;}
.outsourcing-roadblocks-item.is-active .outsourcing-roadblocks-panel{ opacity:1; }
.outsourcing-roadblocks-cards{ display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:18px;}
.outsourcing-roadblocks-card{ border-radius:16px; border:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.06); box-shadow: 0 16px 50px rgba(0,0,0,.55); padding:28px 26px; min-height: 160px; }
.outsourcing-roadblocks-card-head{ display:flex; align-items:center; gap:12px; margin-bottom:12px;}
.outsourcing-roadblocks-card-label{ font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:800; color:rgba(255,255,255,.85); }
.outsourcing-roadblocks-card p{ margin:0; font-size:16px; line-height:1.8; color:rgba(255,255,255,.78);}

.outsourcing-roadblocks-card-mark{ width:26px; height:26px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.18); background: rgba(0,0,0,.25); }
.outsourcing-roadblocks-card--challenge .outsourcing-roadblocks-card-mark{ border-color: rgba(255, 64, 64, .45);}
.outsourcing-roadblocks-card--solution .outsourcing-roadblocks-card-mark{ border-color: rgba(66, 255, 164, .35); }
.outsourcing-roadblocks-card--challenge .outsourcing-roadblocks-card-mark::before{ content:""; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:14px solid rgba(255, 64, 64, .9); transform: translateY(-1px);}
.outsourcing-roadblocks-card--solution .outsourcing-roadblocks-card-mark::before{ content:""; width:10px; height:10px; border-radius:999px; background: rgba(66, 255, 164, .9); }
@media (max-width: 900px){
  .product-vision-grid { grid-template-columns: minmax(0, 1fr);}
  .product-vision-intro { text-align: center; align-items: center; }
  .outsourcing-roadblocks-cards{ grid-template-columns: 1fr;}
}
@media (max-width: 560px){
  .product-vision-toggle { padding: 18px 20px; font-size: 16px;}
  .product-vision-panel { padding: 0 20px 18px; }
  .outsourcing-roadblocks-toggle{ padding:18px 0; font-size:16px;}
}

.enterprise-barriers-cards{ padding:100px 0 120px; background:#000; color:#fff; border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); }
.enterprise-barriers-head{ max-width: 1100px; }
.enterprise-barriers-head h2{ margin:0 0 20px; font-size:clamp(38px, 4.6vw, 62px); line-height:1.12; letter-spacing:-0.02em; font-weight:700; color:#fff;}
.enterprise-barriers-head p{ margin:0 0 58px; font-size:18px; line-height:1.85; color:rgba(255,255,255,.78); }

.enterprise-barriers-grid{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:30px; align-items:stretch;}
.enterprise-barriers-card{ border-radius:16px; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10); box-shadow: 0 22px 70px rgba(0,0,0,.55); overflow:hidden; display:flex; flex-direction:column; min-height: 460px; }
.enterprise-barriers-card-top{ padding:34px 34px 28px;}
.enterprise-barriers-card-top h3{ margin:20px 0 0; font-size:22px; line-height:1.35; font-weight:800; color:#fff; }
.enterprise-barriers-divider{ height:1px; background: rgba(255,255,255,.12);}
.enterprise-barriers-card-bottom{ padding:26px 34px 36px; display:flex; flex-direction:column; gap:18px; }
.enterprise-barriers-card-bottom p{ margin:0; font-size:17px; line-height:1.9; color:rgba(255,255,255,.82);}

.enterprise-barriers-badge{ display:inline-flex; align-items:center; gap:10px; padding:12px 14px; border-radius:8px; background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.08); font-weight:800; letter-spacing:.06em; text-transform:uppercase; font-size:12px; }
.enterprise-barriers-badge-icon{ width:18px; height:18px; border-radius:4px; background: rgba(255,255,255,.18); position:relative;}
.enterprise-barriers-badge-icon::before{ content:""; position:absolute; left:50%; top:50%; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:10px solid rgba(255,255,255,.92); transform:translate(-50%,-45%); }

.enterprise-barriers-subbadge{ display:inline-flex; align-items:center; gap:12px; padding:12px 14px; border-radius:10px; background: rgba(0,0,0,.22); border:1px solid rgba(255,255,255,.10);}
.enterprise-barriers-subbadge-icon{ width:22px; height:22px; border-radius:999px; border:2px solid rgba(255,255,255,.85); position:relative; }
.enterprise-barriers-subbadge-icon::after{ content:""; position:absolute; left:6px; top:8px; width:9px; height:5px; border-left:2px solid rgba(255,255,255,.85); border-bottom:2px solid rgba(255,255,255,.85); transform:rotate(-45deg);}
.enterprise-barriers-subbadge-label{ font-weight:800; font-size:13px; color:rgba(255,255,255,.9); }

@media (max-width: 1100px){
  .enterprise-barriers-grid{ grid-template-columns: 1fr;}
  .enterprise-barriers-card{ min-height: 0; }
}

@media (max-width: 640px){
  .enterprise-barriers-cards{ padding:80px 0 90px;}
  .enterprise-barriers-head h2{ font-size:32px; }
  .enterprise-barriers-head p{ font-size:16px; margin-bottom:42px;}
  .enterprise-barriers-card-top{ padding:26px 22px 20px; }
  .enterprise-barriers-card-top h3{ font-size:18px;}
  .enterprise-barriers-card-bottom{ padding:20px 22px 26px; }
  .enterprise-barriers-card-bottom p{ font-size:15px;}
}

/* Product Design Industries */
.product-industries { padding: clamp(72px, 16vw, 120px) 0; background: var(--color-bg); color: var(--color-text-light); border-bottom: 1px solid var(--color-border); }
.product-industries .container {display: flex; flex-direction: column; gap: clamp(36px, 6vw, 56px);}
.product-industries-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 24px; }
.product-industries-head h2 { margin: 0 0 12px 0; font-size: clamp(32px, 4.2vw, 48px); letter-spacing: -0.02em; color: var(--color-text);}
.product-industries-head p { margin: 0; font-size: clamp(16px, 2.3vw, 19px); line-height: 1.7; max-width: 720px; color: var(--color-text-light); }
.product-industries-head .btn-primary { margin-left: auto;}
.product-industries-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 1fr); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 10px; }
.product-industries-card { scroll-snap-align: start; border-radius: 18px; border: 1px solid rgba(255,255,255,.10); background: rgba(15,23,42,.68); padding: 22px; display: flex; flex-direction: column; gap: 16px; min-height: 220px; transition: transform .25s ease, border-color .25s ease, background .25s ease;}
.product-industries-card:hover { transform: translateY(-6px); border-color: rgba(var(--color-accent-rgb), .55); background: rgba(12,18,48,.82); }
.product-industries-card h3 { margin: 0; font-size: 20px; color: #fff;}
.product-industries-card ul { margin: 0; padding-left: 18px; color: rgba(255,255,255,.74); }
.product-industries-actions { display: flex; gap: 10px; justify-content: flex-end;}
.product-industries-actions button { width: 42px; height: 42px; border-radius: 12px; border: 1px solid rgba(255,255,255,.16); background: rgba(12,18,48,.72); color: #fff; cursor: pointer; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.product-industries-actions button:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.32); background: rgba(12,18,48,.9);}

.industries-landing{ padding: clamp(120px, 16vw, 180px) 0 clamp(72px, 12vw, 120px); background: radial-gradient(860px 520px at 20% 10%, rgba(var(--color-accent-rgb), .18), transparent 62%), var(--color-bg); color: var(--color-text-light); min-height: calc(100vh - 80px); }
.industries-landing-grid{ display: grid; grid-template-columns: minmax(320px, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 6vw, 64px); align-items: center;}
.industries-landing-kicker{ font-size: 13px; letter-spacing: .2em; text-transform: uppercase; color: rgba(233,238,249,.72); }
.industries-landing-title{ margin: 10px 0 0; font-size: clamp(34px, 4.8vw, 58px); line-height: 1.05; letter-spacing: -0.02em; color: #fff;}
.industries-landing-subtitle{ margin: 14px 0 22px; max-width: 540px; font-size: clamp(16px, 2.2vw, 18px); line-height: 1.7; color: rgba(233,238,249,.78); }
.industries-landing-left .btn-primary{ display: inline-flex; margin: 4px 0 28px;}
.industries-landing-links{ display: grid; gap: 10px; max-width: 420px; }
.industries-landing-link{ display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; border-radius: 14px; border: 1px solid rgba(255,255,255,.12); background: rgba(15,23,42,.58); color: #fff; text-decoration: none; font-weight: 600; transition: transform .2s ease, background .2s ease, border-color .2s ease;}
.industries-landing-link::after{ content: '→'; opacity: .7; }
.industries-landing-link:hover{ transform: translateX(4px); background: rgba(12,18,48,.78); border-color: rgba(var(--color-accent-rgb), .5);}

.industries-landing-right{ display: flex; justify-content: center; }
.industries-landing-rotator{ position: relative; width: min(560px, 100%); aspect-ratio: 1 / 1; border-radius: 22px; overflow: hidden; background: rgba(15,23,42,.55); border: 1px solid rgba(255,255,255,.10); box-shadow: 0 26px 70px rgba(0,0,0,.55);}
.industries-landing-rotator::before{ content: ''; position: absolute; inset: 0; background: radial-gradient(60% 60% at 40% 30%, rgba(var(--color-accent-rgb), .22), transparent 62%); pointer-events: none; z-index: 2; }
.industries-landing-image{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; opacity: 1; transform: scale(1.02); transition: opacity .6s ease, transform 1.2s ease;}
.industries-landing-rotator.is-fading .industries-landing-image{ opacity: 0; transform: scale(1.06); }

@media (max-width: 980px){
  .industries-landing-grid{ grid-template-columns: minmax(0, 1fr);}
  .industries-landing-right{ order: -1; }
  .industries-landing-rotator{ width: min(640px, 100%); aspect-ratio: 16 / 10;}
}
@media (max-width: 540px){
  .industries-landing-links{ max-width: 100%;}
}

.services-hero{ position: relative; min-height: calc(100vh - 120px); padding: 90px 0 48px; background: #000 url('/images/banner-service-bg.webp') no-repeat; background-size: cover; background-position: center; color: #fff; overflow: hidden; display:flex; }
.services-hero .container{flex: 1; display:flex;}
.services-hero-inner{ max-width: 980px; margin: 0 auto; text-align: center; display:flex; flex-direction:column; justify-content:center; flex: 1; }
.services-hero-title{ margin: 0; font-size: clamp(34px, 4.8vw, 56px); line-height: 1.08; letter-spacing: -0.02em; font-weight: 800;}
.services-hero-title .services-hero-sep{ opacity: .55; font-weight: 600; padding: 0 8px; }
.services-hero-copy{ margin: 16px auto 0; max-width: 640px; font-size: 17px; line-height: 1.75; color: rgba(255,255,255,.76);}
.services-hero-btn{ margin: 28px auto 0; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 12px 20px; border-radius: 10px; border: 1px solid rgba(255,255,255,.5); background: rgba(0,0,0,.18); color: #fff; text-decoration: none; font-weight: 700; letter-spacing: -0.01em; }
.services-hero-btn span{ display:inline-flex; width: 22px; height: 22px; border-radius: 999px; border: 1px solid rgba(255,255,255,.55); align-items:center; justify-content:center; opacity: .9;}
.services-hero-btn:hover{ background: rgba(0,0,0,.32); }

.services-sticky{ position: relative; z-index: 40; margin-top: -34px;background-color:#000;}
.services-sticky .container{position: relative;}
.services-sticky-inner{ position: sticky; top: 70px; display:flex; align-items: stretch; justify-content: space-between; gap: 10px; border-radius: 12px; border: 1px solid rgba(255,255,255,.14); background: rgba(0,0,0,.72); backdrop-filter: blur(10px); flex-wrap: nowrap;}
.services-sticky-link{ flex: 1 1 0; min-width: 0; display:inline-flex; align-items:center; justify-content:center; padding: 10px 12px; border-radius: 10px; border: 1px solid transparent; background: transparent; color: rgba(255,255,255,.86); font-weight: 700; font-size: 15px; text-decoration: none; white-space: normal; text-align: center; line-height: 1.2; overflow-wrap: anywhere; word-break: break-word; }
.services-sticky-link.is-active{ color: #18c6ff; border-color: rgba(24,198,255,.55); background: rgba(17,99,251,.18); box-shadow: 0 16px 30px rgba(17,99,251,.14);}

.services-sections{ background: #000; color: #fff; padding: 86px 0 0 ; }
.services-section{ padding: 110px 0; border-top: 1px solid rgba(255,255,255,.08); scroll-margin-top: 140px;}
.services-section:first-child{ border-top: none; }

body.page-case-studies{ background:#000; color:#fff; }
body.page-case-studies .services-section{ border-top: 1px solid rgba(255,255,255,.08); }
body.page-case-studies .services-section:first-of-type{ border-top: none; }
body.page-case-studies .services-proof::before{ display:none; }

.services-product-head{ display:grid; grid-template-columns: minmax(320px, 0.95fr) minmax(0, 1.05fr); gap: 44px; align-items: start;}
.services-product-title{ margin: 0; font-size: clamp(44px, 5.2vw, 64px); line-height: 1.02; letter-spacing: -0.02em; font-weight: 900; }
.services-product-sub{ margin-top: 16px; font-size: 18px; font-weight: 700; color: rgba(255,255,255,.78);}
.services-product-cta{ margin-top: 26px; display:inline-flex; align-items:center; justify-content:center; gap: 12px; padding: 12px 18px; border-radius: 10px; border: 1px solid rgba(255,255,255,.55); background: transparent; color: #fff; text-decoration:none; font-weight: 800; font-size: 14px; letter-spacing: -0.01em; }
.services-product-cta span{ display:inline-flex; width: 22px; height: 22px; border-radius: 999px; border: 1px solid rgba(255,255,255,.55); align-items:center; justify-content:center; opacity: .9;}
.services-product-cta:hover{ background: rgba(255,255,255,.06); }

.services-product-copy{ margin: 0; max-width: 560px; font-size: 16px; line-height: 1.85; color: rgba(255,255,255,.76);}
.services-product-chip{ margin-top: 22px; display:inline-flex; align-items:center; justify-content:space-between; gap: 14px; min-width: 140px; padding: 14px 18px; border-radius: 12px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); color: rgba(255,255,255,.92); text-decoration:none; font-weight: 800; font-size: 13px; }
.services-product-chip:hover{ background: rgba(255,255,255,.10);}

.services-mobile-chips{ margin-top: 22px; display:flex; flex-wrap: wrap; gap: 14px; }
.services-mobile-chips .services-product-chip{ margin-top: 0; min-width: 0; padding: 14px 18px;}

.services-cta{ padding: 84px 0; }
.services-cta-card{ max-width: 1100px; margin: 0 auto; padding: 56px 54px; border-radius: 18px; border: 1px solid rgba(24,198,255,.65); background: rgba(255,255,255,.04); box-shadow: 0 18px 60px rgba(0,0,0,.55), inset 0 0 0 1px rgba(24,198,255,.18); text-align: center; position: relative; overflow: hidden;}
.services-cta-card::before{ content:""; position:absolute; inset:-2px; background: radial-gradient(720px 240px at 50% 100%, rgba(24,198,255,.18), transparent 60%); pointer-events:none; }
.services-cta-card > *{ position: relative; z-index: 1;}
.services-cta-copy{ font-size: 20px; line-height: 1.6; color: rgba(255,255,255,.9); max-width: 900px; margin: 0 auto; font-weight: 700; }
.services-cta-highlight{ color: #18c6ff; font-weight: 900;}
.services-cta-btn{ margin-top: 26px; display:inline-flex; align-items:center; justify-content:center; gap: 12px; padding: 12px 18px; border-radius: 10px; border: 1px solid rgba(255,255,255,.55); background: transparent; color: #fff; text-decoration:none; font-weight: 800; font-size: 13px; }
.services-cta-btn span{ display:inline-flex; width: 22px; height: 22px; border-radius: 999px; border: 1px solid rgba(255,255,255,.55); align-items:center; justify-content:center; opacity: .9;}
.services-cta-btn:hover{ background: rgba(255,255,255,.06); }

.services-awards{ background:#fff; padding: 84px 0 96px; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);}
.services-awards-cta{ max-width: 1100px; margin: 0 auto 64px; padding: 0 20px; }
.services-awards-cta-card{ background:#0b0c0d; border: 1px solid rgba(24,198,255,.65); box-shadow: 0 18px 60px rgba(0,0,0,.18), inset 0 0 0 1px rgba(24,198,255,.18); border-radius: 14px; padding: 42px 44px; text-align:center;}
.services-awards-cta-copy{ color:#fff; font-weight: 800; font-size: 20px; line-height: 1.55; max-width: 820px; margin: 0 auto; }
.services-awards-cta-highlight{ color:#18c6ff; font-weight: 900;}
.services-awards-cta-btn{ margin-top: 22px; display:inline-flex; align-items:center; justify-content:center; gap: 10px; padding: 12px 16px; border-radius: 10px; border: 1px solid rgba(255,255,255,.55); background: transparent; color: #fff; text-decoration:none; font-weight: 900; font-size: 13px; }
.services-awards-cta-btn:hover{ background: rgba(255,255,255,.06);}

.services-awards .ai-awards{ background: transparent; padding: 0; border: 0; }
.services-awards .ai-awards-head{ margin: 0 auto 42px auto; max-width: 980px;}
.services-awards .ai-awards-head h2{ color:#0b0c0d; font-size: clamp(34px, 4.8vw, 54px); line-height: 1.08; letter-spacing: -0.02em; font-weight: 900; }
.services-awards .ai-awards-head p{ display:none;}
.services-awards .ai-awards-track{ overflow: hidden; }
.services-awards .ai-awards-row{ gap: 0; animation-duration: 20s;}
.services-awards .ai-award{ width: 200px; height: 110px; }
.services-awards .ai-award{ border-right: 1px solid rgba(11,12,13,.18); padding: 0 34px;}
.services-awards .ai-award img{ filter: none; opacity: 1; }

.services-experts{ background: #fff; padding: 150px 0; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); position: relative; overflow: hidden;}
.services-experts::before{ display:none; }
.services-experts-inner{ position: relative; z-index: 1; max-width: 1220px; margin: 0 auto; padding: 0 20px; display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 560px); gap: 84px; align-items: start;}
.services-experts-title{ margin: 0; font-size: clamp(42px, 4.4vw, 60px); line-height: 1.05; letter-spacing: -0.02em; color: #0b0c0d; font-weight: 900; }
.services-experts-sub{ margin: 12px 0 0; color: rgba(11,12,13,.72); font-size: 14px;}

.services-experts-form{ display:grid; gap: 18px; }
.services-experts-input{ width: 100%; border: 1px solid rgba(11,12,13,.7); border-radius: 6px; padding: 13px 18px; font-size: 14px; background: #fff; color:#0b0c0d; outline: none; height: 46px;}
.services-experts-input::placeholder{ color: rgba(11,12,13,.55); }
.services-experts-input:focus{ border-color: rgba(11,12,13,.92); box-shadow: 0 0 0 3px rgba(31,107,255,.15);}

.services-experts-textarea{ resize: vertical; min-height: 122px; height: auto; padding-top: 14px; }

.services-experts-select-wrap{ position: relative;}
.services-experts-select{ appearance:none; -webkit-appearance:none; padding-right: 40px; }
.services-experts-select-icon{ position:absolute; right: 12px; top: 50%; transform: translateY(-50%); color: rgba(11,12,13,.75); pointer-events:none; font-size: 12px;}

.services-experts-row{ margin-top: 8px; display:flex; align-items:center; justify-content: space-between; gap: 16px; }
.services-experts-check{ display:flex; align-items:center; gap: 8px; font-size: 11px; color: rgba(11,12,13,.7);}
.services-experts-check input{ width: 12px; height: 12px; }

.services-experts-captcha{ margin-left:auto; display:flex; align-items:center; gap: 10px; color: rgba(11,12,13,.8); font-size: 12px;}
.services-experts-captcha-input{ width: 48px; height: 26px; padding: 4px 8px; }

.services-experts-submit{ margin-top: 10px; display:inline-flex; align-items:center; justify-content:center; width: 150px; height: 40px; border-radius: 6px; border: none; background: #1f6bff; color: #fff; font-weight: 800; font-size: 12px; cursor: pointer; box-shadow: 0 16px 32px rgba(31,107,255,.25);}
.services-experts-submit:hover{ filter: brightness(1.05); }

@media (max-width: 900px){
  .services-awards-cta-card{ padding: 34px 22px;}
  .services-awards .ai-award{ width: 160px; padding: 0 22px; }
}

@media (max-width: 640px){
  .services-awards{ padding: 64px 0 76px;}
  .services-awards .ai-awards-head{ margin-bottom: 28px; }
  .services-awards .ai-award{ width: 140px; height: 96px; padding: 0 18px;}

  .services-experts{ padding: 72px 0; }
  .services-experts-inner{ grid-template-columns: 1fr; gap: 28px;}
}

.services-proof{ margin-top: 40px; position: relative; border-radius: 18px; }
.services-proof::before{ content:""; position:absolute; inset:-140px -120px -140px -120px; background: url('/images/assets-ext/ellipse-1.webp') no-repeat; background-size: 780px auto; background-position: 40% 60%; pointer-events:none; opacity: .95;}
.services-proof.services-proof--reference::before{ display:none; }

.services-sections > .container > .services-section:not(:first-child):not(#devops) .services-proof::before{display:none;}
.services-sections > .container > .services-section:not(:first-child):not(#devops) .services-proof::after{content:""; position:absolute; left:50%; bottom:-120px; height: 560px; transform: translateX(-50%); background: url('/images/assets-ext/gradient_bg_img.webp') no-repeat; background-size: cover; background-position: center bottom; pointer-events:none; opacity: 1; filter: blur(2px); z-index: 0; -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%); mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%);}

.services-proof-grid{ position: relative; z-index: 1; display:grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: stretch; min-height: 500px; margin: 0 auto; border-radius: 18px; overflow: hidden; border: 1px solid rgba(255,255,255,.10); box-shadow: 0 28px 72px rgba(0,0,0,.62); background: #0b0b0b; }

.services-proof-media{ position: relative; border-radius: 18px; overflow: hidden; min-height: 100%; border: 1px solid rgba(255,255,255,.10); box-shadow: 0 28px 72px rgba(0,0,0,.62); background: #0b0b0b; }
.services-proof-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit: cover; display:block; filter: brightness(.86) contrast(1.05);}

.services-proof-slide{ position:absolute; inset:0; }
.services-proof-slide[hidden]{ display:none;}

.services-proof-overlay{ position: absolute; background-color: rgba(0, 0, 0, .41); width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: flex-end; padding: 44px 35px 20px 44px; color: #FFFFFF; gap: 18px; }
.services-proof-logo{ width: 92px; height: auto; flex: 0 0 auto; filter: none;}
.services-proof-overlay-copy{ max-width: 520px; font-size: 14px; line-height: 1.7; color: rgba(255,255,255,.92); }

.services-proof-metrics{ margin-left: auto; display:flex; align-items:flex-end; gap: 26px;}
.services-proof-metric strong{ display:block; font-size: 20px; font-weight: 900; letter-spacing: -0.01em; }
.services-proof-metric span{ display:block; margin-top: 3px; font-size: 11px; color: rgba(255,255,255,.74);}
.services-proof-cta{ margin-left: 8px; align-self: flex-end; font-size: 12px; font-weight: 800; color: rgba(255,255,255,.92); text-decoration:none; display:inline-flex; align-items:center; gap: 8px; }
.services-proof-cta span{ opacity: .8;}

.services-proof-right{ position: relative; border-radius: 0; border: 0; background: rgba(15,23,42,.38); box-shadow: none; padding: 28px 28px 70px; overflow:hidden; }
.services-proof-right::before{ content:""; position:absolute; inset:0; background: radial-gradient(800px 520px at 30% 30%, rgba(55,92,255,.22), transparent 62%); pointer-events:none;}
.services-proof-right > *{ position: relative; z-index: 1; }

.services-proof.services-proof--reference .services-proof-right{ background: #1C1C1C;}
.services-proof.services-proof--reference .services-proof-right::before{ display:none; }
.services-proof.services-proof--reference .services-proof-right{ padding: 36px 40px 84px;}

.services-proof-quote[hidden]{ display:none; }
.services-proof-quote-logo img{ width: 108px; height: auto; filter: none; opacity: 1;}
.services-proof-quote-text{ margin: 18px 0 0; font-size: 14px; line-height: 1.85; color: rgba(255,255,255,.86); }

.services-proof-person{ margin-top: 18px; display:flex; align-items:center; gap: 12px;}
.services-proof-person-avatar{ width: 40px; height: 40px; border-radius: 999px; background: rgba(255,255,255,.12); }
.services-proof-person-meta strong{ display:block; font-size: 14px;}
.services-proof-person-meta span{ display:block; margin-top: 2px; font-size: 11px; color: rgba(255,255,255,.68); }

.services-proof-quote-btn{ margin-top: 18px; display:inline-flex; align-items:center; justify-content:center; gap: 10px; padding: 12px 16px; border-radius: 10px; border: 1px solid rgba(255,255,255,.16); background: rgba(0,0,0,.24); color: #fff; text-decoration:none; font-weight: 800; font-size: 12px;}
.services-proof-quote-btn:hover{ background: rgba(0,0,0,.34); }

.services-proof-controls{ position: relative; z-index: 2; margin-top: 18px; display:grid; grid-template-columns: 1fr auto 1fr; align-items:center; gap: 14px;}
.services-proof-arrows{ display:flex; align-items:center; gap: 12px; justify-content: flex-start; }
.services-proof-arrow{ width: 44px; height: 44px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); background: rgba(0,0,0,.35); color:#fff; font-size: 18px; cursor:pointer;}
.services-proof-arrow:hover{ background: rgba(0,0,0,.5); }

.services-proof-tabs{ display:flex; align-items:center; justify-content:center; gap: 10px; padding: 10px; border-radius: 12px; border: 1px solid rgba(255,255,255,.12); background: rgba(0,0,0,.28);}
.services-proof-tab{ padding: 10px 18px; border-radius: 10px; border: 1px solid transparent; background: transparent; color: rgba(255,255,255,.82); font-weight: 800; font-size: 12px; cursor:pointer; }
.services-proof-tab.is-active{ color: #18c6ff; border-color: rgba(24,198,255,.55); background: rgba(17,99,251,.18);}

.services-proof-ref-title{ font-size: 26px; font-weight: 900; letter-spacing: -0.02em; color: rgba(255,255,255,.96); }
.services-proof-ref-logo{ width: 96px; height: auto; display:block;}
.services-proof-ref-copy{ margin: 12px 0 0; font-size: 14px; line-height: 1.75; color: rgba(255,255,255,.78); max-width: 460px; }
.services-proof-ref-results{ margin-top: 24px; font-size: 15px; font-weight: 900; color: rgba(255,255,255,.92);}
.services-proof-ref-metrics{ margin-top: 12px; display:grid; grid-template-columns: 1fr 1fr; gap: 18px 26px; }
.services-proof-ref-metric{ position: relative; padding-right: 14px;}
.services-proof-ref-metric:nth-child(2n){ border-left: 1px solid rgba(255,255,255,.12); padding-left: 18px; padding-right: 0; }
.services-proof-ref-metric strong{ display:block; font-size: 20px; font-weight: 900; letter-spacing: -0.01em;}
.services-proof-ref-metric span{ display:block; margin-top: 4px; font-size: 11px; line-height: 1.45; color: rgba(255,255,255,.72); }
.services-proof-ref-btn{ margin-top: 20px; display:inline-flex; align-items:center; justify-content:center; gap: 10px; padding: 13px 18px; border-radius: 10px; border: 1px solid rgba(255,255,255,.55); background: transparent; color: #fff; text-decoration:none; font-weight: 900; font-size: 12px;}
.services-proof-ref-btn:hover{ background: rgba(255,255,255,.06); }

.services-proof--split-card{ padding: 72px 0; background: #fff;}
.services-proof-split-card{ width: min(1120px, 100%); margin: 0 auto; border-radius: 18px; overflow: hidden; display:grid; grid-template-columns: 1fr 1.25fr; background: #141414; box-shadow: 0 24px 64px rgba(0,0,0,.14); border: 1px solid rgba(0,0,0,.08); }
.services-proof-split-card__copy{ padding: 52px 56px; color:#fff; display:flex; flex-direction:column; justify-content:flex-start;}
.services-proof-split-card__title{ margin: 0; font-size: 32px; font-weight: 800; letter-spacing: -0.02em; color:#fff; }
.services-proof-split-card__desc{ margin: 18px 0 0; max-width: 380px; font-size: 14px; line-height: 1.85; color: rgba(255,255,255,.86);}
.services-proof-split-card__actions{ margin-top: 42px; }
.services-proof-split-card__btn{ display:inline-flex; align-items:center; gap: 10px; padding: 12px 18px; border-radius: 10px; border: 1px solid rgba(255,255,255,.55); background: transparent; color:#fff; text-decoration:none; font-weight: 900; font-size: 12px;}
.services-proof-split-card__btn:hover{ background: rgba(255,255,255,.06); }
.services-proof-split-card__media{ position: relative; background:#111;}
.services-proof-split-card__image{ width: 100%; height: 100%; object-fit: cover; display:block; }

@media (max-width: 900px){
  .services-proof--split-card{ padding: 44px 0;}
  .services-proof-split-card{ grid-template-columns: 1fr; }
  .services-proof-split-card__copy{ padding: 36px 24px;}
  .services-proof-split-card__media{ min-height: 280px; }
}

.services-proof--single{ padding: 72px 0; background: #0b0b0b; }
.services-proof-single-grid{ width: 100%; margin: 0 auto; padding: 0 clamp(20px, 4vw, 80px); display:grid; grid-template-columns: 1.1fr .9fr; gap: clamp(22px, 4vw, 56px); align-items:center;}
.services-proof-single-title{ margin: 0; color: #fff; font-size: clamp(28px, 3.2vw, 40px); line-height: 1.2; font-weight: 700; letter-spacing: -0.02em; }
.services-proof-single-metrics{ margin-top: 26px; display:flex; flex-direction:column; gap: 14px;}
.services-proof-single-metric{ display:flex; flex-wrap:wrap; gap: 6px; align-items:baseline; color: rgba(255,255,255,.88); }
.services-proof-single-metric-label{ font-size: 12px; color: rgba(255,255,255,.72);}
.services-proof-single-metric-value{ font-size: 18px; font-weight: 900; color: #f5c24a; }
.services-proof-single-btn{ margin-top: 28px; display:inline-flex; align-items:center; justify-content:center; gap: 10px; padding: 12px 18px; border-radius: 10px; border: 1px solid rgba(255,255,255,.55); background: transparent; color: #fff; text-decoration:none; font-weight: 800; font-size: 12px;}
.services-proof-single-btn:hover{ background: rgba(255,255,255,.06); }
.services-proof-single-media{ width: 100%;}
.services-proof-single-image{ width: 100%; height: auto; display:block; border-radius: 14px; box-shadow: 0 24px 64px rgba(0,0,0,.55); }

@media (max-width: 900px){
  .services-proof-single-grid{ grid-template-columns: 1fr; gap: 26px;}
  .services-proof--single{ padding: 44px 0; }
}

.services-proof-media{ border-radius: 0; border: 0; box-shadow: none; background: transparent;}

.services-proof-controls{ max-width: 980px; margin-left: auto; margin-right: auto; }

@media (max-width: 980px){
  .services-product-head{ grid-template-columns: minmax(0, 1fr); gap: 28px;}
  .services-proof-grid{ grid-template-columns: minmax(0, 1fr); }
  .services-proof-right{ padding-bottom: 84px;}
  .services-proof-overlay{ padding: 28px 22px 18px 22px; flex-wrap: wrap; align-items: flex-end; }
  .services-proof-metrics{ margin-left: 0; width: 100%; justify-content: space-between;}
}

@media (max-width: 540px){
  .services-proof-media{ min-height: 360px;}
  .services-proof::before{ inset:-120px -40px -120px -40px; background-size: 620px auto; background-position: 50% 60%; }
  .services-proof-tabs{ padding: 8px;}
  .services-proof-tab{ padding: 10px 12px; }
}

body.page-services .cap-section .cap-rail-wrap{ overflow: hidden; }
body.page-services .cap-section .cap-rail-wrap::-webkit-scrollbar{ width: 0; height: 0;}
body.page-services .cap-section .cap-rail{ overflow: hidden; }

@media (max-width: 540px){
  .services-hero{ min-height: calc(100vh - 92px); padding: 76px 0 38px;}
  .services-hero-btn{ width: 100%; }
  .services-sticky{ margin-top: -46px;}
  .services-sticky-inner{ top: 70px; justify-content: center; }
  .services-sections{ padding-top: 110px;}
}

.industries-hero{ position: relative; padding: clamp(120px, 16vw, 180px) 0 clamp(54px, 10vw, 90px); background: #000; color: #fff; overflow: hidden; }
.industries-hero::before{ content:""; position:absolute; inset:0; background: radial-gradient(820px 520px at 78% 40%, rgba(55,92,255,.26), transparent 62%); pointer-events:none;}
.industries-hero-grid{ position: relative; z-index: 1; display:grid; grid-template-columns: minmax(320px, 1.05fr) minmax(0, .95fr); gap: clamp(28px, 6vw, 70px); align-items: center; }
.industries-hero-kicker{ font-size: 12px; letter-spacing: .22em; text-transform: uppercase; color: rgba(255,255,255,.62);}
.industries-hero-title{ margin: 12px 0 0; font-size: clamp(34px, 4.8vw, 56px); line-height: 1.06; letter-spacing: -0.02em; color: #fff; max-width: 720px; }
.industries-hero-highlight{ color: #18c6ff;}
.industries-hero-cta{ display:inline-flex; margin: 22px 0 0; padding: 14px 22px; border-radius: 8px; }

.industries-hero-icons{ margin-top: 22px; display:flex; flex-wrap: wrap; gap: 10px 14px; align-items: center;}
.industries-hero-icon{ display:inline-flex; align-items:center; gap: 10px; padding: 10px 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.12); background: rgba(15,23,42,.45); color: rgba(255,255,255,.86); font-weight: 700; font-size: 13px; letter-spacing: -.01em; }
.industries-hero-icon img{ width: 18px; height: 18px; filter: brightness(0) invert(1); opacity: .92;}
.industries-hero-icon-placeholder{ width: 18px; height: 18px; border-radius: 6px; background: rgba(255,255,255,.12); display:inline-flex; align-items:center; justify-content:center; font-size: 10px; letter-spacing: .08em; color: rgba(255,255,255,.9); }
.industries-hero-icon.is-active{ border-color: rgba(24,198,255,.55); background: rgba(17,99,251,.18); box-shadow: 0 16px 30px rgba(17,99,251,.14);}

.industries-hero-awards{ margin-top: 64px; display:flex; gap: 24px; }
.industries-hero-award{ position: relative; }
.industries-hero-award + .industries-hero-award{ padding-left: 24px; border-left: 1px solid rgba(255,255,255,.18); }
.industries-hero-award-name{ font-weight: 700; font-size: 13px; letter-spacing: .02em; color: rgba(255,255,255,.92);}
.industries-hero-award-name img{ height: 48px; width: auto; object-fit: contain; display: block; }
.industries-hero-award-copy{ margin-top: 6px; font-size: 12px; line-height: 1.5; color: rgba(255,255,255,.72); }

.industries-hero-right{ position: relative; min-height: 360px;}
.industries-hero-orb{ position:absolute; inset: -40px -40px -40px -40px; background: radial-gradient(closest-side, rgba(52,83,255,.36), transparent 65%); filter: blur(6px); opacity: .9; }
.industries-hero-tiles{ position: relative; width: min(520px, 100%); aspect-ratio: 1 / 1; margin-left: auto;}
.industries-hero-tile{ position:absolute; left: var(--x); top: var(--y); transform: translate(-50%, -50%); width: 112px; height: 112px; border-radius: 14px; background: var(--bg, #111827); color:#fff; display:flex; align-items:center; justify-content:center; text-align:center; font-weight: 800; letter-spacing: .02em; font-size: 13px; box-shadow: 0 22px 44px rgba(0,0,0,.55), 0 0 26px rgba(58,110,255,.26); border: 1px solid rgba(255,255,255,.10); }

.industries-we-serve{ padding: clamp(64px, 10vw, 96px) 0 clamp(80px, 12vw, 120px); background: #000; color: #fff; border-top: 1px solid rgba(255,255,255,.06);}
.industries-we-serve-head{ max-width: 920px; }
.industries-we-serve-head h2{ margin: 0; font-size: clamp(36px, 5vw, 56px); letter-spacing: -0.02em; color: #fff;}
.industries-we-serve-head p{ margin: 14px 0 0; font-size: 15px; line-height: 1.7; color: rgba(255,255,255,.72); max-width: 720px; }

.industries-we-serve-grid{ margin-top: 44px; display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px;}
.industries-card{ display:block; text-decoration:none; color: inherit; }
.industries-card-media{ position: relative; border-radius: 22px; overflow:hidden; height: 330px; border: 1px solid rgba(255,255,255,.10); box-shadow: 0 28px 72px rgba(0,0,0,.62);}
.industries-card-media-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform: scale(1); transition: transform .55s ease; will-change: transform; }
.industries-card-media::before{ content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.55)); pointer-events:none;}
.industries-card-index{ position:absolute; top: 14px; left: 14px; font-size: 14px; font-weight: 700; color: rgba(255,255,255,.78); z-index: 1; }
.industries-card-meta{ display:flex; align-items:center; gap: 12px; margin-top: 16px;}
.industries-card-icon{ width: 32px; height: 32px; border-radius: 8px; background: #1163fb; display:inline-flex; align-items:center; justify-content:center; }
.industries-card-icon img{ width: 18px; height: 18px; filter: brightness(0) invert(1);}
.industries-card-icon-placeholder{ width: 18px; height: 18px; border-radius: 6px; background: rgba(255,255,255,.18); display:inline-flex; align-items:center; justify-content:center; font-size: 10px; font-weight: 800; letter-spacing: .08em; color: rgba(255,255,255,.95); }
.industries-card-title{ font-size: 16px; font-weight: 800; color:#fff;}
.industries-card-copy{ margin-top: 14px; font-size: 13px; line-height: 1.75; color: rgba(255,255,255,.62); max-width: 560px; }
.industries-card:hover .industries-card-media-img{ transform: scale(1.08);}

.industries-we-serve-light{ background:#fff; padding: 70px 0 110px; color:#0b0b0b; }
.industries-we-serve-grid--light{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px; margin-top: 0;}

.industries-card--overlay{ color:#fff; }
.industries-card--overlay .industries-card-media{ height: 460px; border-radius: 18px; border: none; box-shadow: 0 24px 60px rgba(13,20,33,.18);}
.industries-card--overlay .industries-card-media-img{ filter: brightness(.62) contrast(1.08); }
.industries-card--overlay .industries-card-media::before{ background: linear-gradient(180deg, rgba(0,0,0,.14) 0%, rgba(0,0,0,.84) 68%, rgba(0,0,0,.97) 100%);}
.industries-card--overlay .industries-card-index{ color: rgba(255,255,255,.82); }
.industries-card-overlay{ position:absolute; left:0; right:0; bottom:0; padding: 18px 18px 18px; z-index: 2; display:flex; flex-direction:column; gap: 10px;}
.industries-card-overlay-head{ display:flex; align-items:center; gap: 12px; }
.industries-card--overlay .industries-card-title{ font-size: 17px; font-weight: 800; color:#fff;}
.industries-card--overlay .industries-card-copy{ margin-top: 0; font-size: 12px; line-height: 1.65; color: #fff; max-width: none; }

@media (max-width: 1100px){
  .industries-we-serve-grid--light{ grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 740px){
  .industries-we-serve-light{ padding: 56px 0 90px;}
  .industries-we-serve-grid--light{ grid-template-columns: minmax(0, 1fr); }
  .industries-card--overlay .industries-card-media{ height: 400px;}
}

@media (max-width: 980px){
  .industries-hero-grid{ grid-template-columns: minmax(0, 1fr);}
  .industries-hero-right{ order: -1; }
  .industries-hero-tiles{ margin: 0 auto;}
  .industries-hero-awards{ grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .industries-hero-award{ padding-left: 0;}
  .industries-hero-award::before{ display:none; }
  .industries-we-serve-grid{ grid-template-columns: minmax(0, 1fr);}
  .industries-card-media{ height: 280px; }
}

/* Product Design Tools */
.product-tools { padding: clamp(72px, 16vw, 120px) 0; background: #f9f7f6; color: #131321; }
.product-tools .container {display: flex; flex-direction: column; gap: clamp(36px, 7vw, 60px);}
.product-tools-head { max-width: 840px; display: flex; flex-direction: column; gap: 18px; }
.product-tools-head h2 { margin: 0; font-size: clamp(32px, 4.5vw, 48px); letter-spacing: -0.02em; color: #131321;}
.product-tools-head p { margin: 0; font-size: clamp(17px, 2.3vw, 20px); line-height: 1.7; color: rgba(18,19,33,.72); }
.product-tools-layout { display: grid; grid-template-columns: minmax(240px, 0.7fr) minmax(0, 1.3fr); gap: clamp(24px, 5vw, 40px); align-items: stretch;}
.product-tools-tabs { background: linear-gradient(180deg, rgba(38,114,255,1), rgba(13,67,247,1)); padding: clamp(22px, 4vw, 28px); border-radius: clamp(26px, 4.5vw, 32px); display: flex; flex-direction: column; gap: 12px; box-shadow: 0 28px 52px rgba(37,86,240,.35); }
.product-tools-tab { display: grid; grid-template-columns: auto 1fr auto; gap: 16px; align-items: center; padding: 16px 18px; border-radius: 18px; background: rgba(255,255,255,.08); color: rgba(255,255,255,.82); border: 1px solid transparent; font-size: 16px; font-weight: 600; cursor: pointer; text-align: left; transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease;}
.product-tools-tab:hover { transform: translateX(4px); border-color: rgba(255,255,255,.35); color: #fff; }
.product-tools-tab.is-active { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.45); color: #fff; transform: translateX(6px);}
.product-tools-tab:focus-visible { outline: 2px solid rgba(255,255,255,.85); outline-offset: 4px; }
.product-tools-tab-icon { font-size: 20px;}
.product-tools-tab-caret { font-size: 16px; opacity: .8; }
.product-tools-panels { background: #fff; border-radius: clamp(24px, 4vw, 32px); border: 1px solid rgba(19,19,33,.08); box-shadow: 0 20px 44px rgba(19,27,72,.1); padding: clamp(28px, 5vw, 40px); display: flex; flex-direction: column;}
.product-tools-panel { display: none; }
.product-tools-panel.is-active { display: block;}
.product-tools-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: clamp(16px, 3vw, 24px); }
.product-tool { background: rgba(19,19,33,.05); border-radius: 16px; padding: 18px; font-weight: 600; font-size: 15px; letter-spacing: 0.01em; color: #131321; display: flex; align-items: center; justify-content: center; min-height: 70px; box-shadow: inset 0 0 0 1px rgba(19,19,33,.06); transition: transform .2s ease, box-shadow .2s ease;}
.product-tool:hover { transform: translateY(-3px); box-shadow: 0 14px 28px rgba(19,27,72,.12); }

.product-tools-tabs[data-drag-scroll="x"]{ cursor: grab;}
.product-tools-tabs[data-drag-scroll="x"].is-dragging{ cursor: grabbing; }

.product-tool{ gap: 12px; flex-direction: column;}
.product-tool-icon{ width: 44px; height: 44px; object-fit: contain; display: block; }
.product-tool-label{ display: block; text-align: center;}

.product-tools--hscroll .product-tools-layout{ grid-template-columns: minmax(0, 1fr); }
.product-tools--hscroll{ position: relative;}
.product-tools--hscroll .product-tools-head{ max-width: 1000px; margin: 0 auto; text-align:center; align-items:center; }
.product-tools--hscroll .product-tools-head p{ max-width: 920px;}
.product-tools-drag{
  position:absolute;
  right: 40px;
  top: 82px;
  width: 64px;
  height: 64px;
  border-radius: 999px;
  background: rgba(19,19,33,0.85);
  color: #fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 12px;
  font-weight: 600;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity .22s ease, transform .22s ease;
}
.product-tools--hscroll:hover .product-tools-drag,
.product-tools--hscroll:focus-within .product-tools-drag,
.product-tools-drag.is-visible{
  opacity: 1;
  transform: translateY(0);
}
.product-tools--hscroll .product-tools-tabs{
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0 0 18px 0;
  gap: 18px;
  justify-content: flex-start;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: max(20px, env(safe-area-inset-left));
  padding-right: max(20px, env(safe-area-inset-right));
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
.product-tools--hscroll .product-tools-tabs{
  scroll-padding-left: max(20px, env(safe-area-inset-left));
  scroll-padding-right: max(20px, env(safe-area-inset-right));
}
.product-tools--hscroll .product-tools-tabs.is-dragging{ cursor: grabbing; }
.product-tools--hscroll .product-tools-tabs::-webkit-scrollbar{ display:none;}
.product-tools--hscroll .product-tools-tab{
  min-width: max-content;
  border-radius: 8px;
  padding: 20px 38px;
  background: transparent;
  color: #131321;
  border: 1px solid rgba(19,19,33,.95);
  min-height: 54px;
  font-size: 22px;
  font-weight: 600;
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
  scroll-snap-align: start;
  transform: none;
  margin: 0 10px;
}
.product-tools--hscroll .product-tools-tab:first-child{ margin-left: 0; }
.product-tools--hscroll .product-tools-tab:last-child{ margin-right: 0; }
.product-tools--hscroll .product-tools-tab:hover{ transform: none; background: rgba(19,19,33,.04); }
.product-tools--hscroll .product-tools-tab.is-active{ background: rgb(13,67,247); border-color: rgb(13,67,247); color: #fff; transform: none;}
.product-tools--hscroll .product-tools-tab-icon,
.product-tools--hscroll .product-tools-tab-caret{ display: none; }

.product-tools--hscroll .product-tools-panels{ background: transparent; border: 0; box-shadow: none; padding: 0;}
.product-tools--hscroll .product-tools-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 52px;
  max-width: 720px;
  margin: 0 auto;
  justify-items: center;
}
.product-tools--hscroll .product-tool{
  background: transparent;
  box-shadow: none;
  min-height: auto;
  padding: 0;
  gap: 10px;
}
.product-tool-icon-wrap{
  width: 80px;
  height: 80px;
  border-radius: 14px;
  background: rgba(19,19,33,.08);
  display:flex;
  align-items:center;
  justify-content:center;
}
.product-tool-icon{ width: 48px; height: 48px; object-fit: contain; display:block; }
.product-tools--hscroll .product-tool-label{ font-size: 11px; font-weight: 500; color: rgba(19,19,33,.92);}

@media (max-width: 980px){
  .product-tools-drag{ display:none;}
}
@media (max-width: 900px){
  .product-tools-layout { grid-template-columns: minmax(0, 1fr);}
  .product-tools-tabs { flex-direction: row; overflow-x: auto; border-radius: 24px; }
  .product-tools-tab { min-width: 240px;}
  .product-tools-tab.is-active { transform: translateY(-4px); }
}
@media (max-width: 540px){
  .product-tools-panels { padding: 24px;}
}
@media (max-width: 960px){
  .product-tools--hscroll .product-tools-head h2{ font-size:var(--font-size-2xl); }
  .product-tools--hscroll .product-tools-head p{ font-size:var(--font-size-sm); }
  .product-tools--hscroll .product-tools-tabs{
    touch-action: pan-x;
    cursor: auto;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
  .product-tools--hscroll .product-tools-tab{
    font-size:var(--font-size-sm);
    padding:12px 20px;
    min-height:auto;
    margin:0 4px;
  }
  .product-tools--hscroll .product-tools-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }
  .product-tools--hscroll .product-tool-label{ font-size:var(--font-size-xs); }
  .product-tool-icon-wrap{ width:64px; height:64px; border-radius:12px; }
  .product-tool-icon{ width:40px; height:40px; }
}



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Header + Mega menu foundation */
.site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 600; border-bottom: 1px solid var(--color-border); box-shadow: 0 10px 28px rgba(0,0,0,.32); }
.site-header::before { content: ''; position: absolute; inset: 0; background: rgba(6,7,8,.96); backdrop-filter: blur(12px); z-index: -1; pointer-events: none; }
.site-header .nav-wrap { position: relative; margin: 0 auto; padding: 0 28px; min-height: 70px; background: transparent; border: none; border-radius: 0; box-shadow: none; backdrop-filter: none;}
.site-nav { display: flex; align-items: center; gap: 24px; }
.logo { display: inline-flex; align-items: center; height: 56px;}
.logo img { display: block; height: 40px; }

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

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

/* Panel */
.mega-panel { position: absolute; left: 0; right: 0; top: 100%; display: none; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 16px; box-shadow: var(--shadow-lg); margin-top: 10px; overflow: visible; z-index: 1000; }
.mega-panel.open { display: block;}
.mega-grid { display: grid; grid-template-columns: 320px minmax(0, 1fr) 360px; gap: 24px; padding: 22px; }
/* Services panel: use all available width (no right column) */
#mega-services .mega-grid { grid-template-columns: 320px minmax(0, 1fr);}
/* AI panel: 3-column layout with aside */
.mega-grid--ai { grid-template-columns: 280px minmax(0, 1fr) 280px; }

/* AI mega aside (right column) */
.ai-mega-aside { display: flex; flex-direction: column; gap: 16px; height: 100%; border-left: 1px solid var(--color-border); padding-left: 24px; }
.ai-mega-spotlight { flex: 1; }
.ai-mega-spotlight-icon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: rgba(var(--color-accent-rgb), .12); color: var(--color-accent); margin-bottom: 14px; }
.ai-mega-spotlight-title { font-size: 15px; font-weight: 700; color: var(--color-text); margin: 0 0 8px; }
.ai-mega-spotlight-text { font-size: 13px; line-height: 1.55; color: var(--color-muted); margin: 0 0 14px; }
.ai-mega-spotlight-link { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--color-accent); text-decoration: none; transition: gap .2s ease; }
.ai-mega-spotlight-link:hover { gap: 10px; color: var(--color-accent); }
.ai-mega-cta-box { background: rgba(var(--color-accent-rgb), .08); border: 1px solid rgba(var(--color-accent-rgb), .15); border-radius: 12px; padding: 16px; }
.ai-mega-cta-text { font-size: 13px; font-weight: 600; color: var(--color-text); margin: 0 0 12px; line-height: 1.4; }
.ai-mega-cta-btn { display: block; text-align: center; background: var(--color-accent); color: #fff; font-size: 13px; font-weight: 700; padding: 10px 16px; border-radius: 8px; text-decoration: none; transition: background .2s ease, transform .15s ease; }
.ai-mega-cta-btn:hover { background: var(--color-accent-hover); color: #fff; transform: translateY(-1px); }

/* AI service link icons */
.ai-svc-icon { flex-shrink: 0; margin-right: 10px; opacity: .7; vertical-align: middle; position: relative; top: -1px; }
.ai-links a { display: flex; align-items: center; }
.ai-links a:hover .ai-svc-icon { opacity: 1; }
.mega-col { overflow: visible; }
/* Ensure lists inside panels are block, not flex */
.mega-panel ul { display: block;}

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

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

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

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

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

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

.trust-strip { background: var(--color-bg); padding-top:60px;}

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

/* Core capabilities carousel – responsive */
@media (max-width: 960px){
  .cap-section{ padding:56px 0 24px; }
  .cap-head{ margin-bottom:28px; }
  .cap-nav{ display:none; }
  .cap-rail-wrap{ overflow:visible; }
  .cap-rail{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
    flex-wrap:wrap;
  }
  .cap-card{
    display:flex;
    flex:unset;
    width:auto;
    max-width:none;
    border-radius:14px;
    transform:none;
    filter:none;
    opacity:1;
  }
  .cap-card + .cap-card{ border-left:1px solid rgba(255,255,255,.12); }
}
@media (max-width: 640px){
  .cap-section{ padding:44px 0 0; }
  .cap-head{
    flex-direction:column;
    align-items:center;
    gap:14px;
    margin-bottom:22px;
  }
  .cap-nav{
    display:flex;
    position:static;
    transform:none;
    align-self:flex-end;
  }
  .cap-rail-wrap{ overflow:hidden; }
  .cap-rail{
    display:flex;
    grid-template-columns:none;
    flex-wrap:nowrap;
    gap:0;
    justify-content:flex-start;
    width:100%;
  }
  .cap-card{
    flex:0 0 100%;
    width:100%;
    min-width:0;
    max-width:none;
    border-radius:0;
    border-bottom:1px solid rgba(255,255,255,.12);
    padding-bottom:30px;
    margin-bottom:30px;
  }
  .cap-card.cap-visible{
    animation:capSlideIn .35s ease both;
  }
  .cap-card + .cap-card{ border-left:0; }
}
@keyframes capSlideIn{
  0%{ opacity:0; transform:translateX(18px); }
  100%{ opacity:1; transform:translateX(0); }
}

/* Core capabilities grid (static) */
.cap-section--grid .cap-head{ justify-content:center; text-align:center; margin:32px 0 80px; }
.cap-section--grid .cap-head h2{ font-size:var(--font-size-md); letter-spacing:var(--letter-spacing-wide); display:inline-flex; align-items:center; justify-content:center; gap:20px;}
.cap-section--grid .cap-head h2::before,
.cap-section--grid .cap-head h2::after{ content:""; display:block; width:30px; height:1.9px; background:#fff; }
.cap-grid{ display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); max-width:1200px; margin:0 auto; border:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.22);}
.cap-section--grid .cap-grid{ background:transparent; }
.cap-section--grid .cap-card{
  opacity:1; transform:none; box-shadow:none; border:0; border-radius:0;
  background:transparent; min-width:0; max-width:none; width:auto; flex:none;
  padding:32px 28px;
  transition:
    transform .25s cubic-bezier(.22,.61,.36,1),
    background .65s ease,
    border-color .5s ease,
    box-shadow .6s ease,
    filter .6s ease;
}
.cap-section--grid .cap-card + .cap-card{ border-left:1px solid rgba(255,255,255,.12);}
.cap-section--grid .cap-card:hover{
  transform:translateY(-6px) scale(1.08);
  border-radius:10px;
  z-index:2;
  background-color:rgba(47,112,255,1);
  box-shadow:
    0 20px 44px rgba(47,112,255,.32),
    0 0 0 1px rgba(123,97,255,.25);
  filter:hue-rotate(12deg);
}
.cap-section--grid .cap-icon{ width:24px; height:24px; border-radius:0; background:transparent; border:0; font-size:0; color:#fff; display:flex; align-items:center; justify-content:flex-start; margin-bottom:24px;}
.cap-section--grid .cap-icon svg{ width:24px; height:24px; display:block; stroke:currentColor; }
.cap-section--grid .cap-desc{ font-size:var(--font-size-sm); line-height:var(--line-height-relaxed); color:rgba(255,255,255,0.82);}

@media (max-width: 960px){
  .cap-grid{ grid-template-columns:repeat(2, minmax(0, 1fr));}
  .cap-section--grid .cap-card + .cap-card{ border-left:0; }
  .cap-section--grid .cap-card{ border-top:1px solid rgba(255,255,255,.12);}
  .cap-section--grid .cap-card:nth-child(-n+2){ border-top:0; }
  .cap-section--grid .cap-card:nth-child(2n){ border-left:1px solid rgba(255,255,255,.12);}
}
@media (max-width: 640px){
  .cap-grid{ grid-template-columns:1fr;}
  .cap-section--grid .cap-card:nth-child(2n){ border-left:0; }
  .cap-section--grid .cap-card{ border-left:0;}
  .cap-section--grid .cap-head{ margin-bottom:48px; }
}
@media (max-width: 640px){
  .cap-logos { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));}
}

.rps-automation-capabilities-scope .cap-section{
  background:linear-gradient(180deg, #000 0%, var(--Primary-NB500, #1163fb) 100%);
  padding:110px 0 120px;
}
.rps-automation-capabilities-scope .cap-section{
  transform:translateX(-50%);
}
.rps-automation-capabilities-scope .cap-rail-wrap{
  width:100vw;
  margin-left:50%;
  transform:translateX(-50%);
  padding:0 32px;
}
.rps-automation-capabilities-scope .cap-rail{
  width:100%;
  justify-content:center;
}
.rps-automation-capabilities-scope .cap-head{
  margin:0 0 28px;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:16px;
}
.rps-automation-capabilities-scope .cap-head h2{
  font-size:clamp(30px, 4.2vw, 44px);
  line-height:1.2;
  letter-spacing:-0.02em;
  color:#fff;
}
.rps-automation-capabilities-scope .cap-head h2 .is-highlight{
  color:#f7e24f;
  font-weight:700;
}
.rps-automation-capabilities-scope .cap-copy{
  margin:14px auto 44px;
  max-width:760px;
  text-align:center;
}
.rps-automation-capabilities-scope .cap-copy p{
  font-size:14px;
  line-height:1.7;
  color:rgba(255,255,255,0.75);
}
.rps-automation-capabilities-scope .cap-nav{
  position:relative;
  margin-top:22px;
}
.rps-automation-capabilities-scope .cap-btn{
  width:58px;
  height:58px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.06);
}
.rps-automation-capabilities-scope .cap-rail-wrap{ overflow:hidden; }
.rps-automation-capabilities-scope .cap-rail{ gap:18px;}
.rps-automation-capabilities-scope .cap-card{
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.16);
  border-radius:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);
}
.rps-automation-capabilities-scope .cap-card:hover{
  background:rgba(255,255,255,0.14);
  border-color:rgba(255,255,255,0.22);
  transform:translateY(-2px);
}
.rps-automation-capabilities-scope .cap-icon{
  width:34px;
  height:34px;
  border-radius:12px;
  background:rgba(255,255,255,0.14);
  border:1px solid rgba(255,255,255,0.12);
}
.rps-automation-capabilities-scope .cap-title{
  font-size:15px;
  line-height:1.4;
}
.rps-automation-capabilities-scope .cap-desc{
  font-size:12px;
  line-height:1.6;
  color:rgba(255,255,255,0.78);
}

.trust-strip .container {padding-top: 18px; padding-bottom: 18px; display:flex; flex-direction:column; align-items:center;}
.trust-logos { list-style: none; display: flex; gap: 16px 40px; align-items: center; flex-wrap: nowrap; overflow-x: auto;}
.trust-logo-placeholder { width: 140px; height: 44px; border-radius: 12px; background: var(--color-surface); border: 1px solid var(--color-border); display: flex; align-items: center; justify-content: center; color: var(--color-text); font-weight: 700; }
.trust-logo-placeholder img { max-width: 120px; max-height: 28px; width: auto; height: auto; display: block; filter: grayscale(100%) contrast(1.05) brightness(.92); opacity: .9;}
.trust-logos li{ position: relative; }
.trust-logos li:not(:last-child)::after{ content:""; position:absolute; right:-20px; top:50%; width:1px; height:44px; transform:translateY(-50%); background: var(--color-border);}

 /* Trust strip marquee (used by layouts/trust-strip-heading.php) */
 .trust-logos--marquee{ overflow:hidden; width:100%; }
 .trust-logos--marquee .trust-logos__marquee{ display:flex; width:max-content; will-change:transform; animation:trust-logos-marquee var(--trust-marquee-duration, 32s) linear infinite;}
 .trust-logos--marquee:hover .trust-logos__marquee{ animation-play-state:paused; }
 .trust-logos__track{ display:flex; align-items:center; gap:56px; padding:10px 0; flex-shrink:0; padding-right:56px;}
 .trust-logos--marquee .trust-logo-item{ position:relative; flex:0 0 auto; display:flex; align-items:center; justify-content:center; height:64px; }
 .trust-logos--marquee .trust-logo-item img{ height:28px; width:auto; max-width:220px; max-height:100%; object-fit:contain; display:block; filter:brightness(0) invert(1); opacity:.9;}

.trust-strip--full-bleed .trust-logos--marquee{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

.trust-strip--full-bleed .trust-logos--marquee{
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 2%, #000 98%, transparent 100%);
  mask-image:linear-gradient(to right, transparent 0, #000 2%, #000 98%, transparent 100%);
  padding-left:24px;
  padding-right:24px;
}

.trust-strip--full-bleed .trust-logos--marquee .trust-logos__track{
  min-width:max-content;
  justify-content:flex-start;
  gap:56px;
  padding:10px 0;
}

.trust-strip--with-heading.trust-strip--mono .trust-logos--marquee{
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding-top: 60px;
}

.trust-strip--with-heading.trust-strip--mono .trust-logos--marquee{
  overflow:hidden;
}
.trust-strip--with-heading.trust-strip--mono .trust-logos--marquee .trust-logos__track{
  flex-wrap:nowrap;
}
.trust-strip--with-heading.trust-strip--mono .trust-logos--marquee .trust-logo-item:not(:last-child)::after{
  display:none;
}
.trust-strip--with-heading.trust-strip--mono .trust-logos--marquee .trust-logo-item img{
  height:28px;
  max-width:260px;
  filter:brightness(0) invert(1);
  opacity:.9;
}

@keyframes trust-logos-marquee{
  from{ transform:translateX(0);}
  to{ transform:translateX(calc(-1 * var(--trust-marquee-distance, 50%))); }
}

@media (prefers-reduced-motion: reduce){
  .trust-logos--marquee{ overflow-x:auto;}
  .trust-logos--marquee .trust-logos__marquee{ animation:none; width:auto; }
}

/* Trust strip with heading + monochrome logos (reusable variant) */
.trust-strip--with-heading.trust-strip--mono{ background:#000; }
.trust-strip--with-heading.trust-strip--mono .trust-heading{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:0 12px; font-size:17px; letter-spacing:0.04em; margin:0 0 28px 0; color:#f5f7ff; width:100%;}
 /* .trust-strip--with-heading.trust-strip--mono .trust-heading::before, */
 .trust-strip--with-heading.trust-strip--mono .trust-heading::after{ content:""; display:block; min-width:200px; width:25%; height:1px; background:rgba(255,255,255,.35); }
 .trust-strip--with-heading.trust-strip--mono .trust-logos{ display:flex; justify-content:center; align-items:center; gap:60px; flex-wrap:wrap; max-width:1200px; margin:0 auto; overflow:visible;}
 .trust-strip--with-heading.trust-strip--mono .trust-logo-item{ position:relative; }
 .trust-strip--with-heading.trust-strip--mono .trust-logo-item:not(:last-child)::after{ content:""; position:absolute; right:-30px; top:50%; width:1px; height:44px; transform:translateY(-50%); background:rgba(255,255,255,.18);}
 .trust-strip--with-heading.trust-strip--mono .trust-logo-item img{ height:28px; width:auto; object-fit:contain; filter:brightness(0) invert(1); opacity:0.85; transition:all 0.3s ease; }
 .trust-strip--with-heading.trust-strip--mono .trust-logo-item:hover img{ filter:brightness(0) invert(1); opacity:1;}

 .trust-strip--with-heading.trust-strip--light{ background:#fff; }
 .trust-strip--with-heading.trust-strip--light .trust-heading{ color:#1c1c1c;}
 .trust-strip--with-heading.trust-strip--light .trust-heading::before,
 .trust-strip--with-heading.trust-strip--light .trust-heading::after{ background-color: #1c1c1c; }
 .trust-strip--with-heading.trust-strip--light .trust-logo-item:not(:last-child)::after{ background-color: #1c1c1c;}
 .trust-strip--with-heading.trust-strip--light .trust-logo-item img,
 .trust-strip--with-heading.trust-strip--light .trust-logo-placeholder img{
   filter: invert(41%) sepia(113%) saturate(60%) hue-rotate(0) brightness(0) contrast(98%);
}
 .trust-strip--with-heading.trust-strip--light .trust-logo-item:hover img{ opacity:1; }

/* UI/UX awards variant (continuous carousel) */
.trust-strip--with-heading.trust-strip--uiux-awards{ background:#000;}
.trust-strip--with-heading.trust-strip--uiux-awards .trust-heading{ position:relative; text-align:center; font-size:17px; letter-spacing:0.04em; margin:0 0 28px 0; color:#f5f7ff; }
.trust-strip--with-heading.trust-strip--uiux-awards .trust-heading::before,
.trust-strip--with-heading.trust-strip--uiux-awards .trust-heading::after{ display:none;}
.trust-strip--with-heading.trust-strip--uiux-awards .trust-logos__track{ gap:72px; padding:16px 0; }
.trust-strip--with-heading.trust-strip--uiux-awards .trust-logo-item img{ height:28px; filter:brightness(0) invert(1); opacity:.85; transition: opacity .25s ease, filter .25s ease;}
.trust-strip--with-heading.trust-strip--uiux-awards .trust-logo-item:hover img{ filter:brightness(0) invert(1); opacity:1; }
.trust-strip--with-heading.trust-strip--uiux-awards .trust-logo-item:not(:last-child)::after{ content:""; position:absolute; right:-36px; top:50%; width:1px; height:62px; transform:translateY(-50%); background:rgba(255,255,255,.22);}

@media(max-width:960px){
  .trust-strip--with-heading.trust-strip--uiux-awards .trust-heading{ justify-content:center; font-size:22px;}
  .trust-strip--with-heading.trust-strip--uiux-awards .trust-logo-item:not(:last-child)::after{ display:none; }
}
@media(max-width:640px){
  .trust-strip--with-heading.trust-strip--uiux-awards .trust-logos__track{ gap:44px;}
  .trust-strip--with-heading.trust-strip--uiux-awards .trust-logo-item img{ height:28px; }
}

@media(max-width:960px){
  .trust-strip--with-heading.trust-strip--mono .trust-logos{ gap:40px;}
  .trust-strip--with-heading.trust-strip--mono .trust-logo-item:not(:last-child)::after{ display:none; }
}
@media(max-width:640px){
  .trust-strip--with-heading.trust-strip--mono .trust-logos{ gap:30px;}
  .trust-strip--with-heading.trust-strip--mono .trust-logo-item img{ height:28px; }
}


 /* Smart modules cards (reusable) */
 .smart-modules{ padding: 96px 0 110px; background: linear-gradient(180deg, #000 0%, #1163fb 100%); color:#fff; }
.smart-modules-head{ text-align:center; margin: 0 auto 52px; max-width: 980px; }
 .smart-modules-head h2{ margin:0 0 16px 0; font-size: clamp(34px, 3.8vw, 52px); line-height: 1.12; letter-spacing: -0.02em; font-weight: 800;}
 .smart-modules-title-top,
 .smart-modules-title-highlight,
 .smart-modules-title-bottom{ display:inline; }
 .smart-modules-title-highlight{ color:#ffd54a;}
 .smart-modules-head p{ margin:0; color: rgba(255,255,255,.78); font-size: 16px; line-height: 1.85; max-width: 980px; margin-left: auto; margin-right: auto; }
 
 .smart-modules-grid{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; align-items: stretch;}
 .smart-modules-card{ background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.18); border-radius: 16px; padding: 34px 32px; min-height: 520px; box-shadow: 0 18px 50px rgba(0,0,0,.35); backdrop-filter: blur(10px); }
 .smart-modules-card h3{ margin:0 0 12px 0; font-size: 22px; font-weight: 800; letter-spacing: -0.01em;}
 .smart-modules-card p{ margin:0 0 20px 0; font-size: 14px; line-height: 1.8; color: rgba(255,255,255,.78); }
 .smart-modules-bullets{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap: 10px;}
 .smart-modules-bullets li{ display:flex; gap: 12px; align-items:flex-start; font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.9); }
 .smart-modules-tick{ flex:0 0 auto; width: 20px; height: 20px; border-radius: 999px; background: rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.32); display:inline-flex; align-items:center; justify-content:center; color:#ffd54a; font-weight: 800; font-size: 12px; margin-top: 1px;}
 
 @media (max-width: 980px){
   .smart-modules{ padding: 82px 0 92px;}
   .smart-modules-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
 @media (max-width: 640px){
   .smart-modules{ padding: 70px 0 80px;}
   .smart-modules-head{ margin-bottom: 34px; }
   .smart-modules-grid{ grid-template-columns: 1fr;}
 }
 
 
 /* Inline testimonials */
 .ai-testimonials { 
   background:
    radial-gradient(120% 80% at 15% -10%, rgba(var(--color-accent-rgb), .28), transparent 60%),
    radial-gradient(120% 90% at 85% -20%, rgba(var(--color-accent-rgb), .22), transparent 70%),
    var(--color-bg);
  color: rgba(233,238,249,.88); 
  padding: 72px 0; 
  border-top: 1px solid var(--color-border); 
  border-bottom: 1px solid var(--color-border); 
}

/* Wearables metrics cards */
.metrics-cards{ padding: 84px 0; background: linear-gradient(245deg, #000 25.35%, #15152d 81.62%); }
.metrics-cards-grid{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.metrics-card{ position:relative; overflow:hidden; background:#fff; border-radius: 10px; padding: 40px 38px 34px; min-height: 168px; box-shadow: 0 18px 40px rgba(0,0,0,.35); color:#0b0f1a;}
.metrics-card::before,
.metrics-card::after{ content:""; position:absolute; width: 260px; height: 160px; background-image: url('/images/assets-ext/bg-image-2.webp'); background-size: cover; background-repeat:no-repeat; opacity: .28; pointer-events:none; }
.metrics-card:nth-child(3)::before{ right:-80px; top:-40px;}
.metrics-card:nth-child(5)::after{ right:-80px; bottom:-60px; transform: rotate(180deg); }
.metrics-card-brand{ font-weight: 800; font-size: 18px; margin: 0 0 6px 0;}
.metrics-card-value{ font-weight: 800; font-size: 26px; letter-spacing: -0.01em; margin: 0 0 10px 0; }
.metrics-card-label{ font-weight: 700; font-size: 13px; letter-spacing: 0.01em; color: rgba(11,15,26,.82);}
.metrics-card-rating{ display:flex; align-items:center; gap: 10px; margin: 4px 0 8px; }
.metrics-card-rating-value{ font-weight: 800; font-size: 22px;}
.metrics-card-rating-stars{ color:#f6b01e; letter-spacing: 2px; font-size: 14px; line-height: 1; }

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

/* Wearables use cases */

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

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

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

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

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

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

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

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

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

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

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

.wearables-use-case-active-chevron{
  position: absolute;
  inset: 0 auto auto 0;
  width: 0;
  height: 0;
  z-index: 0;
  pointer-events: none;
}

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

.wearables-use-case-active-chevron::after{
  content: "";
  display: block;
  position: absolute;
  background: #000;
  border-left: 0;
  border-top: 0;
  opacity: 1;
  border-bottom-right-radius: 15px;
  top: 26px;
  left: -25px;
  height: 45px;
  width: 45px;
  padding: 0;
  margin: 0;
  transition: opacity .2s ease;
  box-sizing: border-box;
  transform: rotate(-45deg);
  pointer-events: none;
}

.wearables-use-case-icon{
  position: absolute;
  top: 26px;
  left: 50%;
  transform: translateX(-50%);
  width: 44px;
  height: 44px;
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.82);
  z-index: 2;
  transition:
    top .35s ease,
    left .35s ease,
    transform .35s ease,
    color .35s ease;
}
.wearables-use-case-icon svg{ width: 26px; height: 26px; display:block; }

.wearables-use-case-label{
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 18px;
  text-align: left;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .01em;
  color: rgba(255,255,255,.75);
  line-height: 1.35;
  transition: opacity .25s ease, transform .25s ease, color .35s ease;
}
.wearables-use-case-body{ display:none; position: relative; z-index: 1; }

.wearables-use-case-card.is-active{
  flex-basis: 420px;
  width: 420px;
  height: 496px;
  background-color: #1163fb;
  border-color: rgba(17,99,251,.7);
  color: #fff;
  z-index: 3;
  box-shadow:
    -10px 0 6px rgb(255 255 255 / 10%) inset,
    0 30px 80px rgba(17,99,251,.30),
    0 22px 60px rgba(0,0,0,.62);
  padding: 34px 28px;
  justify-content: flex-start;
}
.wearables-use-case-card.is-active .wearables-use-case-icon{ color: #fff; }
.wearables-use-case-card.is-active .wearables-use-case-label{ color: rgba(255,255,255,.92);}
.wearables-use-case-card.is-active .wearables-use-case-body{ display:block; }
.wearables-use-case-card.is-active .wearables-use-case-icon{
  top: 28px;
  left: 28px;
  transform: none;
}
.wearables-use-case-card.is-active .wearables-use-case-label{ opacity: 0; transform: translateY(6px); pointer-events:none; }
.wearables-use-case-card.is-active .wearables-use-case-body{ margin-top: 66px;}
.wearables-use-case-body{ text-align: left; }
.wearables-use-case-title{ display:block; font-weight: 700; font-size: 24px; margin: 0 0 14px 0; line-height: 1.15; letter-spacing: -0.01em;}
.wearables-use-case-copy{ display:block; font-size: 15px; line-height: 1.7; color: rgba(255,255,255,.92); }

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

@media (max-width: 768px){
  .cs-challenges__item{ grid-template-columns: 64px 1fr; }
  .cs-challenges__num{ font-size: 66px; }
}

.cs-results{ padding: clamp(70px, 9vw, 120px) 0; background:#fff; position: relative; overflow: hidden; }
.cs-results::before{ display:none; }
.cs-results .container{ position: relative; z-index: 1; }
.cs-results__title{ margin: 0 0 44px 0; font-size: clamp(32px, 4.4vw, 48px); letter-spacing: -0.02em; color:#0d1018; }
.cs-results__grid{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px clamp(28px, 5vw, 120px); align-items: start; justify-items: start; }
.cs-results__metric{ width: 100%; text-align: left; }
.cs-results__value{ display:flex; align-items:center; gap: 6px; font-size: 30px; font-weight: 900; letter-spacing: -0.02em; color:#0d1018; line-height: 1.05;justify-content: flex-start; }
.cs-results__trend{ width: 16px; height: 16px; border-radius: 4px; display:inline-flex; align-items:center; justify-content:center; background: rgba(232,76,42,.12); color:#e84c2a; font-size: 11px; font-weight: 900; transform: translateY(1px); }
.cs-results__label{ margin-top: 6px; font-size: 18px; font-weight: 800; color: rgba(13,16,24,.62); line-height: 1.35; text-transform: none; }
.cs-results__sub{ margin-top: 2px; font-size: 18px; font-weight: 800; color: rgba(13,16,24,.62); line-height: 1.35; }

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

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

.cs-more{ padding: clamp(70px, 9vw, 120px) 0; background:#fff; }
.cs-more__title{ margin: 0 0 44px 0; font-size: clamp(30px, 4vw, 42px); letter-spacing: -0.02em; color:#0d1018; text-align:center; }
.cs-more__grid{ display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; align-items: start; }
.cs-more__card{ display:block; color: inherit; text-decoration:none; }
.cs-more__media{ position: relative; border-radius: 10px; overflow:hidden; background: #f3f4f6; aspect-ratio: 16 / 7; }
.cs-more__image{ width:100%; height:100%; object-fit: cover; display:block; }
.cs-more__logo{ position:absolute; top: 14px; left: 14px; width: 64px; height: auto; filter: drop-shadow(0 10px 20px rgba(0,0,0,.25)); }
.cs-more__media.is-logo-right .cs-more__logo{ left: auto; right: 14px; }
.cs-more__copy{ padding-top: 14px; }
.cs-more__copy h3{ margin: 0; font-size: 20px; font-weight: 900; color:#0d1018; }
.cs-more__copy p{ margin: 6px 0 0; font-size: 18px; line-height: 1.75; color: rgba(13,16,24,.68); max-width: 460px; }
.cs-more__card:hover .cs-more__media{ transform: translateY(-1px); box-shadow: 0 18px 40px rgba(15,23,42,.10); }
.cs-more__media{ transition: transform .18s ease, box-shadow .18s ease; }

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

/* ── PMS Case Study: Minimal Long-Scroll ── */
.pms{ color: #0d1018; }

.pms-hero{ padding: clamp(100px, 14vw, 200px) 0 clamp(80px, 10vw, 140px); background: #050812; color: #fff; text-align: center; }
.pms-hero__eyebrow{ margin: 0 0 16px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.45); }
.pms-hero__title{ margin: 0 auto; max-width: 800px; font-size: clamp(36px, 5.5vw, 64px); font-weight: 900; letter-spacing: -0.03em; line-height: 1.08; }
.pms-hero__tags{ margin: 24px 0 0; display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; }
.pms-hero__tag{ font-size: 11px; font-weight: 600; color: rgba(255,255,255,.5); padding: 5px 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; }
.pms-hero__cta{ display: inline-flex; align-items: center; gap: 8px; margin-top: 40px; padding: 14px 32px; background: #fff; color: #0d1018; font-size: 13px; font-weight: 700; border-radius: 999px; text-decoration: none; transition: background .15s ease; }
.pms-hero__cta:hover{ background: #f0f1f3; }

.pms-about{ padding: clamp(70px, 9vw, 120px) 0; background: #fff; }
.pms-about__inner{ max-width: 780px; }
.pms-about h2{ margin: 0 0 24px; font-size: clamp(28px, 3.8vw, 40px); letter-spacing: -0.02em; }
.pms-about p{ margin: 0 0 16px; font-size: 15px; line-height: 1.8; color: rgba(13,16,24,.68); }
.pms-about__facts{ margin-top: 36px; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 20px; list-style: none; padding: 0; }
.pms-about__facts dt{ font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: rgba(13,16,24,.38); margin-bottom: 4px; }
.pms-about__facts dd{ margin: 0; font-size: 13px; font-weight: 600; color: #0d1018; }
.pms-about__facts a{ color: #2563eb; text-decoration: none; }
.pms-about__facts a:hover{ text-decoration: underline; }

.pms-vision{ padding: clamp(70px, 9vw, 120px) 0; background: #f7f8fa; text-align: center; }
.pms-vision__inner{ max-width: 720px; margin: 0 auto; }
.pms-vision__text{ margin: 0; font-size: clamp(20px, 2.8vw, 28px); font-weight: 400; font-style: italic; line-height: 1.7; color: rgba(13,16,24,.72); letter-spacing: -0.01em; }
.pms-vision__text::before{ content: "\201C"; }
.pms-vision__text::after{ content: "\201D"; }

.pms-metrics{ padding: clamp(64px, 8vw, 100px) 0; background: #050812; color: #fff; }
.pms-metrics__grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; text-align: center; }
.pms-metrics__item{ padding: 20px 0; }
.pms-metrics__value{ font-size: clamp(36px, 5vw, 56px); font-weight: 900; letter-spacing: -0.03em; line-height: 1; }
.pms-metrics__label{ margin-top: 10px; font-size: 12px; font-weight: 600; color: rgba(255,255,255,.5); line-height: 1.4; }

@media (max-width: 768px){
  .pms-metrics__grid{ grid-template-columns: repeat(2, 1fr); gap: 32px 16px; }
}
@media (max-width: 420px){
  .pms-metrics__grid{ grid-template-columns: 1fr; }
}

.pms-challenges{ padding: clamp(70px, 9vw, 120px) 0; background: #fff; }
.pms-challenges h2{ margin: 0 0 48px; font-size: clamp(28px, 3.8vw, 40px); letter-spacing: -0.02em; }
.pms-challenges__list{ max-width: 720px; display: flex; flex-direction: column; gap: clamp(28px, 4vw, 48px); }
.pms-challenges__item{ display: grid; grid-template-columns: 48px 1fr; gap: 16px; align-items: baseline; }
.pms-challenges__num{ font-size: 32px; font-weight: 900; color: rgba(13,16,24,.10); line-height: 1; }
.pms-challenges__item h3{ margin: 0 0 6px; font-size: 15px; font-weight: 800; color: #0d1018; }
.pms-challenges__item p{ margin: 0; font-size: 13px; line-height: 1.8; color: rgba(13,16,24,.6); }

.pms-solution{ padding: clamp(70px, 9vw, 120px) 0; background: #f7f8fa; }
.pms-solution h2{ margin: 0 0 12px; font-size: clamp(28px, 3.8vw, 40px); letter-spacing: -0.02em; }
.pms-solution__sub{ margin: 0 0 44px; font-size: 14px; color: rgba(13,16,24,.55); }
.pms-solution__grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.pms-solution__card{ padding: 28px; border-radius: 14px; background: #fff; border: 1px solid rgba(13,16,24,.06); }
.pms-solution__card h3{ margin: 0 0 10px; font-size: 14px; font-weight: 800; color: #0d1018; }
.pms-solution__card ul{ margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 5px; }
.pms-solution__card li{ font-size: 12px; line-height: 1.7; color: rgba(13,16,24,.58); padding-left: 14px; position: relative; }
.pms-solution__card li::before{ content: "\2022"; position: absolute; left: 0; color: rgba(13,16,24,.2); }

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

.pms-stack{ padding: clamp(64px, 8vw, 100px) 0; background: #050812; color: #fff; text-align: center; }
.pms-stack h2{ margin: 0 0 36px; font-size: clamp(24px, 3.2vw, 34px); letter-spacing: -0.02em; }
.pms-stack__groups{ display: flex; flex-direction: column; gap: 24px; max-width: 640px; margin: 0 auto; }
.pms-stack__cat{ font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.35); margin-bottom: 8px; }
.pms-stack__pills{ display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.pms-stack__pill{ font-size: 12px; font-weight: 600; color: rgba(255,255,255,.8); padding: 6px 16px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(255,255,255,.05); }

.pms-advantage{ padding: clamp(80px, 10vw, 140px) 0; background: #fff; text-align: center; }
.pms-advantage__inner{ max-width: 680px; margin: 0 auto; }
.pms-advantage h2{ margin: 0 0 16px; font-size: clamp(24px, 3.4vw, 36px); font-weight: 800; letter-spacing: -0.02em; line-height: 1.35; }
.pms-advantage p{ margin: 0 0 32px; font-size: 14px; line-height: 1.8; color: rgba(13,16,24,.58); }
.pms-advantage__cta{ display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; background: #0d1018; color: #fff; font-size: 13px; font-weight: 700; border-radius: 999px; text-decoration: none; transition: background .15s ease; }
.pms-advantage__cta:hover{ background: #1a1f2e; }

.pms-more{ padding: clamp(70px, 9vw, 120px) 0; background: #fff; border-top: 1px solid rgba(13,16,24,.06); }
.pms-more h2{ margin: 0 0 36px; font-size: clamp(24px, 3.2vw, 34px); letter-spacing: -0.02em; text-align: center; }
.pms-more__grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.pms-more__card{ display: block; text-decoration: none; color: inherit; border-radius: 14px; overflow: hidden; border: 1px solid rgba(13,16,24,.06); transition: box-shadow .18s ease, transform .18s ease; }
.pms-more__card:hover{ transform: translateY(-2px); box-shadow: 0 16px 40px rgba(15,23,42,.08); }
.pms-more__img{ aspect-ratio: 16/8; background: #f3f4f6; overflow: hidden; }
.pms-more__img img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.pms-more__body{ padding: 18px 20px; }
.pms-more__body h3{ margin: 0 0 4px; font-size: 14px; font-weight: 800; }
.pms-more__body p{ margin: 0; font-size: 12px; line-height: 1.7; color: rgba(13,16,24,.55); }

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

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

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

/* AI Suite Tabbed Section */
.ai-suite { padding: 96px 0 80px; background: var(--color-bg); }
.ai-suite-head { max-width: 680px; margin: 0 auto 56px auto; text-align: center; }
.ai-suite-eyebrow { margin: 0 0 16px; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--color-accent); }
.ai-suite-head h2 { margin: 0 0 16px; color: var(--color-text); font-size: clamp(28px, 3.6vw, 44px); letter-spacing: -0.025em; line-height: 1.15; font-weight: 700; }
.ai-suite-head p { margin: 0; color: var(--color-muted); line-height: 1.7; font-size: 16px; }
.ai-suite-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 48px; align-items: start; }
.ai-suite-tabs { display: flex; flex-direction: column; gap: 2px; position: sticky; top: 96px; border-left: 1px solid var(--color-border); padding-left: 0; }
.ai-suite-tab { background: transparent; border: none; color: var(--color-muted); text-align: left; font-size: 15px; font-weight: 500; padding: 12px 16px 12px 20px; position: relative; cursor: pointer; transition: color .2s ease, background .2s ease; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ai-suite-tab::before { content: ''; position: absolute; left: -1px; top: 0; bottom: 0; width: 2px; background: transparent; transition: background .2s ease; }
.ai-suite-tab:hover { color: var(--color-text); }
.ai-suite-tab.is-active { color: var(--color-text); font-weight: 600; }
.ai-suite-tab.is-active::before { background: var(--color-accent); }
.ai-suite-tab-text { flex: 1; }
.ai-suite-tab-count { font-size: 12px; font-weight: 600; color: var(--color-muted); background: var(--overlay-light); border-radius: 10px; padding: 2px 8px; min-width: 24px; text-align: center; transition: color .2s, background .2s; }
.ai-suite-tab.is-active .ai-suite-tab-count { color: var(--color-accent); background: rgba(var(--color-accent-rgb), .12); }
.ai-suite-content { background: rgba(0,0,0,.25); border: 1px solid var(--color-border); border-radius: 20px; padding: 32px; }
.ai-suite-panel { display: flex; flex-direction: column; }
.ai-suite-panel[hidden] { display: none !important; }
.ai-suite-panel-inner { display: flex; flex-direction: column; gap: 28px; }
.ai-suite-apps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ai-suite-app-card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 14px; padding: 16px 18px; display: flex; align-items: center; gap: 14px; transition: border-color .2s ease, box-shadow .2s ease; }
.ai-suite-app-card:hover { border-color: rgba(var(--color-accent-rgb), .35); box-shadow: 0 4px 20px rgba(0,0,0,.2); }
.ai-suite-app-icon { width: 38px; height: 38px; border-radius: 10px; background: rgba(var(--color-accent-rgb), .1); display: inline-flex; align-items: center; justify-content: center; color: var(--color-accent); flex-shrink: 0; }
.ai-suite-app-icon svg { width: 20px; height: 20px; }
.ai-suite-app-title { color: var(--color-text); font-size: 14px; font-weight: 600; line-height: 1.35; }
.ai-suite-offer { border-top: 1px solid var(--color-border); padding-top: 20px; }
.ai-suite-offer-copy { color: var(--color-muted); font-size: 15px; line-height: 1.75; }
.ai-suite-offer-copy a { color: var(--color-accent); font-weight: 600; }
.ai-suite-offer-copy a:hover { text-decoration: underline; }
@media (max-width: 1100px){
  .ai-suite-layout { grid-template-columns: 260px minmax(0,1fr); gap: 32px; }
}
@media (max-width: 900px){
  .ai-suite { padding: 64px 0 48px; }
  .ai-suite-layout { grid-template-columns: 1fr; }
  .ai-suite-tabs { position: static; border-left: none; border-bottom: 1px solid var(--color-border); flex-direction: row; flex-wrap: wrap; gap: 0; padding: 0 0 12px; }
  .ai-suite-tab { padding: 8px 14px; font-size: 14px; border-radius: 8px; }
  .ai-suite-tab::before { display: none; }
  .ai-suite-tab.is-active { background: var(--overlay-light); border-radius: 8px; }
}
@media (max-width: 640px){
  .ai-suite-tabs { flex-direction: column; border-bottom: 1px solid var(--color-border); }
  .ai-suite-tab { border-radius: 0; }
  .ai-suite-tab.is-active { background: var(--overlay-light); border-radius: 8px; }
}
@media (max-width: 480px){
  .ai-suite { padding: 48px 0 36px; }
  .ai-suite-content { padding: 20px; }
  .ai-suite-apps { grid-template-columns: 1fr; }
}

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

@media(max-width:960px){
  .genai-case-studies{
    padding:60px 0 0;
}
  .genai-cs-title{
    font-size:var(--font-size-2xl);
}
  .genai-cs-intro{
    font-size:var(--font-size-base);
    margin-bottom:48px !important;
}
  .genai-cs-scroll-container{
    height:auto !important;
    position:static;
}
  .genai-cs-scroll-container > div{
    position:static;
    height:auto;
    overflow:visible;
    display:block;
}
  .genai-cs-cards-wrapper{
    flex-direction:column;
    gap:40px;
    padding:0 16px 60px;
    transform:none !important;
}
  .genai-cs-card{
    min-width:0;
    max-width:100%;
    width:100%;
    grid-template-columns:1fr;
    gap:0;
    padding:32px 24px 0;
    height:auto;
    flex-shrink:1;
    overflow:hidden;
    border:1px solid #fff;
    border-radius:12px;
    margin:0 4px;
}
  .genai-cs-content{
    gap:16px;
}
  .genai-cs-image{
    max-height:none;
    height:auto;
    border-radius:0 0 12px 12px;
    margin:32px -24px 0;
}
  .genai-cs-image img{
    height:auto;
}
  .genai-cs-card-title{
    font-size:var(--font-size-xl);
}
  .genai-cs-description{
    font-size:var(--font-size-base);
}
  .genai-cs-results{
    margin-top:8px;
}
  .genai-cs-metric-value{
    font-size:var(--font-size-lg);
}
  .genai-cs-cta{
    padding:12px 24px;
    font-size:var(--font-size-sm);
}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

/* GenAI FAQ (reusable component) */
.genai-faq{ padding:100px 0; background:#f5f7ff; }
.genai-faq .faq-title{ font-size:48px; font-weight:700; text-align:center; margin:0 0 64px; color:#0a0d1f; }
.genai-faq .faq-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.genai-faq .faq-column{ display:flex; flex-direction:column; gap:24px; }
.genai-faq .faq-item{ background:#e8ecf7; border-radius:12px; overflow:hidden; transition:all 0.3s ease;}
.genai-faq .faq-item.active{ background:#fff; }
.genai-faq .faq-question{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 28px; background:transparent; border:none; text-align:left; cursor:pointer; transition:all 0.3s ease;}
.genai-faq .faq-question-text{ font-size:18px; font-weight:600; color:#0a0d1f; line-height:1.4; transition:color 0.3s ease; }
.genai-faq .faq-item.active .faq-question-text{ color:#4285f4;}
.genai-faq .faq-icon{ flex-shrink:0; color:#4a5568; transition:all 0.3s ease; transform:rotate(180deg); }
.genai-faq .faq-item.active .faq-icon{ color:#4285f4; transform:rotate(0deg);}
.genai-faq .faq-answer{ max-height:0; overflow:hidden; transition:max-height 0.5s ease 0.1s, padding 0.5s ease 0.1s, opacity 0.3s ease; padding:0 28px; opacity:0; }
.genai-faq .faq-item.active .faq-answer{ max-height:500px; padding:0 28px 24px; opacity:1; transition:max-height 0.5s ease 0.15s, padding 0.5s ease 0.15s, opacity 0.4s ease 0.2s;}
.genai-faq .faq-answer p{ margin:0; font-size:16px; line-height:1.7; color:#4a5568; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce){
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--solutions .hww-marquee__track{ animation: none; }
}
@media (max-width: 900px){
  body.page-how-we-work .hww-stats.hww-stats--v2{
    height:auto;
    min-height:0;
  }
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stats__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-template-rows:auto;
    grid-template-areas:
      "years solutions"
      "team countries"
      "awards industries";
    height:auto;
    padding:20px 0;
    gap:14px;
  }
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat{
    min-height:200px;
    padding:22px;
    border-radius:20px;
  }
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat__value{
    font-size:clamp(28px, 5vw, 36px);
  }
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat__label{
    font-size:14px;
  }
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat__logos,
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat__badges{
    left:12px; right:12px; bottom:10px;
    gap:6px;
  }
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat__logo{
    padding:12px 14px;
    border-radius:12px;
    font-size:10px;
  }
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--solutions .hww-marquee__logo{
    width:120px;
    height:52px;
    border-radius:12px;
  }
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--solutions .hww-marquee__logo img{
    max-width:90px;
    max-height:20px;
  }
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--solutions .hww-stat__logos{
    height:56px;
  }
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--solutions .hww-stat__marquee,
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--solutions .hww-marquee{
    height:56px;
  }
}
@media (max-width: 480px){
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stats__grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "years"
      "solutions"
      "team"
      "countries"
      "awards"
      "industries";
    gap:12px;
  }
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat{
    min-height:160px;
  }
}

body.page-how-we-work .hww-stat--team{ background: radial-gradient(1200px 520px at 50% 0%, rgba(36,74,255,.55), rgba(0,0,0,.75) 55%), #000; }
body.page-how-we-work .hww-stat--team .hww-stat__crowd{ position:absolute; left: 0; right: 0; bottom: 0; height: 46%; z-index: 1; background:
  radial-gradient(circle at 12% 65%, rgba(255,255,255,.45) 0 2px, transparent 3px),
  radial-gradient(circle at 18% 72%, rgba(255,255,255,.35) 0 1.5px, transparent 3px),
  radial-gradient(circle at 26% 78%, rgba(255,255,255,.40) 0 2px, transparent 3px),
  radial-gradient(circle at 38% 75%, rgba(255,255,255,.30) 0 2px, transparent 3px),
  radial-gradient(circle at 50% 74%, rgba(255,255,255,.35) 0 2px, transparent 3px),
  radial-gradient(circle at 62% 78%, rgba(255,255,255,.35) 0 2px, transparent 3px),
  radial-gradient(circle at 72% 75%, rgba(255,255,255,.28) 0 2px, transparent 3px),
  radial-gradient(circle at 84% 72%, rgba(255,255,255,.34) 0 2px, transparent 3px),
  linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.75));
  opacity: .65;
}

body.page-how-we-work .hww-stat--countries{ border-radius: 28px; background: radial-gradient(110% 110% at 65% 65%, rgba(0,195,255,.18), rgba(0,0,0,.88) 60%), #000; }
body.page-how-we-work .hww-stat--countries .hww-stat__globe{ position:absolute; inset: 0; z-index: 1; opacity: .9; background:
  radial-gradient(60% 60% at 70% 70%, rgba(0,195,255,.20), rgba(0,0,0,0) 60%),
  radial-gradient(65% 65% at 78% 78%, rgba(0,195,255,.14), rgba(0,0,0,0) 60%),
  repeating-linear-gradient(110deg, rgba(0,210,255,.12) 0 1px, transparent 1px 18px),
  repeating-linear-gradient(20deg, rgba(0,210,255,.08) 0 1px, transparent 1px 22px);
  mix-blend-mode: screen;
}

body.page-how-we-work .hww-stat--awards{ background: radial-gradient(100% 120% at 20% 50%, rgba(35,83,255,.35), rgba(0,0,0,.9) 62%), #000; }
body.page-how-we-work .hww-stat--awards .hww-stat__awards{ position:absolute; inset: 0; z-index: 1; }
body.page-how-we-work .hww-stat--awards .hww-stat__awards::before{ content:""; position:absolute; inset: -20% -10% -10% 20%; background: linear-gradient(135deg, rgba(35,83,255,.55), rgba(35,83,255,0) 60%); transform: rotate(-10deg); opacity: .55; }
body.page-how-we-work .hww-stat--awards .hww-stat__awards::after{ content:""; position:absolute; right: 10%; bottom: 10%; width: 46%; height: 60%; border-radius: 22px; background: radial-gradient(60% 60% at 30% 30%, rgba(255,255,255,.25), rgba(255,255,255,0) 70%); opacity: .28; }

body.page-how-we-work .hww-stat--industries .hww-stat__bubbles{ position:absolute; inset: 0; z-index: 1; }
body.page-how-we-work .hww-bubble{ position:absolute; width: 72px; height: 72px; border-radius: 999px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.08); }
body.page-how-we-work .hww-bubble::after{ content:""; position:absolute; inset: 22px; border-radius: 10px; border: 2px solid rgba(255,255,255,.45); opacity: .4; }
body.page-how-we-work .hww-bubble--1{ right: 22%; top: 12%; opacity:.55; }
body.page-how-we-work .hww-bubble--2{ right: 8%; top: 26%; background: rgba(35,83,255,.75); border-color: rgba(35,83,255,.65); }
body.page-how-we-work .hww-bubble--3{ right: 28%; top: 30%; opacity:.5; }
body.page-how-we-work .hww-bubble--4{ right: 14%; top: 46%; opacity:.45; }
body.page-how-we-work .hww-bubble--5{ right: 34%; top: 52%; opacity:.55; }
body.page-how-we-work .hww-bubble--6{ right: 10%; top: 66%; background: rgba(35,83,255,.75); border-color: rgba(35,83,255,.65); }
body.page-how-we-work .hww-bubble--7{ right: 26%; top: 70%; opacity:.45; }
body.page-how-we-work .hww-bubble--8{ right: 4%; top: 78%; opacity:.55; }
body.page-how-we-work .hww-bubble--9{ right: 18%; top: 86%; opacity:.40; }

@media (max-width: 1100px){
  body.page-how-we-work .hww-stats:not(.hww-stats--v2){ height: auto; }
  body.page-how-we-work .hww-stats:not(.hww-stats--v2) .hww-stats__grid{ height: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; grid-template-areas: none; padding: 42px 0; }
  body.page-how-we-work .hww-stats:not(.hww-stats--v2) .hww-stat--solutions .hww-stat__logos{ flex-wrap:wrap; }
}
@media (max-width: 640px){
  body.page-how-we-work .hww-stats:not(.hww-stats--v2) .hww-stats__grid{ grid-template-columns: 1fr; }
}

body.page-how-we-work .hww-stats:not(.hww-stats--v2) .hww-stat--years .hww-stat__media::after{ content:""; position:absolute; width: 240px; height: 240px; right: -70px; top: -40px; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), rgba(255,255,255,0) 60%); border-radius: 999px; transform: rotate(18deg); }

body.page-how-we-work .hww-stats:not(.hww-stats--v2) .hww-stat--solutions .hww-stat__media::before{ background: radial-gradient(90% 90% at 40% 30%, rgba(255,255,255,.10), rgba(0,0,0,0) 65%), radial-gradient(80% 80% at 80% 70%, rgba(17,99,251,.16), rgba(0,0,0,0) 60%); }

body.page-how-we-work .hww-stats:not(.hww-stats--v2) .hww-stat--team{ background: radial-gradient(120% 120% at 20% 0%, rgba(17,99,251,.45), rgba(0,0,0,.82) 55%); border-color: rgba(255,255,255,.14); }
body.page-how-we-work .hww-stats:not(.hww-stats--v2) .hww-stat--team .hww-stat__media::after{ content:""; position:absolute; inset: 55% -10% -10% -10%; background: radial-gradient(120% 120% at 50% 0%, rgba(255,255,255,.25), rgba(0,0,0,0) 60%); opacity: .55; }

body.page-how-we-work .hww-stats:not(.hww-stats--v2) .hww-stat--countries .hww-stat__media::after{ content:""; position:absolute; width: 140%; height: 140%; left: -20%; top: 30%; background: radial-gradient(circle at 30% 30%, rgba(0,210,255,.22), rgba(0,0,0,0) 55%); }

body.page-how-we-work .hww-stats:not(.hww-stats--v2) .hww-stat--awards{ background: radial-gradient(120% 120% at 35% 40%, rgba(17,99,251,.20), rgba(0,0,0,.92) 60%); }

body.page-how-we-work .hww-stats:not(.hww-stats--v2) .hww-stat--industries .hww-stat__media::after{ content:""; position:absolute; width: 240px; height: 240px; right: -90px; bottom: -90px; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.12), rgba(255,255,255,0) 60%); border-radius: 999px; }

body.page-how-we-work .hww-stat--years{ min-height: 170px;}
body.page-how-we-work .hww-stat__bg{ position:absolute; right: 14px; bottom: -24px; font-size: 150px; font-weight: 900; letter-spacing: -0.08em; color: rgba(255,255,255,.06); line-height: 1; }

body.page-how-we-work .hww-stat--solutions{ grid-column: span 1;}
body.page-how-we-work .hww-stat__marquee{ position:absolute; left: 12px; right: 12px; bottom: 10px; }

body.page-how-we-work .hww-marquee{ width:100%; overflow:hidden;}
body.page-how-we-work .hww-marquee__track{ display:flex; gap: 18px; width:max-content; animation: hwwMarquee var(--hww-marquee-duration, 18s) linear infinite; }
body.page-how-we-work .hww-marquee__logo{ display:flex; align-items:center; justify-content:center; width: 86px; height: 30px; border-radius: 10px; border: 1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.20);}
body.page-how-we-work .hww-marquee__logo img{ max-width: 64px; max-height: 18px; width:auto; height:auto; filter: brightness(0) invert(1); opacity: .85; }
@keyframes hwwMarquee{ from{ transform: translateX(0);} to{ transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce){
  body.page-how-we-work .hww-marquee__track{ animation: none !important;}
}

body.page-how-we-work .hww-stat__photo{ position:absolute; right: 10px; bottom: 10px; width: 100%; height: 100%; }
body.page-how-we-work .hww-stat__photo img{ position:absolute; inset:0; width:100%; height:100%; object-fit: cover; opacity: .55; filter: saturate(1.05) contrast(1.05);}
body.page-how-we-work .hww-stat--evangelists{ background: radial-gradient(700px 340px at 20% 20%, rgba(31,108,255,.30), rgba(255,255,255,.04)), rgba(255,255,255,.06); }
body.page-how-we-work .hww-stat--evangelists .hww-stat__photo img{ opacity: .5;}
body.page-how-we-work .hww-stat--countries .hww-stat__photo img{ opacity: .48; }
body.page-how-we-work .hww-stat--awards .hww-stat__photo img{ opacity: .50;}

body.page-how-we-work .hww-stat__orb{ position:absolute; right: -26px; top: -26px; width: 140px; height: 140px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, rgba(31,108,255,.65), rgba(31,108,255,.08) 55%, transparent 70%); filter: blur(.2px); opacity: .9; }

body.page-how-we-work .hww-onboarding{ position:relative; background: linear-gradient(180deg, var(--Neutral-NB1000, #000) 0%, var(--Primary-NB500, #1163fb) 100%); padding: 86px 0 92px; overflow:hidden;}
body.page-how-we-work .hww-onboarding__head{ text-align:left; max-width: 980px; margin: 0 auto 34px; }
body.page-how-we-work .hww-onboarding__head h2{ margin:0 0 22px; font-size: clamp(38px, 4.4vw, 64px); line-height: 1.05; letter-spacing: -0.03em; color:#fff; font-weight: 400; }
body.page-how-we-work .hww-onboarding__head p{ margin:0; font-size: clamp(16px, 1.3vw, 20px); line-height: 1.7; color: rgba(255,255,255,.85); max-width: 860px; }

body.page-how-we-work .hww-onboarding__stage{ width:100vw; margin-left:50%; transform:translateX(-50%); padding: 30px clamp(18px, 110px, 110px) 10px; overflow-x:auto; overflow-y:visible; cursor: grab; user-select:none; -webkit-user-select:none; touch-action: pan-y; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
body.page-how-we-work .hww-onboarding__stage.is-dragging{ cursor: grabbing; }
body.page-how-we-work .hww-onboarding__stage::-webkit-scrollbar{ display:none; }
body.page-how-we-work .hww-onboarding__rail{ display:flex; gap: 14px; width:max-content;}
body.page-how-we-work .hww-onboarding__card{ flex: 0 0 min(520px, 86vw); background:#fff; border-radius: 28px; padding: 34px 34px; }
body.page-how-we-work .hww-onboarding__step{ display:inline-flex; align-items:center; justify-content:center; padding: 10px 18px; border-radius: 999px; background: rgba(31,108,255,.14); color:#1f6cff; font-size:clamp(0.875rem, 0.875rem + 0vw, 0.875rem); font-weight: 600; letter-spacing:.25px; text-transform: uppercase;}
body.page-how-we-work .hww-onboarding__card h3{ margin: 22px 0 24px; font-size: clamp(1.25rem, 1rem + 0.35vw, 1.5rem); font-weight: 600; color:#0b0c0d; letter-spacing: -0.02em; }
body.page-how-we-work .hww-onboarding__card p{ margin:0; font-size: clamp(15px, 1.25vw, 18px); line-height: 1.7; color: rgba(11,12,13,.78); max-width: 42ch;}

@media (max-width: 640px){
  body.page-how-we-work .hww-onboarding__head{ margin-bottom: 26px; }
  body.page-how-we-work .hww-onboarding__stage{ padding-top: 22px; }
  body.page-how-we-work .hww-onboarding__card{ padding: 26px 22px; border-radius: 22px; }
  body.page-how-we-work .hww-onboarding__step{ padding: 8px 14px; font-size: 12px; }
  body.page-how-we-work .hww-onboarding__card p{ max-width: none; }
}

body.page-how-we-work .hww-beyond-launch{ background:#000; padding: 44px 0 46px; }
body.page-how-we-work .hww-beyond-launch__card{ position:relative; overflow:hidden; border-radius: 18px; padding: 44px 22px; text-align:center; border: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(900px 420px at 10% 85%, rgba(0,210,255,.18), rgba(0,0,0,0) 62%),
    radial-gradient(900px 420px at 88% 18%, rgba(136,87,255,.18), rgba(0,0,0,0) 62%),
    linear-gradient(135deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 42%),
    linear-gradient(135deg, rgba(255,255,255,.06) 0%, rgba(31,108,255,.06) 45%, rgba(255,255,255,.03) 100%),
    rgba(255,255,255,.04);
  box-shadow: 0 26px 70px rgba(0,0,0,.55);
}
body.page-how-we-work .hww-beyond-launch__card::before{ content:""; position:absolute; left: -18%; top: -35%; width: 155%; height: 160%;
  background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.38) 38%, rgba(255,255,255,0) 62%);
  transform: rotate(-18deg);
  opacity: .55;
  filter: blur(.2px);
  pointer-events:none;
}
body.page-how-we-work .hww-beyond-launch__card::after{ content:""; position:absolute; inset: 0;
  background: radial-gradient(700px 280px at 50% 50%, rgba(255,255,255,.10), rgba(255,255,255,0) 62%);
  opacity: .8;
  pointer-events:none;
}
body.page-how-we-work .hww-beyond-launch__card > *{ position:relative; z-index: 1; }
body.page-how-we-work .hww-beyond-launch__card h2{ margin:0; font-size: clamp(20px, 2.4vw, 28px); line-height: 1.2; letter-spacing: -0.02em; color: rgba(255,255,255,.92); font-weight: 700; }
body.page-how-we-work .hww-beyond-launch__card p{ margin: 12px auto 0; font-size: 14px; line-height: 1.75; color: rgba(255,255,255,.78); max-width: 86ch; }
body.page-how-we-work .hww-beyond-launch__cta{ margin-top: 20px; display:flex; justify-content:center; }

@media (max-width: 640px){
  body.page-how-we-work .hww-beyond-launch{ padding: 34px 0 36px; }
  body.page-how-we-work .hww-beyond-launch__card{ padding: 26px 18px; border-radius: 16px; }
}

body.page-how-we-work .genai-approach{ background: radial-gradient(1200px 520px at 50% 0%, rgba(31,108,255,.60), rgba(5,7,11,0) 62%), linear-gradient(180deg, #0a3bdc 0%, #0b2450 38%, #05070b 100%); }

body.page-how-we-work .stack-cards-process{ background:#05070b; padding: 96px 0 92px;}
body.page-how-we-work .stack-cards-process-grid{ grid-template-columns: minmax(0, 520px) minmax(0, 1fr); gap: 56px;}
body.page-how-we-work .stack-cards-process-title{ white-space: pre-line; }
body.page-how-we-work .stack-cards-process-description{ font-size: 14px; line-height: 1.85; color: rgba(255,255,255,.72); max-width: 520px;}
body.page-how-we-work .stack-cards-process-stack{ margin-top: clamp(90px, 8vw, 160px); }
body.page-how-we-work .stack-cards-process-card{ border-radius: 16px;}
body.page-how-we-work .stack-cards-process-card{ background: #f6f2d6; border: 1px solid rgba(0,0,0,.10); box-shadow: 0 24px 60px rgba(0,0,0,.35); }
body.page-how-we-work .stack-cards-process-icon{ background: rgba(31,108,255,.95); box-shadow: 0 16px 32px rgba(31,108,255,.22);}
body.page-how-we-work .stack-cards-process-card-title{ color:#0b0c0d; }
body.page-how-we-work .stack-cards-process-card-desc{ color: rgba(11,12,13,.72);}

body.page-how-we-work .hww-agile-process{ background:#000; padding: 96px 0 92px; }
body.page-how-we-work .hww-agile-process__head{ max-width: 980px; }
body.page-how-we-work .hww-agile-process__title{ margin:0; font-size: clamp(28px, 3.8vw, 44px); line-height:1.15; letter-spacing:-0.02em; color:#fff; font-weight: 600; white-space: pre-line; }
body.page-how-we-work .hww-agile-process__copy{ margin: 10px 0 0; font-size: 14px; line-height: 1.85; color: rgba(255,255,255,.72); max-width: 520px; }
body.page-how-we-work .hww-agile-process__stack{ position:relative; margin-top: clamp(40px, 6vw, 90px); min-height: var(--hww-stack-height, 150vh); }
body.page-how-we-work .hww-agile-process__card{ position:sticky; top:120px; z-index: calc(10 + var(--i, 0)); border-radius: 16px; padding: clamp(32px, 4.5vw, 64px); min-height: 460px; background: #f6f2d6; border: 1px solid rgba(0,0,0,.10); box-shadow: 0 24px 60px rgba(0,0,0,.35); transform: translate3d(0, var(--hww-stack-y, 0px), 0) scale(var(--hww-stack-scale, 1)); will-change: transform; }
body.page-how-we-work .hww-agile-process__card + .hww-agile-process__card{ margin-top: 0; }
body.page-how-we-work .hww-agile-process__icon{ width:56px; height:56px; border-radius: 999px; background: rgba(31,108,255,.95); color:#fff; display:flex; align-items:center; justify-content:center; margin: 0 auto 50px; box-shadow: 0 16px 32px rgba(31,108,255,.22); }
body.page-how-we-work .hww-agile-process__icon svg{ width: 26px; height: 26px; display:block; stroke:#fff; }
body.page-how-we-work .hww-agile-process__card-title{ margin:0; text-align:center; font-size: 22px; font-weight: 700; color: #0b0c0d; letter-spacing: -0.012em; line-height: 1.25; }
body.page-how-we-work .hww-agile-process__card-desc{ margin: 25px auto 0; text-align:center; font-size: 14px; line-height: 1.75; color: rgba(11,12,13,.72); max-width: 560px; }

@media (max-width: 1024px){
  body.page-how-we-work .hww-agile-process{ padding: 80px 0 72px; }
  body.page-how-we-work .hww-agile-process__card{ position:relative; top:auto; transform:none; min-height: auto; }
  body.page-how-we-work .hww-agile-process__card + .hww-agile-process__card{ margin-top: 18px; }
}

body.page-how-we-work .about-leadership{ margin-top: 56px; padding-bottom: 10px; background: #05070b; }
body.page-how-we-work .about-leadership__head{ text-align:center; max-width: 820px; margin: 0 auto 28px; display:flex; flex-direction:column; gap: 10px;}
body.page-how-we-work .about-leadership__head h2{ margin:0; font-size: 22px; font-weight: 500; color: rgba(255,255,255,.92); }
body.page-how-we-work .about-leadership__head p{ margin:0; font-size: 14px; line-height: 1.75; color: rgba(255,255,255,.70);}
body.page-how-we-work .about-leadership__grid{ display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
body.page-how-we-work .about-leadership__card{ display:flex; flex-direction:column; gap: 10px;}
body.page-how-we-work .about-leadership__photo{ border-radius: 16px; overflow:hidden; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); box-shadow: 0 22px 56px rgba(0,0,0,.55); aspect-ratio: 3 / 4; }
body.page-how-we-work .about-leadership__photo img{ width:100%; height:100%; object-fit: cover; display:block;}
body.page-how-we-work .about-leadership__name{ font-size: 10px; font-weight: 800; color: rgba(255,255,255,.92); }
body.page-how-we-work .about-leadership__role{ font-size: 9px; color: rgba(255,255,255,.55);}
body.page-how-we-work .about-leadership__cta{ display:flex; justify-content:center; margin-top: 22px; }
body.page-how-we-work .about-leadership__btn{ display:inline-flex; align-items:center; justify-content:center; padding: 10px 18px; border-radius: 999px; border: 1px solid rgba(255,255,255,.30); color: rgba(255,255,255,.92); background: transparent; text-decoration: none; font-size: 14px;}
body.page-how-we-work .about-leadership__btn:hover{ background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.45); }

@media (max-width: 1100px){
  body.page-how-we-work .about-leadership__grid{ grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media (max-width: 640px){
  body.page-how-we-work .about-leadership__grid{ grid-template-columns: repeat(2, minmax(0, 1fr));}
}

body.page-how-we-work .hww-engagement{ background: radial-gradient(1200px 520px at 50% 0%, rgba(31,108,255,.55), rgba(5,7,11,0) 62%), linear-gradient(180deg, #0b2450, #0a3bdc 55%, #05070b); padding: 90px 0 84px; overflow:hidden; }
body.page-how-we-work .hww-engagement__head{ text-align:center; max-width: 820px; margin: 0 auto 34px; }
body.page-how-we-work .hww-engagement__head h2{ margin:0 0 12px; font-size: clamp(26px, 3.3vw, 40px); line-height:1.15; letter-spacing:-0.02em; color:#fff; font-weight: 600; white-space: pre-line;}
body.page-how-we-work .hww-engagement__head p{ margin:0; font-size: 14px; line-height: 1.85; color: rgba(255,255,255,.72); }
body.page-how-we-work .hww-engagement__grid{ display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; align-items:stretch;}
body.page-how-we-work .hww-engagement__card{ text-align:center; padding: 18px 14px; border-left: 1px solid rgba(255,255,255,.14); }
body.page-how-we-work .hww-engagement__card:first-child{ border-left: 0;}
body.page-how-we-work .hww-engagement__icon{ width: 38px; height: 38px; margin: 0 auto 12px; border-radius: 999px; background: #fff; display:grid; place-items:center; }
body.page-how-we-work .hww-engagement__icon svg{ width: 18px; height: 18px; color: #0a49ff; display:block;}
body.page-how-we-work .hww-engagement__card h3{ margin: 0 0 8px; font-size: 14px; font-weight: 900; color:#fff; }
body.page-how-we-work .hww-engagement__card p{ margin:0; font-size: 14px; line-height: 1.8; color: rgba(255,255,255,.70);}
@media (max-width: 980px){
  body.page-how-we-work .hww-engagement__grid{ grid-template-columns: 1fr 1fr;}
  body.page-how-we-work .hww-engagement__card{ border-left: 0; border-top: 1px solid rgba(255,255,255,.14); padding-top: 22px; }
  body.page-how-we-work .hww-engagement__card:nth-child(-n+2){ border-top: 0; padding-top: 18px;}
}
@media (max-width: 560px){
  body.page-how-we-work .hww-engagement__grid{ grid-template-columns: 1fr;}
  body.page-how-we-work .hww-engagement__card:nth-child(-n+2){ border-top: 1px solid rgba(255,255,255,.14); }
  body.page-how-we-work .hww-engagement__card:first-child{ border-top: 0;}
}


body.page-how-we-work .hww-consulting-proof{ background: radial-gradient(1200px 520px at 50% 0%, rgba(31,108,255,.55), rgba(5,7,11,0) 62%), linear-gradient(180deg, #0b2450, #0a3bdc 55%, #05070b); padding: 96px 0; overflow:hidden;}
body.page-how-we-work .hww-consulting-proof__grid{ display:grid; grid-template-columns: minmax(0, 520px) minmax(0, 1fr); gap: 42px; align-items:center;}
body.page-how-we-work .hww-consulting-proof__left h2{ margin:0; font-size: clamp(28px, 3.8vw, 46px); line-height:1.12; letter-spacing:-0.02em; color:#fff; }
body.page-how-we-work .hww-consulting-proof__left p{ margin: 14px 0 0; font-size: 14px; line-height: 1.85; color: rgba(255,255,255,.72); max-width: 520px;}
body.page-how-we-work .hww-consulting-proof__btn{ margin-top: 18px; display:inline-flex; align-items:center; justify-content:center; padding: 10px 18px; border-radius: 999px; border: 1px solid rgba(255,255,255,.30); color: rgba(255,255,255,.92); background: transparent; text-decoration: none; font-size: 14px; font-weight: 700; }
body.page-how-we-work .hww-consulting-proof__btn:hover{ background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.45);}

body.page-how-we-work .hww-vmarquee{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; height: 520px; }
body.page-how-we-work .hww-vmarquee__col{ position:relative; overflow:hidden; border-radius: 14px; border: 1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.18);}
body.page-how-we-work .hww-vmarquee__track{ display:flex; flex-direction:column; gap: 12px; padding: 14px; will-change: transform; }
body.page-how-we-work .hww-vmarquee__col--up .hww-vmarquee__track{ animation: hwwVMarqueeUp 24s linear infinite;}
body.page-how-we-work .hww-vmarquee__col--down .hww-vmarquee__track{ animation: hwwVMarqueeDown 24s linear infinite; }

body.page-how-we-work .hww-tcard{ border-radius: 14px; border: 1px solid rgba(255,255,255,.12); background: rgba(6,10,18,.78); backdrop-filter: blur(8px); padding: 14px; box-shadow: 0 18px 44px rgba(0,0,0,.35);}
body.page-how-we-work .hww-tcard__head{ display:flex; gap: 10px; align-items:center; }
body.page-how-we-work .hww-tcard__avatar{ width: 46px; height: 46px; border-radius: 12px; overflow:hidden; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.10); flex: 0 0 auto;}
body.page-how-we-work .hww-tcard__avatar img{ width:100%; height:100%; object-fit: cover; display:block; }
body.page-how-we-work .hww-tcard__name{ font-size: 10px; font-weight: 900; color: rgba(255,255,255,.92);}
body.page-how-we-work .hww-tcard__role{ margin-top: 2px; font-size: 9px; color: rgba(255,255,255,.60); }
body.page-how-we-work .hww-tcard__quote{ margin: 10px 0 0; font-size: 10px; line-height: 1.75; color: rgba(255,255,255,.72); display:-webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow:hidden; }

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

@media (prefers-reduced-motion: reduce){
  body.page-how-we-work .hww-vmarquee__col--up .hww-vmarquee__track,
  body.page-how-we-work .hww-vmarquee__col--down .hww-vmarquee__track{ animation: none !important;}
}

@media (max-width: 980px){
  body.page-how-we-work .hww-consulting-proof__grid{ grid-template-columns: 1fr;}
  body.page-how-we-work .hww-vmarquee{ height: 440px; }
}

body.page-how-we-work .hww-compliance{ background:#05070b; padding: 96px 0 84px; }
body.page-how-we-work .hww-compliance__head{ max-width: 820px; margin: 0 auto 18px; text-align:left; }
body.page-how-we-work .hww-compliance__head h2{ margin:0 0 12px; font-size: clamp(26px, 3.3vw, 40px); line-height:1.2; letter-spacing:-0.02em; color:#fff; font-weight: 600; white-space: pre-line;}
body.page-how-we-work .hww-compliance__head p{ margin:0; font-size: 14px; line-height: 1.85; color: rgba(255,255,255,.72); }

body.page-how-we-work .hww-compliance__tabs{ margin-top: 18px; display:flex; flex-wrap:wrap; gap: 10px; justify-content:center;}
body.page-how-we-work .hww-compliance__tab{ border: 1px solid rgba(255,255,255,.22); background: transparent; color: rgba(255,255,255,.78); padding: 10px 14px; border-radius: 999px; font-size: 14px; font-weight: 800; letter-spacing: .01em; cursor:pointer; }
body.page-how-we-work .hww-compliance__tab.is-active{ background:#fff; color:#05070b; border-color:#fff;}

body.page-how-we-work .hww-compliance__panels{ margin-top: 22px; }
body.page-how-we-work .hww-compliance__cols{ display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 60px; max-width: 980px; margin: 0 auto;}
body.page-how-we-work .hww-compliance__kicker{ font-size: 14px; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.55); margin-bottom: 12px; }
body.page-how-we-work .hww-compliance__list{ list-style:none; margin:0; padding:0; display:grid; gap: 12px;}
body.page-how-we-work .hww-compliance__list li{ display:grid; grid-template-columns: 10px 1fr; gap: 12px; align-items:start; font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.84); }
body.page-how-we-work .hww-compliance__list li::before{ content:""; width: 8px; height: 8px; border-radius: 999px; background: #d4f24a; margin-top: 4px; box-shadow: 0 0 0 3px rgba(212,242,74,.14);}
body.page-how-we-work .hww-compliance__tools p{ margin:0; font-size: 14px; line-height: 1.8; color: rgba(255,255,255,.72); }

 .hww-qsc{
   background:#000;
   padding:100px 0 110px;
   color:#fff;
 }
 .hww-qsc-head{
   max-width:980px;
   margin:0 auto 34px;
   text-align:left;
 }
 .hww-qsc-head h2{
   margin:0 0 18px;
   font-size:clamp(30px, 4vw, 46px);
   line-height:1.2;
   font-weight:600;
   color:#fff;
 }
 .hww-qsc-head p{
   margin:0;
   max-width:920px;
   color:rgba(255,255,255,0.78);
   font-size:15px;
   line-height:1.75;
 }
 .hww-qsc-tabs{
   display:flex;
   align-items:center;
   gap:14px;
   flex-wrap:wrap;
   padding:0;
   margin:34px 0 48px;
 }
 .hww-qsc-tab{
   appearance:none;
   border:none;
   background:transparent;
   color:rgba(255,255,255,0.62);
   font-size:14px;
   font-weight:600;
   letter-spacing:0.02em;
   padding:12px 20px;
   border-radius:999px;
   cursor:pointer;
   transition:background .2s ease, color .2s ease, transform .2s ease;
 }
 .hww-qsc-tab.is-active{
   background:#fff;
   color:#0b0b0b;
   transform:translateY(-1px);
 }
 .hww-qsc-tab:focus-visible{
   outline:2px solid rgba(255,255,255,0.7);
   outline-offset:4px;
 }
 .hww-qsc-panel{
   display:none;
   grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
   gap:54px;
   align-items:flex-start;
 }
 .hww-qsc-panel.is-active{
   display:grid;
 }
 .hww-qsc-col-title{
   margin:0 0 18px;
   font-size:12px;
   font-weight:700;
   letter-spacing:0.16em;
   text-transform:uppercase;
   color:rgba(255,255,255,0.55);
 }
 .hww-qsc-standards{
   list-style:none;
   margin:0;
   padding:0;
   display:flex;
   flex-direction:column;
   gap:16px;
 }
 .hww-qsc-standards li{
   display:flex;
   align-items:flex-start;
   gap:12px;
   font-size:14px;
   line-height:1.6;
   color:rgba(255,255,255,0.8);
 }
 .hww-qsc-check{
   width:18px;
   height:18px;
   display:inline-flex;
   align-items:center;
   justify-content:center;
   color:#ffe44d;
   font-size:16px;
   line-height:1;
   margin-top:2px;
   flex-shrink:0;
 }
 .hww-qsc-practices{
   margin:0;
   color:rgba(255,255,255,0.82);
   font-size:14px;
   line-height:1.7;
   max-width:520px;
 }
 @media (max-width: 900px){
   .hww-qsc-panel{
     grid-template-columns:1fr;
     gap:34px;
 }
   .hww-qsc-tabs{
     gap:10px;
 }
 }

@media (max-width: 980px){
  body.page-how-we-work .hww-compliance__head{ text-align:center;}
  body.page-how-we-work .hww-compliance__cols{ grid-template-columns: 1fr; gap: 26px; }
}

body.page-how-we-work .hww-partners{ background:#05070b; padding: 96px 0 92px; }
body.page-how-we-work .hww-partners__grid{ display:grid; gap: 28px; }
body.page-how-we-work .hww-partners__head{ max-width: 920px; margin: 0 auto; text-align:center; }
body.page-how-we-work .hww-partners__head h2{ margin:0 0 16px; font-size: clamp(34px, 4.6vw, 56px); line-height:1; letter-spacing:-0.02em; color:#fff; font-weight: 600; white-space: pre-line; }
body.page-how-we-work .hww-partners__head p{ margin:0 auto; font-size: 17px; line-height: 1.75; color: rgba(255,255,255,.72); max-width: 860px; }

body.page-how-we-work .hww-partners__body{ display:grid; grid-template-columns: minmax(0, 420px) minmax(0, 1fr); gap: 90px; align-items:start; margin-top: 52px; }
body.page-how-we-work .hww-partners__media{ position: sticky; top: 140px; aspect-ratio: 4/3; border-radius: 18px; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.06); box-shadow: 0 22px 56px rgba(0,0,0,.55); display:grid; place-items:center; overflow:hidden; }
body.page-how-we-work .hww-partners__img{ max-width: 70%; max-height: 70%; width: auto; height: auto; object-fit: contain; display:block; filter: brightness(0) invert(1); transition: filter .3s ease; }
body.page-how-we-work .hww-partners__fallback{ font-size: 16px; font-weight: 800; color: rgba(255,255,255,.92); letter-spacing: -0.01em; }
body.page-how-we-work .hww-partners__media[data-theme="green"]{ background: #66e14a; border-color: rgba(102,225,74,.45); }
body.page-how-we-work .hww-partners__media[data-theme="green"] .hww-partners__img{ filter: brightness(1) invert(0); }
body.page-how-we-work .hww-partners__media[data-theme="green"] .hww-partners__fallback{ color:#0b0c0d;}

body.page-how-we-work .hww-partners__list{ display:flex; flex-direction:column; gap: 26px; padding-top: 0; max-width: 420px; margin: 0 auto; text-align:center; }
body.page-how-we-work .hww-partners__list::after{ content:""; display:block; height: 40vh; }
body.page-how-we-work .hww-partners__item{ font-size: clamp(28px, 3.5vw, 42px); font-weight: 700; color: rgba(255,255,255,.25); letter-spacing: -0.01em; line-height: 1.35; text-align:center; cursor: pointer; transition: color .3s ease; }
body.page-how-we-work .hww-partners__item:hover{ color: rgba(255,255,255,.55); }
body.page-how-we-work .hww-partners__item.is-active{ color: rgba(255,255,255,.95); }

@media (max-width: 980px){
  body.page-how-we-work .hww-partners__body{ grid-template-columns: 1fr; gap: 28px; margin-top: 28px; }
  body.page-how-we-work .hww-partners__media{ position: relative; top: auto; }
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 560px){
  .industries-awards-cta{ padding:70px 0 90px;}
  .industries-awards-title{ font-size:34px; }
  .industries-awards-row{ gap:0;}
  .industries-awards-item{ min-width:50%; border-left:none !important; }
  .industries-awards-item:nth-child(even){ border-left:1px solid rgba(11,11,11,0.18) !important;}
  .industries-awards-item{ border-top:1px solid rgba(11,11,11,0.12); }
  .industries-awards-item:nth-child(1),
  .industries-awards-item:nth-child(2){ border-top:none;}
}
@media (max-width: 1024px){
  .ai-case-slide { grid-template-columns: 1fr; min-height: 0;}
  .ai-case-card { border-right: none; border-bottom: 1px solid var(--color-border); padding: 40px 32px; }
  .ai-case-media { padding: 0; min-height: 280px; }
  .ai-case-media img { width: 100%; height: 100%; object-fit: cover; }
  .ai-case-arrow.prev { left: 12px;}
  .ai-case-arrow.next { right: 12px; }
}
@media (max-width: 640px){
  .ai-case-stories { padding: 64px 0;}
  .ai-case-card { padding: 32px 24px; }
  .ai-case-media { padding: 0; min-height: 220px; }
  .ai-case-arrow { width: 44px; height: 44px; font-size: 26px; top: auto; bottom: 16px; transform: none; }
  .ai-case-arrow.prev { left: 16px;}
  .ai-case-arrow.next { right: 16px; }
  .ai-case-arrow:hover { transform: scale(1.05);}
  .ai-case-tabs { gap: 16px; }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mobile-app-automation-cta-feature{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 12px;
  background: rgba(9, 44, 150, 0.55);
  border: 1px solid rgba(255,255,255,.18);
  color:#fff;
  text-decoration:none;
  font-weight: 600;
  font-size: 12px;
}

.mobile-app-automation-cta-feature:hover{
  background: rgba(9, 44, 150, 0.65);
}

.mobile-app-automation-cta-feature-icon{
  width: 20px;
  height: 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.92);
}

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

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

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

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

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

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

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

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

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

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

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

.rps-services-tab{
  width:100%;
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:10px 14px;
  border-radius:14px;
  font-size:15px;
  cursor:pointer;
  color:#020617;
  text-align:left;
  transition:background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.rps-services-tab:hover{
  background:#e5ecff;
}
.rps-services-tab.is-active{
  background:#1163fb;
  color:#ffffff;
  transform:translateX(4px);
}
.rps-services-tab.is-active .rps-services-suite-index{
  color:#e5edff;
}
.rps-services-suite-index{
  font-weight:600;
  color:#6b7280;
  min-width:24px;
}
.rps-services-suite-label{
  font-weight:500;
}
.rps-services-suite-primary{
  background:linear-gradient(145deg, #020617, #020617 40%, #111827 100%);
  border-radius:26px;
  padding:32px 34px 34px;
  box-shadow:0 30px 70px rgba(15,23,42,0.75);
  color:#e5e7eb;
  display:flex;
  flex-direction:column;
  gap:26px;
  min-height:340px;
}
.rps-services-suite-primary-head h3{
  margin:0 0 10px;
  font-size:22px;
  color:#f9fafb;
}
.rps-services-suite-primary-head p{
  margin:0;
  font-size:15px;
  line-height:1.7;
  color:#d1d5db;
}
.rps-services-suite-primary-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:20px;
  margin-top:12px;
}
.rps-services-suite-step{
  background:rgba(15,23,42,0.85);
  border-radius:18px;
  padding:18px 20px;
  border:1px solid rgba(148,163,184,0.45);
}
.rps-services-suite-step h4{
  margin:0 0 8px;
  font-size:15px;
  color:#e5edff;
}
.rps-services-suite-step p{
  margin:0;
  font-size:14px;
  line-height:1.6;
  color:#cbd5f5;
}

.lasting-partnerships{
  padding:90px 0 100px;
  background:linear-gradient(180deg, #1163fb 0%, #000 100%);
  color:#fff;
}
.lasting-partnerships-head{ text-align:center;}
.lasting-partnerships-head h2{ margin:0; font-size:clamp(30px, 4vw, 46px); font-weight:500; line-height:1.15; }
.lasting-partnerships-head .is-highlight{ color:#ffe44d; font-weight:700;}

.lasting-partnerships-stage{
  display:grid;
  grid-template-columns: 300px 1fr;
  gap:0;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,0.55);
}

.lasting-partnerships-ratings{
  background:#fbf6cf;
  padding:42px 26px;
  display:flex;
  flex-direction:column;
  gap:40px;
  justify-content:center;
  color:#0b0b0b;
}

.lasting-partnerships-rating{ text-align:center; display:grid; gap:10px; }
.lasting-partnerships-rating-score{ font-size:52px; font-weight:700; line-height:1;}
.lasting-partnerships-rating-stars{ color:#ffd24d; letter-spacing:2px; font-size:14px; }
.lasting-partnerships-rating-brand{ display:flex; justify-content:center;}
.lasting-partnerships-rating-brand img{ max-width:130px; max-height:34px; width:auto; height:auto; object-fit:contain; }

.lasting-partnerships-carousel{ background:#0a0a0a; overflow:hidden;}
.lasting-partnerships-track{
  display:flex;
  transition:transform .45s cubic-bezier(.22,1,.36,1);
  --lp-index:0;
  transform:translateX(calc(var(--lp-index) * -100%));
}
.lasting-partnerships-track.is-jumping{ transition:none; }
.lasting-partnerships[data-lasting-mode="marquee"] .lasting-partnerships-track{ transition:none;}
.lasting-partnerships[data-lasting-mode="cards"] .lasting-partnerships-track{ transform:translateX(calc(var(--lp-index) * -50%)); }
.lasting-partnerships-slide{ flex:0 0 50%;width:500px; min-width:0;}
.lasting-partnerships-card{
  padding:34px 34px 30px;
  background:linear-gradient(180deg, rgba(0,0,0,0.78), rgba(0,0,0,0.92));
  border-right:1px solid rgba(255,255,255,0.08);
  min-height:650px;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.lasting-partnerships-slide:last-child .lasting-partnerships-card{ border-right:none; }
.lasting-partnerships-quote{ font-size:54px; line-height:1; color:#fff; opacity:0.95;}
.lasting-partnerships-copy{ margin:0; font-size: clamp(1rem, 1rem + 0vw, 1rem); line-height:1.8; color:rgba(255,255,255,0.75); max-width:560px; }
.lasting-partnerships-author{ margin-top:auto; display:flex; align-items:center; gap:12px;}
.lasting-partnerships-avatar{ width:36px; height:36px; border-radius:50%; object-fit:cover; display:block; }
.lasting-partnerships-author-meta strong{ display:block; font-size:13px; font-weight:700; color:#fff;}
.lasting-partnerships-author-meta span{ display:block; font-size:11px; color:rgba(255,255,255,0.72); }

.lasting-partnerships-controls{ display:flex; justify-content:center; gap:18px; margin-top:26px;}
.lasting-partnerships-nav{
  width:60px;
  height:60px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.35);
  background:transparent;
  color:#fff;
  font-size:34px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform .2s ease, background .2s ease, border-color .2s ease;
}
.lasting-partnerships-nav:hover{ transform:translateY(-2px); background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.55); }

.lasting-partnerships-cta{ display:flex; justify-content:center; gap:18px; margin-top:22px; flex-wrap:wrap;}
.lasting-partnerships-btn{ display:inline-flex; align-items:center; gap:10px; padding:14px 26px; border-radius:999px; text-decoration:none; font-weight:600; }
.lasting-partnerships-btn.btn-outline{ border:1px solid rgba(255,255,255,0.65); color:#fff; background:transparent;}
.lasting-partnerships-btn.btn-outline:hover{ border-color:#fff; background:rgba(255,255,255,0.06); }
.lasting-partnerships-btn.btn-solid{ background:#1c5cf0; color:#fff; border:1px solid transparent;}
.lasting-partnerships-btn.btn-solid:hover{ background:#1a54d6; }

@media (max-width: 980px){
  .lasting-partnerships-stage{ grid-template-columns:1fr;}
  .lasting-partnerships-ratings{ flex-direction:row; gap:26px; padding:22px 18px; }
  .lasting-partnerships-rating{ flex:1;}
}
@media (max-width: 720px){
  .lasting-partnerships-slide{ flex:0 0 100%;}
  .lasting-partnerships[data-lasting-mode="cards"] .lasting-partnerships-track{ flex-direction:column; transform:none; }
  .lasting-partnerships[data-lasting-mode="cards"] .lasting-partnerships-slide[data-lasting-clone]{ display:none; }
  .lasting-partnerships-card{ border-right:none; border-bottom:1px solid rgba(255,255,255,0.08); min-height:auto;}
}

@media (max-width: 900px){
  .rps-services-suite-layout{ grid-template-columns:1fr;}
  .rps-services-suite-list{ max-height:none; overflow:visible; }
  .rps-services-suite-scroll{ height:auto; overflow:visible;}
  .rps-services-suite-primary{ padding:24px 20px;}
  .rps-services-suite-primary-grid{ grid-template-columns:1fr;}
}

 .rps-process-scope .cb-process{
  background:#000;
  padding:110px 0;
  --cb-process-step-bg: #000;
}
.rps-process-scope .cb-process-head{
  text-align:left;
  display:grid;
  gap:16px;
}
 .rps-process-scope .cb-process-head h2{
  margin:0;
  font-size:clamp(34px, 4.2vw, 52px);
  font-weight:500;
  line-height:1.15;
  color:#fff;
}
 .rps-process-scope .cb-process-head h2 .is-highlight{ color:#1163fb; }
 .rps-process-scope .cb-process-head p{
  margin:0;
  font-size:14px;
  line-height:1.8;
  color:rgba(255,255,255,0.72);
  max-width:720px;
}
 .rps-process-scope .cb-process-list{ gap:0; }
 .rps-process-scope .cb-process-step{
  position:relative;
  top:auto;
  padding:52px 0;
  background:transparent;
  grid-template-columns:70px 1px 1fr;
  gap:36px;
  border-top:1px solid rgba(255,255,255,0.14);
}
 .rps-process-scope .cb-process-step:last-child{
  border-bottom:1px solid rgba(255,255,255,0.14);
}
 .rps-process-scope .cb-process-num{
  font-size:12px;
  font-weight:700;
  letter-spacing:0.18em;
  color:rgba(255,255,255,0.75);
  padding-top:6px;
}
 .rps-process-scope .cb-process-divider{
  width:1px;
  background:rgba(255,255,255,0.12);
  border-radius:1px;
}
 .rps-process-scope .cb-process-body{ gap:14px; padding-left:22px; }
 .rps-process-scope .cb-process-body h3{ font-size:18px; font-weight:600; color:#fff;}
 .rps-process-scope .cb-process-body p{ font-size:14px; line-height:1.8; color:rgba(255,255,255,0.72); max-width:760px; }
@media (max-width: 900px){
  .rps-process-scope .cb-process-step{ grid-template-columns:1fr; gap:14px;}
  .rps-process-scope .cb-process-divider{ display:none; }
  .rps-process-scope .cb-process-body{ padding-left:0;}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ai-copilot-roadmap{
  background:#fff;
  padding:100px 0 120px;
  color:#0b0b0b;
}
.ai-copilot-roadmap.ai-copilot-roadmap--dark{
  background:#000;
  color:#fff;
}
.ai-copilot-roadmap-head{ max-width:920px; margin:0 auto; text-align:center;}
.ai-copilot-roadmap-head h2{ margin:0 0 16px; font-size:clamp(30px, 4vw, 46px); font-weight:600; line-height:1.2; color:#0b0b0b; }
.ai-copilot-roadmap-head h2 .is-highlight{ color:#1163fb;}
.ai-copilot-roadmap-head p{ margin:0 auto; font-size:16px; line-height:1.7; color:rgba(11,11,11,0.72); max-width:760px; }
.ai-copilot-roadmap.ai-copilot-roadmap--dark .ai-copilot-roadmap-head h2{ color:#fff;}
.ai-copilot-roadmap.ai-copilot-roadmap--dark .ai-copilot-roadmap-head p{ color:rgba(255,255,255,0.74); }
.ai-copilot-roadmap-list{ position:relative; display:flex; flex-direction:column; gap:0; max-width:1100px; margin:0 auto;}
.ai-copilot-roadmap-item{ display:grid; grid-template-columns:1fr 88px 1fr; gap:38px; padding:76px 0; border-top:none; align-items:center; }
.ai-copilot-roadmap-left{ text-align:right;}
.ai-copilot-roadmap-left h3{ margin:0; font-size:24px; font-weight:600; color:#0b0b0b; letter-spacing:-0.01em;}
.ai-copilot-roadmap-right p{ margin:0; font-size:16px; line-height:1.7; color:rgba(11,11,11,0.72); max-width:560px; }
.ai-copilot-roadmap.ai-copilot-roadmap--dark .ai-copilot-roadmap-left h3{ color:#fff;}
.ai-copilot-roadmap.ai-copilot-roadmap--dark .ai-copilot-roadmap-right p{ color:rgba(255,255,255,0.72); }
.ai-copilot-roadmap-middle{ position:relative; display:flex; justify-content:center;}
.ai-copilot-roadmap-dot{ width:16px; height:16px; border-radius:50%; background:#e5e7eb; position:relative; z-index:2; transform: scale(1); transition:background-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.ai-copilot-roadmap.ai-copilot-roadmap--dark .ai-copilot-roadmap-dot{ background: rgba(255,255,255,0.16);}
.ai-copilot-roadmap-rail{
  position:absolute;
  top:var(--rail-top, 0px);
  bottom:var(--rail-bottom, 0px);
  /* fallback: center under the middle column; JS can override by setting --rail-x */
  left:var(--rail-x, calc(38.3% + 44px));
  transform:translateX(-50%);
  width:3px;
  background:rgba(15, 23, 42, 0.12);
  border-radius:999px;
  overflow:hidden;
  pointer-events:none;
}
.ai-copilot-roadmap.ai-copilot-roadmap--dark .ai-copilot-roadmap-rail{ background: rgba(255,255,255,0.18); }
.ai-copilot-roadmap-rail-fill{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:var(--rail-pct, 0%);
  background:#1163fb;
  border-radius:999px;
  transition:height .35s ease;
}
.ai-copilot-roadmap-item.is-complete .ai-copilot-roadmap-dot{ background:#1163fb; transform: scale(1.25); }
.ai-copilot-roadmap-item.is-active .ai-copilot-roadmap-dot{ box-shadow:0 0 0 6px rgba(15, 23, 42, 0.10);}
.ai-copilot-roadmap-item.is-active.is-complete .ai-copilot-roadmap-dot{ box-shadow:0 12px 24px rgba(17,99,251,0.25); }
.ai-copilot-roadmap.ai-copilot-roadmap--dark .ai-copilot-roadmap-item.is-active .ai-copilot-roadmap-dot{ box-shadow:0 0 0 6px rgba(255, 255, 255, 0.10);}
@media (max-width: 900px){
  .ai-copilot-roadmap-item{ grid-template-columns:1fr; gap:14px; padding:34px 0;}
  .ai-copilot-roadmap-left{ text-align:left;}
  .ai-copilot-roadmap-middle{ display:none; }
  .ai-copilot-roadmap-rail{ display:none;}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* CV Client Journey */
.cv-client-journey{
  position:relative;
  min-height:989px;
  height:auto;
  width:100%;
  z-index:1;
  background-color:#f7f7f7;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.cv-client-journey-content{
  position:relative;
  z-index:2;
  padding:140px 0 0;
}
.cv-client-journey-bg{
  position:relative;
  z-index:1;
  margin-top:auto;
  width:100%;
  height:820px;
  background:url(/images/assets-ext/cv-client-journey-banner.webp) no-repeat bottom center / 100% auto;
}
.cv-client-journey .container{display:flex; flex-direction:column; gap:48px; position:relative; z-index:1;}
.cv-client-journey-head{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
}
.cv-client-journey-head h2{
  font-size:44px;
  font-weight:700;
  margin:0;
  color:#0b0b0b;
}
.cv-client-journey-cta{
  background:#1a63ff;
  color:#fff;
  text-decoration:none;
  padding:10px 28px;
  border-radius:10px;
  font-weight:600;
  font-size:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.cv-client-journey-steps{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:48px;
  align-items:start;
}
.cv-client-journey-card{
  background:#fff;
  border:1px solid currentColor;
  border-radius:6px;
  padding:22px 22px 24px;
  min-height:168px;
  position:relative;
  box-shadow:0 4px 12px rgba(15, 23, 42, 0.08);
  color:#1a63ff;
}
.cv-client-journey-card::after{
  content:'';
  position:absolute;
  left:18px;
  bottom:-70px;
  width:2px;
  height:64px;
  background:currentColor;
}
.cv-client-journey-card.is-up{
  transform:translateY(0);
}
.cv-client-journey-card.is-down{
  transform:translateY(60px);
}
.cv-client-journey-card:nth-child(3){
  transform:translateY(120px);
}
.cv-client-journey-card:nth-child(4){
  transform:translateY(180px);
}
.cv-client-journey-card:nth-child(5){
  transform:translateY(240px);
}
.cv-client-journey-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:currentColor;
  display:inline-block;
  margin-bottom:8px;
}
.cv-client-journey-card h3{
  margin:0 0 10px;
  font-size:16px;
  color:#0b0b0b;
}
.cv-client-journey-card p{
  margin:0;
  font-size:13px;
  color:#1f2937;
  line-height:1.6;
}
.cv-client-journey-card.accent-gold{
  color:#f2b233;
}
.cv-client-journey-card.accent-purple{
  color:#a12ccc;
}
.cv-client-journey-card.accent-violet{
  color:#9a3ad6;
}
.cv-client-journey-card.accent-blue{
  color:#4a70ff;
}
@media(max-width:1100px){
  .cv-client-journey{
    height:auto;
  }
  .cv-client-journey-content{
    padding:0px 0 0;
  }
  .cv-client-journey-bg{
    height:520px;
    background-size:150% auto;
  }
  .cv-client-journey-steps{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
  .cv-client-journey-card{
    transform:translateY(0);
  }
  .cv-client-journey-card::after{
    bottom:-36px;
    height:32px;
  }
}
@media(max-width:640px){
  .cv-client-journey{
    height:auto;
  }
  .cv-client-journey-content{
    padding:60px  0;
  }
  .cv-client-journey-bg{
    height:340px;
    background-size:200% auto;
    display:none;
  }
  .cv-client-journey-head h2{
    font-size:30px;
  }
  .cv-client-journey-steps{
    grid-template-columns:1fr;
    gap:15px;
  }
  .cv-client-journey-card::after{
    display:none;
  }
  .cv-client-journey-card.is-up{
    transform:none;
  }
  .cv-client-journey-card.is-down{
    transform:none;
  }
  .cv-client-journey-card:nth-child(3){
    transform:none;
  }
  .cv-client-journey-card:nth-child(4){
    transform:none;
  }
  .cv-client-journey-card:nth-child(5){
    transform:none;
  }
  .cv-client-journey-card{
    border-radius:0;
    background:transparent;
  }
}

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

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

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

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

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

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

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

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


}


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

.sticky-split-features-right{ position:relative; }
.sticky-split-features-rail{
  display:none;
}
.sticky-split-features-items{
  display:flex;
  flex-direction:column;
  gap:var(--ssf-item-gap);
  padding-left:0;
}
.sticky-split-features-item{
  position:relative;
  display:grid;
  grid-template-columns:var(--ssf-gap) 1fr;
  gap:28px;
  align-items:flex-start;
}
.sticky-split-features-item:not(:last-child)::after{
  content:'';
  position:absolute;
  left:calc(var(--ssf-node-width) / 2);
  top:calc(var(--ssf-dot-size) + var(--ssf-line-gap));
  width:1px;
  height:calc(100% + var(--ssf-item-gap) - (var(--ssf-line-gap) * 2));
  transform:translateX(-50%);
  background:rgba(255,255,255,.22);
  z-index:0;
}
.sticky-split-features-node{
  position:relative;
  width:var(--ssf-node-width);
  min-height:var(--ssf-dot-size);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1;
}
.sticky-split-features-node::before{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  width:calc(var(--ssf-dot-size) + (var(--ssf-line-gap) * 2));
  height:calc(var(--ssf-dot-size) + (var(--ssf-line-gap) * 2));
  border-radius:999px;
  background:#050506;
  transform:translate(-50%, -50%);
  z-index:0;
}
.sticky-split-features-dot{
  width:var(--ssf-dot-size);
  height:var(--ssf-dot-size);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 44px rgba(0,0,0,.55);
  position:relative;
  z-index:1;
}
.sticky-split-features-icon{
  position:absolute;
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.sticky-split-features-icon img{ width:22px; height:22px; display:block; filter: brightness(0) saturate(100%) invert(30%) sepia(86%) saturate(3295%) hue-rotate(214deg) brightness(103%) contrast(104%); opacity:1; }

.sticky-split-features-item-title{
  margin:0 0 10px;
  font-size:20px;
  font-weight:800;
  letter-spacing:-0.01em;
  color:#fff;
}
.sticky-split-features-item-desc{
  margin:0;
  font-size:14px;
  line-height:1.85;
  color:rgba(205,216,236,.78);
}

@media (max-width: 980px){
  .sticky-split-features{ padding:72px 0;}
  .sticky-split-features-grid{ grid-template-columns:1fr; gap:40px; }
  .sticky-split-features-left{ position:static; top:auto; max-width:none;}
  .sticky-split-features{ --ssf-item-gap: 42px; --ssf-node-width: 44px; --ssf-dot-size: 42px; --ssf-line-gap: 8px; }
  .sticky-split-features-item{ grid-template-columns:44px 1fr; gap:18px;}
  .sticky-split-features-icon{ width:18px; height:18px; }
  .sticky-split-features-icon img{ width:18px; height:18px;}
}

@media (max-width: 1200px){
  .sticky-split-features{ --ssf-gap: 60px;}
  .sticky-split-features-grid{ gap:var(--ssf-gap); }
}

@media (max-width: 640px){
  .sticky-split-features{ padding:64px 0;}
  .sticky-split-features-grid{ gap:30px; }
  .sticky-split-features{ --ssf-item-gap: 36px;}
}

/* Chatbot Services Tabs (reusable) */
.cb-services{ background:radial-gradient(120% 120% at 50% -10%, rgba(56,68,115,.32), rgba(8,10,16,.96), rgba(10,12,18,.94)); padding:90px 0 100px; color:#e8ecf7; }
.cb-services-head{ text-align:left; max-width:1100px; margin:0 0 44px; display:grid; gap:12px; }
.cb-services-head h2{ margin:0; font-size:clamp(28px,3vw,36px); letter-spacing:-0.01em; color:#f7f9ff;}
.cb-services-head p{ margin:0; color:#aab4c8; line-height:1.65; font-size:16px; max-width:980px; }
.cb-services-shell{
  display:grid;
  grid-template-columns:60% 40%;
  gap:26px;
  align-items:start;
  background:linear-gradient(90deg, rgba(8,10,16,0.98) 0%, rgba(10,12,18,0.96) 35%, rgba(22,28,42,0.90) 65%, rgba(34,40,54,0.88) 100%);
  border-radius:18px;
  padding:42px 30px 48px;
  box-shadow:none;
  border:0;
}
.cb-service-tabs{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; align-content:start; }
.cb-service-tabs .tech-tabs-scroll{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  align-content:start;
  grid-column: 1 / -1;
  width: 100%;
  max-height: 328px;
  overflow-y:auto;
  padding-right:8px;
}
 .cb-service-tabs .tech-tabs-scroll::-webkit-scrollbar-button{
  display:none;
  height:0;
  width:0;
}
.cb-service-tab{
  width:100%;
  text-align:left;
  padding:14px 16px;
  min-height:100px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(19,22,30,.72), rgba(13,15,21,.78));
  color:#e3e7f3;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:center;
  cursor:pointer;
  transition:all .22s ease;
  box-shadow:0 10px 22px rgba(0,0,0,.22);
}
.cb-service-tab:hover{ border-color:rgba(255,255,255,.16); color:#ffffff; transform:translateY(-2px); }
.cb-service-tab.is-active{ background:linear-gradient(135deg,#1263ff,#0d5ae6); color:#fff; border-color:rgba(18,99,255,.78); box-shadow:0 16px 28px rgba(18,99,255,.28);}
.cb-tab-icon{ width:22px; height:22px; display:grid; place-items:center; font-size:15px; }
.cb-tab-icon svg{ width:18px; height:18px; }
.cb-tab-label{ font-weight:700; font-size:15px;}
.cb-service-panels{ background:transparent; border:0; border-radius:16px; padding:26px 28px; min-height:330px; box-shadow:none; color:#dfe3ee; }
.cb-service-panel{ display:none;}
.cb-service-panel.is-active{ display:block; }
.cb-panel-head{ display:flex; gap:12px; align-items:center; margin-bottom:14px;}
.cb-panel-icon{ width:30px; height:30px; border-radius:10px; background:rgba(18,99,255,.12); display:grid; place-items:center; font-size:16px; color:#6ba6ff; }
.cb-panel-icon svg{ width:18px; height:18px; }
.cb-service-panel h3{ margin:0; font-size:20px; color:#f7f9ff;}
.cb-panel-list{ list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.cb-panel-list li{ display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:flex-start; color:#cbd3e3; font-size:16px; line-height:1.68;}
.cb-panel-tick{ color:#4aa0ff; font-weight:800; font-size:14px; }
.cb-panel-list strong{ display:block; color:#f4f7ff; font-weight:700;}
.cb-panel-list span{ display:block; }
.cb-services-cta{ margin-top:22px;}
.cb-services-cta .btn-primary{ background:linear-gradient(135deg,#1263ff,#0d5ae6); color:#fff; padding:12px 18px; border-radius:10px; border:1px solid rgba(18,99,255,.65); box-shadow:0 12px 28px rgba(18,99,255,.3); }

/* Wearables-style partial scroll (4 fully visible + 2 partially visible) */
.cb-services.cb-services--partial-scroll .cb-service-tabs{ max-height: 285px; overflow-y:auto; padding-right: 8px;}
.cb-services.cb-services--partial-scroll .cb-service-tabs::-webkit-scrollbar{ width: 6px; }
.cb-services.cb-services--partial-scroll .cb-service-tabs::-webkit-scrollbar-track{ background: transparent;}
.cb-services.cb-services--partial-scroll .cb-service-tabs::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.18); border-radius: 999px; }
.cb-services.cb-services--partial-scroll .cb-service-tabs::-webkit-scrollbar-thumb:hover{ background: rgba(255,255,255,.28);}

@media (max-width:960px){
  .cb-services-shell{ grid-template-columns:1fr;}
  .cb-service-tabs{ grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
  .cb-service-panels{ min-height:auto;}
}

/* Chatbot Features */
.cb-features { padding: 90px 0; background: #05070b; color: #f5f7ff; }
.cb-features-head { text-align: center; max-width: 900px; margin: 0 auto 32px; display: grid; gap: 14px;}
.cb-features-head h2 { margin: 0; font-size: clamp(28px, 3.8vw, 40px); letter-spacing: -0.01em; }
.cb-features-head p { margin: 0; color: #c9d4e9; line-height: 1.7; font-size: 17px;}
.cb-features-tabs { display: inline-flex; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.14); border-radius: 14px; padding: 6px; gap: 8px; margin: 0 auto 28px auto; align-items: center; justify-content: center; }
.cb-features-tabs .cb-features-tab { border: 1px solid transparent; background: transparent; color: #dfe7fb; padding: 12px 18px; border-radius: 10px; font-weight: 700; cursor: pointer; transition: all .2s ease;}
.cb-features-tabs .cb-features-tab.is-active { background: #1f6bff; color: #fff; border-color: rgba(255,255,255,.25); box-shadow: 0 14px 30px rgba(31,107,255,.35); }
.cb-features-tabs .cb-features-tab:hover { color: #fff;}
.cb-features-panels { margin-top: 10px; }
.cb-features-panel { display: none;}
.cb-features-panel.is-active { display: block; }
.cb-feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px;}
.cb-feature-card { background: #1a1f2a; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; padding: 16px 16px 18px 16px; display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: flex-start; box-shadow: 0 18px 32px rgba(0,0,0,.32); }
.cb-feature-bullet { width: 18px; height: 18px; border-radius: 50%; border: 3px solid #1f6bff; display: inline-flex; align-items: center; justify-content: center; position: relative; top: 2px;}
.cb-feature-card h3 { margin: 0; color: #fff; font-size: 16px; }
.cb-feature-card p { margin: 4px 0 0 0; color: #d6def2; font-size: 14px; line-height: 1.6;}
@media (max-width: 640px){
  .cb-features { padding: 72px 0;}
  .cb-features-tabs { flex-wrap: wrap; }
}

body.page-magazine-newspaper .cb-features-new{
  padding: 96px 0;
  background: #fff;
  color: #0b0c0d;
}
body.page-magazine-newspaper .cb-features-new h2{
  text-align: center;
  font-size: clamp(34px, 4.4vw, 52px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  font-weight: 800;
  color: #0b0c0d;
}
body.page-magazine-newspaper .cb-features-new-lead{
  margin: 18px auto 0;
  max-width: 920px;
  text-align: center;
  color: #4b5563;
  line-height: 1.75;
  font-size: 14px;
}
body.page-magazine-newspaper .cb-features-new-tabs{
  margin: 26px auto 0;
  display: inline-flex;
  gap: 22px;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 10px;
}
body.page-magazine-newspaper .cb-features-new-tab{
  border: 0;
  background: transparent;
  padding: 0 0 10px;
  font-size: 12px;
  color: #374151;
  cursor: pointer;
  position: relative;
}
body.page-magazine-newspaper .cb-features-new-tab.is-active{
  color: #2563eb;
}
body.page-magazine-newspaper .cb-features-new-tab.is-active::after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: #2563eb;
}
body.page-magazine-newspaper .cb-features-new-panel{ margin-top: 18px; }
body.page-magazine-newspaper .cb-features-new-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}
body.page-magazine-newspaper .cb-features-new-card{
  background: #f3f4f6;
  border-radius: 8px;
  padding: 18px 18px 16px;
  border: 1px solid rgba(17, 24, 39, 0.06);
}
body.page-magazine-newspaper .cb-features-new-dot{
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: rgba(37, 99, 235, 0.10);
  margin-bottom: 10px;
}
body.page-magazine-newspaper .cb-features-new-dot-inner{
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: #2563eb;
}
body.page-magazine-newspaper .cb-features-new-card h3{
  margin: 0;
  color: #111827;
  font-size: 12px;
  font-weight: 700;
}
body.page-magazine-newspaper .cb-features-new-card p{
  margin: 8px 0 0;
  color: #6b7280;
  font-size: 11px;
  line-height: 1.65;
}
@media (max-width: 960px){
  body.page-magazine-newspaper .cb-features-new-grid{ grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 640px){
  body.page-magazine-newspaper .cb-features-new{ padding: 72px 0;}
  body.page-magazine-newspaper .cb-features-new-tabs{ width: 100%; overflow-x: auto; justify-content: flex-start; }
  body.page-magazine-newspaper .cb-features-new-grid{ grid-template-columns: 1fr;}
}

/* Chatbot Compliance */
.cb-compliance { padding: 90px 0; background: #05070b; color: #f5f7ff; }
.cb-comp-head { text-align: center; max-width: 900px; margin: 0 auto 36px; display: grid; gap: 14px;}
.cb-comp-head h2 { margin: 0; font-size: clamp(28px, 3.8vw, 40px); letter-spacing: -0.01em; }
.cb-comp-head p { margin: 0; color: #c9d4e9; line-height: 1.7; font-size: 17px;}
.cb-comp-stage { overflow: hidden; position: relative; margin-top: 12px; }
.cb-comp-rail { display: flex; gap: 18px; transition: transform .3s ease;}
.cb-comp-card { flex: 0 0 min(240px, 20%); background: #0c1018; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; padding: 18px 16px; display: grid; gap: 10px; justify-items: center; text-align: center; box-shadow: 0 16px 30px rgba(0,0,0,.3); }
.cb-comp-icon { width: 52px; height: 52px; border-radius: 16px; background: rgba(31,107,255,.12); color: #fff; display: grid; place-items: center; font-size: 22px;}
.cb-comp-card h3 { margin: 0; color: #fff; font-size: 16px; }
.cb-comp-card p { margin: 0; color: #d6def2; font-size: 13px; line-height: 1.6;}
.cb-comp-nav { display: flex; gap: 12px; justify-content: center; align-items: center; margin-top: 18px; }
.cb-comp-btn { width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.06); color: #fff; font-size: 16px; cursor: pointer; display: grid; place-items: center; transition: all .2s ease;}
.cb-comp-btn:hover { background: rgba(255,255,255,.12); }
@media (max-width: 900px){
  .cb-comp-card { flex: 0 0 calc(33.33% - 18px);}
}
@media (max-width: 640px){
  .cb-compliance { padding: 72px 0;}
  .cb-comp-card { flex: 0 0 calc(100% - 18px); }
}

/* Chatbot Differentiators */
.cb-diff { padding: 90px 0; background: #05070b; color: #f5f7ff; }
.cb-diff-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 32px; align-items: start;}
.cb-diff-left { display: flex; flex-direction: column; gap: 16px; max-width: 520px; }
.cb-diff-left h2 { margin: 0; font-size: clamp(28px, 3.8vw, 40px); letter-spacing: -0.01em;}
.cb-diff-left p { margin: 0; color: #c9d4e9; line-height: 1.7; }
.cb-diff-right { display: grid; gap: 18px;}
.cb-diff-item { display: grid; grid-template-columns: auto 1fr; gap: 16px; padding: 18px 16px; background: #0d1119; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; box-shadow: 0 16px 30px rgba(0,0,0,.28); }
.cb-diff-num { font-weight: 800; color: #3f82ff; font-size: 16px;}
.cb-diff-copy h3 { margin: 0 0 6px 0; color: #fff; font-size: 17px; }
.cb-diff-copy p { margin: 0; color: #d6def2; line-height: 1.6; font-size: 14px;}
@media (max-width: 960px){
  .cb-diff-grid { grid-template-columns: 1fr;}
  .cb-diff-left { max-width: none; }
}
@media (max-width: 640px){
  .cb-diff { padding: 72px 0;}
}

/* Chatbot Engagement CTA */
.cb-engagement { padding: 60px 0 90px 0; background: #05070b; color: #0c0f16; }
.cb-eng-card { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 18px 36px rgba(0,0,0,.3); display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: stretch;}
.cb-eng-copy { padding: 26px 26px 26px 26px; display: grid; gap: 14px; }
.cb-eng-copy h3 { margin: 0; font-size: 22px; color: #0c0f16;}
.cb-eng-copy p { margin: 0; color: #3a445a; line-height: 1.7; }
.cb-eng-bullets { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px;}
.cb-eng-bullets li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; color: #1d2a3c; font-weight: 700; font-size: 14px; }
.cb-eng-tick { width: 18px; height: 18px; border-radius: 50%; border: 3px solid #1f6bff; display: grid; place-items: center; color: #1f6bff; font-weight: 800; font-size: 11px;}
.cb-eng-cta { width:max-content;margin-top: 6px; display: inline-flex; align-items: center;height:max-content; gap: 8px; background: #1f6bff; color: #fff; border: none; border-radius: 999px; padding: 12px 20px; font-weight: 500; text-decoration: none; box-shadow: 0 18px 32px rgba(31,107,255,.35); }
.cb-eng-cta:hover { filter: brightness(1.05);}
.cb-eng-media { position: relative; }
.cb-eng-media img { width: 100%; height: 100%; object-fit: cover; display: block;}
.cb-engagement.cb-engagement--wearables .cb-eng-card{ border-radius: 14px; box-shadow: 0 22px 60px rgba(0,0,0,.38); grid-template-columns: 3fr 1fr;}
.cb-engagement.cb-engagement--wearables .cb-eng-copy{ padding: 24px 30px; gap: 12px; }
.cb-engagement.cb-engagement--wearables .cb-eng-copy h3{ font-size: 24px; line-height: 1.25;}
.cb-engagement.cb-engagement--wearables .cb-eng-copy p{ font-size: 14px; line-height: 1.65; max-width: 520px; }
.cb-engagement.cb-engagement--wearables .cb-eng-cta{ border-radius: 6px; padding: 8px 12px; font-size: 10px; box-shadow: 0 16px 32px rgba(31,107,255,.28);}

.cb-engagement.cb-engagement--wearables-ai{ padding: 80px 0 100px 0; }
.cb-engagement.cb-engagement--wearables-ai .cb-eng-card{ grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); border-radius: 12px;}
.cb-engagement.cb-engagement--wearables-ai .cb-eng-copy{ padding: 34px 36px; gap: 14px; }
.cb-engagement.cb-engagement--wearables-ai .cb-eng-copy h3{ font-size: 26px; line-height: 1.2;}
.cb-engagement.cb-engagement--wearables-ai .cb-eng-copy p{ font-size: 14px; line-height: 1.7; max-width: 560px; }
.cb-engagement.cb-engagement--wearables-ai .cb-eng-bullets li{ font-size: 13px; font-weight: 700;}
.cb-engagement.cb-engagement--wearables-ai .cb-eng-cta{ border-radius: 8px; padding: 12px 16px; font-size: 12px; }
.cb-engagement.cb-engagement--wearables-ai .cb-eng-media img{ object-position: center;}

@media (max-width: 900px){
  .cb-engagement.cb-engagement--wearables-ai{ padding: 64px 0 80px 0;}
  .cb-engagement.cb-engagement--wearables-ai .cb-eng-copy{ padding: 26px 22px; }
}
@media (max-width: 900px){
  .cb-eng-card { grid-template-columns: 1fr;}
  .cb-eng-media { order: -1; }
}
@media (max-width: 640px){
  .cb-engagement { padding: 48px 0 72px 0;}
}

/* Chatbot Awards */
.cb-awards { padding: 80px 0; background: #05070b; color: #f5f7ff; }
.cb-awards-head { text-align: center; max-width: 880px; margin: 0 auto 32px; display: grid; gap: 12px;}
.cb-awards-head h2 { margin: 0; font-size: clamp(28px, 3.8vw, 40px); letter-spacing: -0.01em; }
.cb-awards-head p { margin: 0; color: #c9d4e9; line-height: 1.7; font-size: 16px;}
.cb-awards-stage { overflow: hidden; position: relative; margin-top: 12px; }
.cb-awards-rail { display: flex; gap: 73px; transition: transform .3s ease;}
.cb-award-card { flex: 0 0 min(240px, 20%); background: #0c1018; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; padding: 16px; display: grid; gap: 12px; justify-items: center; justify-content: center; text-align: center; box-shadow: 0 16px 30px rgba(0,0,0,.3); }
.cb-award-media { width: 100%; display: flex; align-items: center; justify-content: center;}
.cb-award-media img { max-width: 140px; height: auto; object-fit: contain; display: block; }
.cb-award-meta { display: grid; gap: 6px;}
.cb-award-year { color: #8fa7d1; font-weight: 700; font-size: 14px; }
.cb-award-card h3 { margin: 0; color: #fff; font-size: 15px; line-height: 1.4;}
.cb-award-card p { margin: 0; color: #d6def2; font-size: 13px; line-height: 1.5; }
.cb-awards-nav { display: flex; gap: 12px; justify-content: center; align-items: center; margin-top: 18px;}
.cb-awards-btn { width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.06); color: #fff; font-size: 16px; cursor: pointer; display: grid; place-items: center; transition: all .2s ease; }
.cb-awards-btn:hover { background: rgba(255,255,255,.12);}
@media (max-width: 900px){
  .cb-award-card { flex: 0 0 calc(33.33% - 18px);}
}
@media (max-width: 640px){
  .cb-awards { padding: 64px 0;}
  .cb-awards-stage { overflow: hidden; }
  .cb-awards-rail { gap: 0; }
  .cb-award-card { flex: 0 0 100%; min-width: 0; max-width: 100%; box-sizing: border-box; box-shadow: none; }
}

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

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

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

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

body.page-software-enterprise-services .cb-models-tab.is-active{
  background: linear-gradient(90deg, #1b1b1b 0%, rgba(27, 27, 27, 0) 100%);
  box-shadow: inset 3px 0 0 #1b1b1b;
}
body.page-cybersecurity-services .cb-models-body{
  grid-template-columns: 38% 1px 62%;
}
body.page-cybersecurity-services .cb-models-divider{
  display: none;
}
body.page-cybersecurity-services .cb-models-panels{
  background: #5a5a5a;
  border: 1px solid rgba(255,255,255,.12);
  padding: 34px 40px;
  box-shadow: 0 16px 30px rgba(0,0,0,.28);
}
body.page-cybersecurity-services .cb-models-detail-card{
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  min-height: 0;
  box-shadow: none;
  max-width: none;
}
body.page-cybersecurity-services .cb-models-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
}
body.page-cybersecurity-services .cb-model-card{
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 8px 0;
  min-height: auto;
  box-shadow: none;
}
body.page-cybersecurity-services .cb-model-card span{
  font-weight: 600;
}
/* .cb-models-divider { width: 1px; background: linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.04)); height: 100%; } */
.cb-models-panels { width: 100%;}
.cb-models-panel { display: none; }
.cb-models-panel.is-active { display: block;}
.cb-models-detail-card{ background: #1f2937; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; padding: 44px 46px; min-height: 240px; box-shadow: 0 16px 30px rgba(0,0,0,.28); max-width: 840px; }
.cb-models-detail-icon{ width:38px; height:38px; display:block; margin:0 0 18px; filter: invert(1) brightness(1.1); opacity:0.9;}
.cb-models-detail-title{ margin:0 0 10px; font-size: 22px; font-weight: 800; color:#fff; }
.cb-models-detail-desc{ margin:0; color: rgba(255,255,255,0.78); font-size: 14px; line-height: 1.7; max-width: 640px;}
.cb-models-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px; }
.cb-model-card { background: #0d1119; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; padding: 14px 12px; display: grid; gap: 12px; place-items: center; text-align: center; min-height: 140px; box-shadow: 0 16px 30px rgba(0,0,0,.28);}
.cb-model-card img { max-height: 40px; max-width: 120px; width: auto; height: auto; object-fit: contain; filter: invert(1) brightness(1.1); }
.cb-model-card span { color: #fff; font-weight: 700; font-size: 14px;}
@media (max-width: 960px){
  .cb-models-body { grid-template-columns: 1fr;}
  .cb-models-divider { display: none; }
  .cb-models-tabs { max-height: none; overflow-y: visible; padding-right: 0; flex-direction: column; flex-wrap: nowrap; max-height: calc(4 * 58px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: #fff rgba(255,255,255,.14);}
  .cb-models-tab { flex: 0 0 auto; font-size: var(--fs-body, 16px); padding: 14px 18px; gap: 10px;}
  .cb-models-tab-icon{ width: 22px; height: 22px;}
  .cb-models-head h2 { font-size: var(--fs-h2-mobile, 28px);}
  .cb-models-head p { font-size: var(--fs-body, 15px);}
  .cb-models-detail-card{ padding: 28px 24px;}
  .cb-models-detail-title{ font-size: var(--fs-h3-mobile, 18px);}
  .cb-models-detail-desc{ font-size: var(--fs-small, 13px);}
}
@media (max-width: 640px){
  .cb-models { padding: 60px 0;}
  .cb-models-head h2 { font-size: var(--fs-h2-mobile, 24px);}
  .cb-models-head p { font-size: var(--fs-small, 14px);}
  .cb-models-tab { font-size: var(--fs-small, 14px); padding: 12px 16px;}
  .cb-models-tabs { max-height: calc(4 * 50px);}
}

/* Chatbot Framework */
.cb-framework { padding: 90px 0; background: #05070b; color: #f5f7ff; }
.cb-framework-head { text-align: center; max-width: 960px; margin: 0 auto 32px; display: grid; gap: 12px;}
.cb-framework-head h2 { margin: 0; font-size: clamp(28px, 3.8vw, 40px); letter-spacing: -0.01em; }
.cb-framework-head p { margin: 0; color: #c9d4e9; line-height: 1.7; font-size: 16px;}
.cb-framework-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.cb-fw-column{ display:flex; flex-direction:column; gap:12px;}
.cb-fw-accordion { background:#1b1b1b;
  border: 1px solid rgba(255,255,255,.12); border-radius: 8px; overflow: hidden; box-shadow: 0 12px 26px rgba(0,0,0,.24);}
.cb-fw-trigger { font-size:16px;font-weight:400;margin-bottom:10px; border:none; width: 100%; padding:24px; background: none; color: #f5f7ff; display: flex; align-items: center; gap: 12px; justify-content: space-between; cursor: pointer; }
.cb-fw-label-wrap{ display:flex; align-items:center; gap:12px;}
.cb-fw-icon { color: #9fb4df; font-size: 14px; display:inline-flex; align-items:center; }
.cb-fw-icon svg { width:20px; height:20px; flex-shrink:0; }
.cb-fw-caret { color: #9fb4df; font-size: 14px; transition: transform .2s ease;}
.cb-fw-accordion.is-open .cb-fw-caret { transform: rotate(180deg); }
.cb-fw-panel{ padding:0; max-height:0; overflow:hidden; opacity:0; transition:max-height .35s ease, opacity .25s ease .05s;}
.cb-fw-accordion.is-open .cb-fw-panel{ opacity:1; }
.cb-fw-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px;}
.cb-fw-tag { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: 999px; padding: 8px 12px; color: #dfe7fb; font-size: 13px; display:inline-flex; align-items:center; gap:6px; }
.cb-fw-tag > .cb-fw-tag-icon { display:inline-flex; align-items:center; }
.cb-fw-tag > .cb-fw-tag-icon svg { width:16px; height:16px; flex-shrink:0; }

.cb-fw-tags-icon{border-top:2px solid #5b5b5b; padding:24px !important;display:flex; flex-wrap:wrap; gap:12px;}
.cb-fw-tag-icon{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:999px; padding:8px 16px; color:#fff; font-size:14px; font-weight:500; display:flex; align-items:center; gap:10px; }
.tech-icon{ width:20px; height:20px; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:10px; font-weight:700; color:#1263ff; background:rgba(18,99,255,.1); border-radius:4px;}
.tech-icon img{ width:100%; height:100%; object-fit:contain; }
.tech-name{ color:#fff; font-size:14px; font-weight:500;}
@media (max-width: 900px){
  .cb-framework-grid { grid-template-columns: 1fr;}
}
@media (max-width: 640px){
  .cb-framework { padding: 72px 0;}
}

/* Chatbot Framework CTA */
.cb-framework-cta { padding: 70px 0 90px; background: #05070b; }
.cb-fw-cta-shell { background: #ffffff; border-radius: 14px; overflow: hidden; display: grid; grid-template-columns: 1.05fr 0.95fr; min-height: 280px; box-shadow: 0 22px 44px rgba(0,0,0,.28);}
.cb-fw-cta-copy { padding: 28px; display: grid; align-content: center; gap: 14px; color: #0b0c0d; }
.cb-fw-cta-copy h3 { margin: 0; font-size: 22px; letter-spacing: -0.01em;}
.cb-fw-cta-copy p { margin: 0; line-height: 1.65; color: #1f2937; }
.cb-fw-cta-copy .btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 18px; border-radius: 10px; font-weight: 700;}
.cb-fw-cta-copy .btn.btn-primary { background: #1f6bff; color: #fff; border: 1px solid #1f6bff; box-shadow: 0 14px 28px rgba(31,107,255,.28); }
.cb-fw-cta-copy .btn.btn-primary:hover { background: #1959d4; border-color: #1959d4;}
.cb-fw-cta-media { position: relative; background: #000; }
.cb-fw-cta-media img { width: 100%; height: 100%; object-fit: cover; display: block;}
@media (max-width: 900px){
  .cb-fw-cta-shell { grid-template-columns: 1fr;}
  .cb-fw-cta-media { max-height: 260px; }
}

 /* Chatbot Process */
 .cb-process { padding: 100px 0; background: #000; color: #f5f7ff; --cb-process-step-bg: #000; }
 .cb-process-head { max-width: 980px; margin: 0 auto 60px; text-align: center; display: grid; gap: 16px;}
 .cb-process-head h2 { margin: 0; font-size: 36px; font-weight: 700; line-height: 1.2; color: #fff; }
 .cb-process-head p { margin: 0; color: #c9d4e9; line-height: 1.7; font-size: 17px;}
 .cb-process-list { position: relative; display: grid; gap: 0; border-top: 1px solid rgba(255,255,255,.08); }
 .cb-process-step { position: sticky; top: 100px; padding: 48px 0; background: var(--cb-process-step-bg, #000); display: grid; grid-template-columns: 100px 4px 1fr; gap: 32px; align-items: start; border-top: 1px solid rgba(255,255,255,.08); z-index: calc(1 + var(--i, 0));}
 .cb-process-step:last-child { border-bottom: 1px solid rgba(255,255,255,.08); padding-bottom: 48px; }
 .cb-process-num { font-size: 18px; font-weight: 800; color: #1263ff; letter-spacing: 0.08em; text-align: right; padding-right: 16px;}
 .cb-process-divider { width: 4px; height: 100%; min-height: 80px; background: rgba(255,255,255,.12); border-radius: 2px; }
 .cb-process-body { display: grid; gap: 20px; padding-left: 16px;}
 .cb-process-body h3 { margin: 0; font-size: 26px; font-weight: 700; line-height: 1.3; color: #fff; }
 .cb-process-body p { margin: 0; color: #d6def2; line-height: 1.7; font-size: 17px; max-width: 720px;}
 @media (max-width: 900px){
   .cb-process { padding: 80px 0;}
   .cb-process-step { position: relative; top: 0 !important; grid-template-columns: 70px 3px 1fr; gap: 20px; padding: 36px 0; }
   .cb-process-num { font-size: 16px; padding-right: 12px; text-align: left;}
   .cb-process-divider { min-height: 60px; }
   .cb-process-body h3 { font-size: 22px;}
   .cb-process-body p { font-size: 16px; }
}
 @media (max-width: 640px){
   .cb-process { padding: 60px 0; }
   .cb-process-head { margin-bottom: 36px; }
   .cb-process-head h2 { font-size: 28px; }
   .cb-process-head p { font-size: 15px; }
   .cb-process-step { grid-template-columns: 50px 2px 1fr; gap: 16px; padding: 28px 0; }
   .cb-process-num { font-size: 14px; }
   .cb-process-body h3 { font-size: 20px; }
   .cb-process-body p { font-size: 15px; }
   .cb-process-body { padding-left: 8px; }
 }
 @media (max-width: 480px){
   .cb-process { padding: 48px 0; }
   .cb-process-step { grid-template-columns: 36px 2px 1fr; gap: 12px; }
   .cb-process-num { font-size: 13px; padding-right: 0; }
   .cb-process-body h3 { font-size: 18px; }
   .cb-process-body p { font-size: 14px; }
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body.page-aviation .genai-approach{ background: #ffffff; color: #0b0c0d; }
body.page-aviation .approach-title{ color: #0b0c0d;}
body.page-aviation .approach-intro{ color: rgba(11, 12, 13, .72); }

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

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

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

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

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

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

/* Middle column links layout: single scrollable column */
.ai-links { max-height: 340px; overflow: auto; padding-right: 8px; width: 100%;}
.ai-links ul { list-style: none; margin: 0; padding: 0; display: block; }
.ai-links li { margin: 0 0 10px 0;}
.ai-links a { display: block; padding: 4px 0; color: rgba(255,255,255,0.75); white-space: normal; line-height: 1.5; }
.ai-links a:hover { color: #fff;}
/* Scrollbar styling */
.ai-links { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.18) transparent; }
.ai-links::-webkit-scrollbar { width: 8px;}
.ai-links::-webkit-scrollbar-thumb { background: rgba(255,255,255,.14); border-radius: 8px; }

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

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

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

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

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

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

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

.technologies-section.technologies-section--light{
  background:#fff;
}
.technologies-section.technologies-section--light .technologies-title{
  color:#0b1220;
}
.technologies-section.technologies-section--light .technologies-intro{
  color:rgba(11,18,32,.78);
}
.technologies-section.technologies-section--light .technologies-intro a{
  color:#0b1220;
  text-decoration:underline;
}
.technologies-section.technologies-section--light .technology-icon{
  background:#2f2f35;
  color:#fff;
}
.technologies-section.technologies-section--light .technology-name{
  color:#0b1220;
}
.technologies-section.technologies-section--light .technology-desc{
  color:rgba(11,18,32,.72);
}
.technologies-section.technologies-section--light .technology-desc a{
  color:#1a63ff;
}

 /* Advisory promo */
 .advisory { padding: 28px 0 12px 0; }
 .advisory .container {position: relative;}
.advisory::before { content: ""; position: absolute; left: 0; right: 0; height: 200px; top: -50px; background: radial-gradient(700px 200px at 20% 0%, rgba(30,107,255,.4), transparent), radial-gradient(700px 200px at 80% 0%, rgba(116,74,255,.32), transparent); pointer-events: none; z-index: 0; }
.advisory-card { 
  position: relative; 
  background: linear-gradient(135deg, rgba(10,15,25,.85) 0%, rgba(15,20,35,.75) 100%); 
  border: 1px solid rgba(30,107,255,.3); 
  border-radius: 16px; 
  padding: 24px 28px; 
  display: grid; 
  grid-template-columns: 1.3fr 1fr; 
  gap: 32px; 
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.05);
}
.advisory-copy { z-index: 1; }
.advisory-copy h3 { margin: 6px 0 10px 0; font-size: 24px; color: #fff; font-weight: 700; line-height: 1.3;}
.advisory-copy p { margin: 0 0 16px 0; color: #c9d4e9; line-height: 1.6; font-size: 15px; }
.adv-eyebrow { 
  font-weight: 800; 
  font-size: 12px; 
  color: #e8eef9; 
  display: inline-flex; 
  align-items: center; 
  gap: 6px;
  background: rgba(255,255,255,.08);
  padding: 6px 12px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.12);
}
.advisory-art { 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  background: radial-gradient(300px 300px at 50% 50%, rgba(30,107,255,.15), transparent); 
  border-radius: 12px; 
  padding: 0;
  position: relative;
  overflow: hidden;
}
.advisory-art::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(135deg, rgba(30,107,255,.2), rgba(116,74,255,.15));
  border-radius: 12px;
  z-index: 0;
  opacity: 0;
  transition: opacity .3s ease;
}
.advisory-card:hover .advisory-art::before {
  opacity: 1;
}
.adv-image { 
  width: 100%; 
  height: 100%;
  object-fit: cover;
  display: block; 
  border-radius: 12px;
  filter: drop-shadow(0 15px 40px rgba(0,0,0,.5)) brightness(1.05) contrast(1.1);
  transition: transform .3s ease, filter .3s ease;
  position: relative;
  z-index: 1;
}
.advisory-art:hover .adv-image {
  transform: scale(1.03);
  filter: drop-shadow(0 20px 50px rgba(30,107,255,.4)) brightness(1.1) contrast(1.15);
}
.adv-chip { width: 140px; height: 140px; border-radius: 24px; background: linear-gradient(180deg, #0b0c0d, #162034); border: 1px solid rgba(255,255,255,.2); display: grid; place-items: center; color: #e9f2ff; font-weight: 900; font-size: 40px; box-shadow: 0 20px 60px rgba(0,0,0,.45), inset 0 0 40px rgba(255,255,255,.05); }
@media (max-width: 900px){ 
  .advisory-card { grid-template-columns: 1fr; gap: 24px; padding: 24px;} 
  .advisory::before { height: 140px; } 
  .advisory-art { min-height: 200px;}
}

/* Partners section */
.partners { padding: 48px 0 20px 0; }
.p-head { color: #e8eef9; margin: 0 0 32px 0; font-size: clamp(26px, 3.4vw, 42px); letter-spacing: -0.01em;}
.p-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 64px; align-items: center; justify-items: center; }
.p-item { display: flex; align-items: center; justify-content: center; min-height: 72px;}
.p-logo { transition: filter .2s ease, transform .2s ease, opacity .2s ease; opacity: .85; }
.p-logo img { max-width: 160px; max-height: 48px; width: auto; height: 40px; display: block; object-fit: contain; filter: grayscale(100%) brightness(.72) contrast(1.05);}
.p-item:hover .p-logo { opacity: 1; transform: translateY(-4px); }
.p-item:hover .p-logo img { filter: grayscale(0%) brightness(1);}
@media (max-width: 1024px){ .p-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 40px; } }
@media (max-width: 640px){ .p-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 28px;} .p-logo img { max-width: 120px; height: 32px; } }

/* Marketing CTA band */
.mkt-cta { padding: 20px 0; }
.mkt-card { background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); border: 1px solid rgba(99,102,241,.25); border-radius: 14px; padding: 18px; display: grid; grid-template-columns: 1.3fr 1fr; gap: 20px; align-items: center; overflow: hidden;}
.mkt-copy h3 { margin: 0 0 8px 0; color: #fff; font-size: clamp(18px, 2.6vw, 24px); }
.mkt-copy p { margin: 0 0 12px 0; color: rgba(255,255,255,.7);}
.btn-ghost.dark { background: #6366f1; color: #fff; border-color: #6366f1; }
.btn-ghost.dark:hover { background: #4f46e5; border-color: #4f46e5; }
.mkt-art { position: relative; min-height: 120px;}
/* Rocket illustration */
.mkt-rocket { position: absolute; right: 30px; bottom: 0; width: 160px; height: 140px; }
.mkt-rocket .rk-body { position: absolute; left: 50%; top: 10px; width: 52px; height: 90px; background: linear-gradient(180deg, #818cf8 0%, #6366f1 100%); border: 4px solid rgba(255,255,255,.3); border-radius: 26px 26px 8px 8px; transform: translateX(-50%) rotate(12deg); }
.mkt-rocket .rk-window { position: absolute; left: 50%; top: 34px; width: 22px; height: 22px; background: #c7d2fe; border: 3px solid rgba(255,255,255,.5); border-radius: 50%; transform: translateX(-50%) rotate(12deg); }
.mkt-rocket .rk-fin-l { position: absolute; left: 28px; top: 68px; width: 20px; height: 30px; background: #a78bfa; border-radius: 0 0 0 12px; transform: rotate(12deg); }
.mkt-rocket .rk-fin-r { position: absolute; right: 42px; top: 68px; width: 20px; height: 30px; background: #a78bfa; border-radius: 0 0 12px 0; transform: rotate(12deg); }
.mkt-rocket .rk-flame { position: absolute; left: 50%; bottom: 2px; width: 28px; height: 32px; background: linear-gradient(180deg, #f59e0b, #ef4444); border-radius: 50% 50% 40% 40%; transform: translateX(-50%); animation: rk-flicker 0.4s ease-in-out infinite alternate; }
@keyframes rk-flicker { from { opacity: .85; height: 28px; } to { opacity: 1; height: 34px; } }
@media (max-width: 900px){ .mkt-card { grid-template-columns: 1fr; } .mkt-art { display: none; } }

.dp-cta-banner{ background:#000; padding: 20px 0 60px; }
.dp-cta-banner-card{
  position:relative;
  border-radius: 22px;
  overflow:hidden;
  padding: 54px 22px;
  text-align:center;
  color:#fff;
  border:1px solid rgba(255,255,255,0.10);
  background:
    radial-gradient(1200px 500px at 50% 20%, rgba(59,130,246,0.30) 0%, rgba(0,0,0,0) 60%),
    linear-gradient(135deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.04) 32%, rgba(0,0,0,0.70) 100%);
  box-shadow: 0 30px 80px rgba(0,0,0,0.55);
}
.dp-cta-banner-card::before{
  content:'';
  position:absolute;
  inset:-35% -20% auto -20%;
  height:220%;
  background: linear-gradient(165deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.03) 35%, rgba(0,0,0,0) 72%);
  transform: skewY(-9deg);
  pointer-events:none;
}
.dp-cta-banner-card::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,0.10) 18%, transparent 36%),
    radial-gradient(circle at 15% 70%, rgba(239,68,68,0.25), transparent 48%),
    radial-gradient(circle at 85% 85%, rgba(168,85,247,0.25), transparent 52%);
  opacity:0.8;
  pointer-events:none;
}
.dp-cta-banner-card > *{ position:relative; z-index:1; }
.dp-cta-banner-card h2{ margin:0 0 12px; font-size: clamp(22px, 3.4vw, 34px); font-weight:650; letter-spacing:-0.02em; }
.dp-cta-banner-card p{ margin:0 auto 18px; max-width: 820px; font-size: 14px; line-height:1.75; color: rgba(255,255,255,0.82); }
.dp-cta-banner-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 18px;
  border-radius:999px;
  background:#fff;
  color:#0b0b0b;
  font-weight:700;
  font-size: 12px;
  text-decoration:none;
  box-shadow: 0 14px 30px rgba(0,0,0,0.35);
  transition: transform .2s ease, filter .2s ease;
}
.dp-cta-banner-btn:hover{ filter:brightness(0.97); transform:translateY(-1px); }
@media (max-width: 640px){
  .dp-cta-banner-card{ padding: 44px 18px; }
}

/* Awards carousel */
.awards { padding: 24px 0;}
.aw-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.aw-head h2 { margin: 0; font-size: clamp(22px, 3vw, 36px); letter-spacing: -0.01em; color: #e8eef9; max-width: 60ch;}
.aw-nav { display: flex; gap: 8px; }
.aw-btn { width: 36px; height: 36px; border-radius: 999px; border: 1px solid var(--color-border); background: rgba(255,255,255,.04); color: #fff; cursor: pointer;}
.aw-btn:hover { background: rgba(255,255,255,.08); }
.aw-rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(240px, 1fr); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px;}
.aw-card { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12); border-radius: 12px; padding: 16px; scroll-snap-align: start; display: grid; place-items: center; text-align: center; }
.aw-logo img { max-width: 120px; max-height: 64px; display: block;}
.aw-year { margin-top: 10px; color: #9fb3d9; font-weight: 700; }
.aw-text { color: #e8eef9; margin-top: 6px; font-size: 14px;}

body.page-magazine-newspaper .awards{ padding: 90px 0; background: #fff; }
body.page-magazine-newspaper .aw-head{ justify-content: center; margin-bottom: 34px;}
body.page-magazine-newspaper .aw-head h2{ color: #111827; font-weight: 600; text-align: center; }
body.page-magazine-newspaper .aw-nav{ display: none;}
body.page-magazine-newspaper .aw-rail{
  grid-auto-flow: initial;
  grid-auto-columns: initial;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: visible;
  scroll-snap-type: none;
  padding-bottom: 0;
  gap: 0;
  border-top: 1px solid #e5e7eb;
  border-left: 1px solid #e5e7eb;
}
body.page-magazine-newspaper .aw-card{
  background: transparent;
  border: 0;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  border-radius: 0;
  padding: 26px 18px 22px;
  box-shadow: none;
}
body.page-magazine-newspaper .aw-logo img{ max-width: 140px; max-height: 70px; }
body.page-magazine-newspaper .aw-year{ color: #6b7280; font-weight: 500; font-size: 12px; margin-top: 14px;}
body.page-magazine-newspaper .aw-text{ color: #111827; font-size: 12px; margin-top: 6px; line-height: 1.5; }
@media (max-width: 960px){
  body.page-magazine-newspaper .aw-rail{ grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 640px){
  body.page-magazine-newspaper .awards{ padding: 72px 0;}
  body.page-magazine-newspaper .aw-rail{ grid-template-columns: 1fr; }
}

/* Quotes carousel - single card layout */
.quotes { padding: 56px 0; background: #050506; }
.q-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 32px;}
.q-titles h2 { margin: 0 0 10px 0; font-size: clamp(24px, 3vw, 38px); letter-spacing: -0.01em; color: #f6f8ff; }
.q-titles p { margin: 0; color: #a8b2c9; max-width: 720px;}
.q-nav { display: flex; gap: 12px; }
.q-btn { width: 48px; height: 48px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); background: rgba(28,30,38,.88); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; transition: transform .18s ease, background .18s ease; box-shadow: 0 14px 28px rgba(0,0,0,.42);}
.q-btn:hover { transform: translateY(-2px); background: rgba(42,45,56,.95); }
.q-btn:active { transform: translateY(-1px);}

.q-rail { position: relative; overflow: hidden; border-radius: 24px; }
.q-card { position: absolute; top: 0; left: 0; right: 0; opacity: 0; transform: translateX(24px); transition: opacity .35s ease, transform .35s ease; pointer-events: none; background: rgba(25,27,33,.92); border: 1px solid rgba(255,255,255,.08); border-radius: 24px; padding: 30px 32px; box-shadow: 0 26px 60px rgba(0,0,0,.45);}
.q-card.is-active { opacity: 1; transform: translateX(0); pointer-events: auto; }
.q-quote { margin: 0 0 18px 0; color: #f8faff; line-height: 1.75; font-size: clamp(16px, 1.8vw, 20px); position: relative;}
.q-quote::before { content: "\201C"; position: absolute; left: -18px; top: -12px; color: rgba(255,255,255,.16); font-size: 56px; line-height: 1; }
.q-sep { border: none; height: 1px; background: rgba(255,255,255,.12); margin: 14px 0 18px 0;}
.q-meta { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.q-name { color: #f6f8ff; font-weight: 800;}
.q-title { color: #aab7d6; font-size: 13px; letter-spacing: 0.01em; }

@media (max-width: 900px) {
  .q-head { flex-direction: column; align-items: flex-start; gap: 12px;}
  .q-btn { width: 44px; height: 44px; font-size: 16px; }
  .q-card { padding: 20px;}
}

/* Industries tiles - 2 row grid */
.industries { padding: 48px 0; }
.ind-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 32px;}
.ind-head h2 { margin: 0; font-size: clamp(22px, 3vw, 36px); color: #e8eef9; letter-spacing: -0.01em; }
.ind-rail-wrap { position: relative;}
.ind-pages { position: relative; overflow: hidden; }
.ind-page { opacity: 0; transform: translateX(20px); transition: opacity .3s ease, transform .3s ease; pointer-events: none;}
.ind-page.is-active { opacity: 1; transform: translateX(0); pointer-events: auto; }
.ind-page:not(.is-active) { position: absolute; top: 0; left: 0; right: 0;}
.ind-rail { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 16px; }
.ind-card { 
  background: #0b0c0d; 
  border: 1px solid rgba(255,255,255,.12); 
  border-radius: 12px; 
  height: 200px; 
  padding: 18px; 
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center; 
  color: #c9d4e9; 
  cursor: pointer;
  transition: all .2s ease;
  overflow: hidden;
}
.ind-card:hover { 
  background: rgba(30,107,255,.15); 
  border-color: rgba(30,107,255,.3); 
  color: #fff; 
  transform: translateY(-2px);
}
.ind-card .ind-icon { 
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: rgba(255,255,255,.08);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  transition: all .2s ease;
  filter: none;
  opacity: 1;
}
.ind-card .ind-icon img, .ind-card .ind-icon svg { width: 22px; height: 22px; display: block; filter: none; }
.ind-card .ind-title { 
  color: #fff; 
  font-weight: 700; 
  margin: 6px 0 0 0;
  font-size: 16px;
  transition: all .2s ease;
}
.ind-card .ind-desc { 
  font-size: 11px; 
  line-height: 1.3; 
  margin: 0;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all .3s ease;
  text-align: center;
}
.ind-card:hover .ind-desc { 
  opacity: 1; 
  max-height: 100px;
  margin-top: 6px;
}
.ind-card:hover .ind-icon {
  transform: translateY(-2px);
  margin-bottom: 8px;
  background: rgba(30,107,255,.25);
}
.ind-card:hover .ind-title {
  margin: 4px 0 0 0;
  font-size: 15px;
}
.ind-nav { display: flex; gap: 8px; justify-content: center; margin-top: 24px; }
.ind-btn { width: 44px; height: 44px; border-radius: 999px; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.04); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; transition: all .15s ease;}
.ind-btn:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.3); transform: scale(1.05); }
.ind-btn:active { transform: scale(0.98);}
.ind-btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }

@media (max-width: 1024px) {
  .ind-rail { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 1fr);}
}
@media (max-width: 640px) {
  .ind-rail { grid-template-columns: 1fr; grid-template-rows: repeat(8, 1fr);}
  .ind-card { height: 160px; }
}

/* Tech Capabilities */
.techcaps { padding: 52px 0; }
.tc-head { margin: 0 0 32px 0; font-size: clamp(24px, 3.4vw, 40px); color: #e8eef9; letter-spacing: -0.01em;}
.tc-shell {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: transparent;
  height: 460px;
}
.tc-left {
  background: linear-gradient(180deg, #0b4dff 0%, #1a6eff 50%, #1a5bff 100%);
  display: flex;
  flex-direction: column;
  padding: 16px 12px 16px 16px;
  gap: 8px;
  overflow-y: auto;
  height: 100%;
  scrollbar-width: thin;
  scrollbar-color: rgba(180,198,255,.6) transparent;
}
.tc-left::-webkit-scrollbar {
  width: 6px;
}
.tc-left::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.24);
  border-radius: 4px;
}
.tc-left::-webkit-scrollbar-track {
  background: transparent;
}
.tc-tab {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 0 18px;
  min-height: 56px;
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.86);
  border: none;
  cursor: pointer;
  transition: all .25s ease;
  font-size: 15px;
  font-weight: 600;
  position: relative;
  border-radius: 18px;
}
.tc-tab::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 7px;
  height: 7px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid rgba(255,255,255,0);
  border-right: 2px solid rgba(255,255,255,0);
  transition: border-color .2s ease;
}
.tc-tab:hover {
  background: rgba(255,255,255,.16);
  color: #fff;
}
.tc-tab.is-active {
  background: rgba(255,255,255,.22);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.25);
}
.tc-tab.is-active::after {
  border-top-color: #ffffff;
  border-right-color: #ffffff;
}
.tc-ico {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(255,255,255,.2);
  display: grid;
  place-items: center;
  font-size: 16px;
}
.tc-ico img {
  width: 18px;
  height: 18px;
  object-fit: contain;
  display: block;
}
.tc-title { flex: 1; }
.tc-right {
  background: linear-gradient(135deg, #ffffff 0%, #f2f6ff 100%);
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  overflow-y: auto;
  height: 100%;
  scrollbar-width: thin;
  scrollbar-color: rgba(150,160,190,.5) transparent;
}
.tc-right::-webkit-scrollbar { width: 6px; }
.tc-right::-webkit-scrollbar-thumb { background: rgba(94,124,255,.35); border-radius: 4px;}
.tc-right::-webkit-scrollbar-track { background: transparent; }
.tc-pane { display: none;}
.tc-pane.is-active { display: flex; flex-direction: column; gap: 26px; }
.tc-group-head {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  color: #1e293b;
}
.tc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 18px;
}
.tc-chip {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(15,23,42,.06);
  box-shadow: 0 8px 20px rgba(15,23,42,.08);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  min-height: 72px;
}
.tc-chip:hover {
  transform: translateY(-4px);
  border-color: rgba(59,107,255,.45);
  box-shadow: 0 16px 32px rgba(59,107,255,.18);
}
.tc-chip img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
}
.tc-chip span {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.3;
}
@media (max-width: 900px){
  .tc-shell { grid-template-columns: 1fr;}
  .tc-left { flex-direction: row; overflow-x: auto; padding: 12px; gap: 12px; }
  .tc-tab {
    min-width: 220px;
    border-radius: 14px;
    background: rgba(255,255,255,.12);
}
  .tc-tab::after { display: none; }
  .tc-right { padding: 24px;}
  .tc-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
}

/* Strategic Partnerships */
.spartners { padding: 28px 0; }
.sp-head { color: #e8eef9; margin: 0 0 14px 0; font-size: clamp(22px, 3vw, 36px); letter-spacing: -0.01em;}
.sp-grid { list-style: none; margin: 0 0 24px 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 24px; }
.sp-card { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: 18px; padding: 20px 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: 150px; gap: 14px;}
.sp-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
}
.sp-logo img {
  width: auto;
  height: 40px;
  display: block;
  filter: invert(1) brightness(1.35);
}
.sp-name { margin: 0; color: #c9d4e9; font-size: 15px; font-weight: 600; }
.sp-sub { margin: 6px 0 12px 0; color: #e8eef9; font-size: 16px;}
.sp-ai { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px 22px; margin-top: 20px; }
.sp-ai-card { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: 18px; padding: 16px; display: grid; grid-template-columns: 52px 1fr; gap: 16px; align-items: center;}
.sp-ai-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: rgba(255,255,255,.08);
}
.sp-ai-icon img {
  width: 36px;
  height: 36px;
  display: block;
  filter: invert(1) brightness(1.35);
}
.sp-ai-title { color: #fff; font-weight: 700; margin-bottom: 4px; font-size: 16px; }
.sp-ai-desc { margin: 0; color: #c9d4e9; font-size: 14px;}
@media (max-width: 900px){ .sp-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; } .sp-ai { grid-template-columns: 1fr; gap: 16px; } }

/* Challenges carousel */
.challenges { padding: 48px 0; background: #070708;}
.ch-head { margin: 0 0 28px 0; font-size: clamp(24px, 3vw, 36px); color: #f5f7ff; letter-spacing: -0.01em; text-align: left; }
.ch-rail-wrap { position: relative; overflow: hidden; padding: 0 60px;}
.ch-rail-wrap::before,
.ch-rail-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 80px;
  pointer-events: none;
  z-index: 2;
}
.ch-rail-wrap::before { left: 0; background: linear-gradient(90deg, #070708 0%, rgba(7,7,8,0) 100%); }
.ch-rail-wrap::after { right: 0; background: linear-gradient(-90deg, #070708 0%, rgba(7,7,8,0) 100%);}
.ch-rail { display: flex; gap: 24px; transition: transform .4s ease; }
.ch-card { 
  flex: 0 0 calc(50% - 12px); 
  background: rgba(26,28,34,.92); 
  border: 1px solid rgba(255,255,255,.06); 
  border-radius: 22px; 
  padding: 28px 26px; 
  min-height: 210px;
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 16px;
  box-shadow: 0 20px 44px rgba(0,0,0,.45);
  color: #f5f7ff;
}
.ch-pin { 
  width: 38px; 
  height: 38px; 
  border-radius: 12px; 
  background: rgba(255,255,255,.08); 
  color: #fff;
  display: inline-flex; 
  align-items: center; 
  justify-content: center; 
  font-weight: 700;
  font-size: 16px;
  margin: 0 auto;
}
.ch-title { 
  color: #f8f9ff; 
  margin: 0; 
  font-size: 19px; 
  font-weight: 700; 
  line-height: 1.4;
}
.ch-desc { 
  color: #d1d6ec; 
  margin: 0; 
  font-size: 14px; 
  line-height: 1.6; 
  flex: 1;
}
.ch-nav { display: flex; gap: 12px; justify-content: center; margin-top: 20px; }
.ch-btn { 
  width: 46px; 
  height: 46px; 
  border-radius: 999px; 
  border: 1px solid rgba(255,255,255,.18); 
  background: rgba(28,30,38,.9); 
  color: #fff; 
  cursor: pointer; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  font-size: 18px; 
  transition: transform .18s ease, background .18s ease;
  box-shadow: 0 12px 26px rgba(0,0,0,.45);
}
.ch-btn:hover { 
  transform: translateY(-2px); 
  background: rgba(40,44,58,.95);
}
.ch-btn:disabled { 
  opacity: 0.4; 
  cursor: not-allowed; 
  transform: none; 
  box-shadow: none;
}
@media (max-width: 768px) {
  .ch-card { flex: 0 0 100%;}
}

/* Contact CTA gradient */
.contact-cta { padding: 56px 0; position: relative; overflow: hidden; }
.contact-cta::before { content: ""; position: absolute; inset: -10% -10% -10% -10%; pointer-events: none; background:
  radial-gradient(900px 500px at 12% 50%, rgba(93,46,255,.45), transparent 60%),
  radial-gradient(900px 500px at 88% 50%, rgba(14,116,144,.40), transparent 60%);
  filter: blur(0.2px);
}
.cc-wrap { position: relative; display: grid; grid-template-columns: 1.2fr 1fr; gap: 28px; align-items: center; }
.cc-head { margin: 0 0 10px 0; color: #e8eef9; font-weight: 800; font-size: clamp(28px, 4vw, 44px); letter-spacing: -0.01em;}
.cc-sub { margin: 0; color: #b9c6e4; font-size: 16px; }
.cc-right { display: flex; justify-content: flex-end;}
.cc-form { width: 100%; max-width: 440px; background: rgba(10,12,14,.68); border: 1px solid rgba(255,255,255,.14); border-radius: 16px; padding: 18px; backdrop-filter: saturate(160%) blur(10px); box-shadow: 0 10px 30px rgba(0,0,0,.35); }
.cc-alert { margin: 0 0 14px; padding: 12px 14px; border-radius: 12px; font-size: 14px; font-weight: 600; color: #0d5a1f; background: rgba(76,176,80,.12); border: 1px solid rgba(76,176,80,.32);}

.clients-cta-intro{ padding: 86px 0 96px; background: #000; color:#fff; }
.clients-cta-intro-card{ width: min(820px, 100%); margin: 0 auto 72px; text-align:center; padding: 46px 44px; border-radius: 16px; border: 2px solid rgba(56,189,248,.55); background: linear-gradient(180deg, rgba(2,20,55,.92), rgba(3,29,88,.92)); box-shadow: 0 22px 55px rgba(0,0,0,.45); }
.clients-cta-intro-card-title{ margin: 0 0 18px; font-size: clamp(18px, 2.2vw, 22px); font-weight: 700; line-height: 1.35; color:#fff;}
.clients-cta-intro-card-title .is-highlight{ color: #1163fb; }
.clients-cta-intro-card-btn{ display:inline-flex; align-items:center; justify-content:center; padding: 12px 22px; border-radius: 10px; background: #1163fb; color:#fff; font-weight: 700; text-decoration:none; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 12px 30px rgba(17,99,251,.25);}
.clients-cta-intro-card-btn:hover{ filter: brightness(1.03); transform: translateY(-1px); }

.clients-cta-intro-head{ text-align:center; max-width: 980px; margin: 0 auto;}
.clients-cta-intro-head h2{ margin:0; font-size: clamp(34px, 4.8vw, 54px); font-weight: 800; line-height: 1.12; letter-spacing: -0.02em; color:#fff; }
.clients-cta-intro-head p{ margin: 16px auto 0; max-width: 760px; font-size: 15px; line-height: 1.7; color: rgba(255,255,255,.72);}

@media (max-width: 640px){
  .clients-cta-intro{ padding: 72px 0 86px;}
  .clients-cta-intro-card{ padding: 34px 22px; margin-bottom: 56px; }
}
.cc-alert.is-error { color: #b71b35; background: rgba(255,107,107,.16); border-color: rgba(255,107,107,.38); }
.cc-fields { display: flex; flex-direction: column;}
.cc-field { display: grid; gap: 6px; margin-bottom: 12px; }
.cc-field span { 
  position: absolute; 
  width: 1px; 
  height: 1px; 
  margin: -1px; 
  padding: 0; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  clip-path: inset(50%); 
  white-space: nowrap; 
  border: 0; 
}
.cc-field input, .cc-field select, .cc-field textarea { width: 100%; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.16); border-radius: 10px; color: #fff; padding: 12px 12px; height: 44px; }
.cc-field textarea { height: 110px; resize: vertical;}
.cc-field input::placeholder, .cc-field textarea::placeholder { color: #9fb3d9; }
.cc-field select { 
  appearance: none; 
  -webkit-appearance: none; 
  background-image: linear-gradient(45deg, transparent 50%, #9fb3d9 50%), linear-gradient(135deg, #9fb3d9 50%, transparent 50%); 
  background-position: calc(100% - 18px) 18px, calc(100% - 12px) 18px; 
  background-size: 6px 6px, 6px 6px; 
  background-repeat: no-repeat; 
  color: #9fb3d9; /* placeholder-like color by default when empty (required + empty value) */
}
/* When a valid value is chosen, switch to white to match other fields */
.cc-field select:not(:invalid) { color: #fff; }
/* Improve dropdown option contrast (where supported) */
.cc-field select option { color: #0b0c0d; background: #e6ecf8;}
.cc-field input:focus, .cc-field select:focus, .cc-field textarea:focus { outline: none; border-color: rgba(255,255,255,.32); box-shadow: 0 0 0 3px rgba(94,129,255,.25); }
.cc-checkbox { display: flex; align-items: center; gap: 10px; margin: 4px 0 12px; color: #c9d4e9; font-size: 13px;}
.cc-checkbox input { width: 18px; height: 18px; border-radius: 5px; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.06); appearance: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.cc-checkbox input:checked { background: linear-gradient(135deg, #ff6b9a, #ff4d6d); border-color: transparent; color: #fff;}
.cc-checkbox input:checked::after { content: "✓"; font-size: 12px; line-height: 1; }
.cc-checkbox span { line-height: 1.4;}
.cc-check { display: flex; align-items: center; gap: 8px; margin: 8px 0; color: #c9d4e9; font-size: 13px; }
.cc-captcha { display: flex; align-items: center; gap: 10px; margin-bottom: 12px;}
.cc-capq { color: #c9d4e9; }
.cc-captcha input { flex: 1; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.16); border-radius: 10px; color: #fff; padding: 12px 12px; height: 44px;}
.cc-captcha input::placeholder { color: #9fb3d9; }
.cc-captcha input:focus { outline: none; border-color: rgba(255,255,255,.32); box-shadow: 0 0 0 3px rgba(94,129,255,.25);}
.cc-submit {
  width: 100%; background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2));
  color: var(--color-accent-contrast); border-radius: 10px; padding: 12px 16px; font-weight: 800;
  border: 1px solid rgba(255,255,255,.12); box-shadow: 0 6px 18px rgba(var(--color-accent-rgb), .32);
}
.cc-submit:hover { filter: brightness(1.05); transform: translateY(-1px); box-shadow: 0 12px 28px rgba(var(--color-accent-rgb), .38); }
.cc-submit:active { transform: translateY(0); box-shadow: 0 4px 12px rgba(var(--color-accent-rgb), .24);}
.cc-foot { color: #9fb3d9; font-size: 12px; margin: 8px 0 0 0; }
.cc-benefits { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; color: #c9d4e9; font-size: 13px;}
.cc-benefits li { display: flex; gap: 8px; align-items: flex-start; }
.cc-benefits li::before { content: "•"; color: rgba(255,255,255,.85);}
@media (max-width: 900px){ .cc-wrap { grid-template-columns: 1fr; gap: 20px; } .cc-right { justify-content: start; } .cc-head { font-size: 28px; } }

/* FAQ */
.faq { padding: 48px 0;}
.faq-head { text-align: center; margin: 0 0 32px 0; color: #e8eef9; font-size: clamp(22px, 3vw, 36px); letter-spacing: -0.01em; }
.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px; max-width: 1200px; margin: 0 auto;}
.faq-item { 
  background: rgba(255,255,255,.06); 
  border: 1px solid rgba(255,255,255,.12); 
  border-radius: 12px; 
  padding: 0; 
  transition: all .2s ease;
}
.faq-item:hover { 
  background: rgba(255,255,255,.08); 
  border-color: rgba(255,255,255,.2); 
}
.faq-item summary { 
  list-style: none; 
  display: flex; 
  align-items: center; 
  justify-content: space-between; 
  gap: 12px; 
  cursor: pointer; 
  padding: 16px 20px;
  transition: all .2s ease;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-q { 
  color: #e8eef9; 
  font-weight: 500; 
  font-size: 15px; 
  line-height: 1.4; 
}
.faq-caret { 
  transition: transform .2s ease; 
  color: #c9d4e9; 
  font-size: 14px; 
  flex-shrink: 0;
}
.faq-item[open] .faq-caret { transform: rotate(180deg); }
.faq-item[open] summary { background: rgba(255,255,255,.04);}
.faq-a { 
  color: #c9d4e9; 
  padding: 0 20px 20px 20px; 
  font-size: 14px; 
  line-height: 1.6; 
  margin-top: -4px;
}
.faq-a br { margin-bottom: 8px; }
.faq-a strong { color: #fff; font-weight: 600;}
.faq-a a { color: #5ca8ff; text-decoration: underline; text-underline-offset: 3px; }
.faq-a a:hover { color: #86bdff;}
@media (max-width: 900px){ 
  .faq-grid { grid-template-columns: 1fr; gap: 12px;} 
  .faq-item summary { padding: 14px 16px; }
  .faq-a { padding: 0 16px 16px 16px;}
}
/* Active state for intro links */
.mega-text-link { padding: 4px 8px; border-radius: 8px; }
.mega-text-link.is-active { color: var(--color-accent); background: rgba(255,255,255,.06);}

/* Feature card tweaks */
[data-slot="feature"] .ai-feature h4 { font-size: 12px; font-weight: 800; margin: 0 0 10px 0; color: rgba(15, 23, 42, 0.55); }
[data-slot="feature"] .ai-feature .btn-link { color: #2563eb; font-weight: 700;}

/* Services mega menu columns */
.svc-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; width: 100%; min-width: 0; }
.svc-col { min-width: 0; display: flex; flex-direction: column; gap: 10px;}
.svc-col h5 { margin: 0; font-size: 14px; font-weight: 800; color: #fff; letter-spacing: .04em; text-transform: uppercase; }
.svc-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px;}
.svc-col li { position: relative; }
.svc-col a { color: rgba(255,255,255,0.75); white-space: normal; display: inline-flex; align-items: center; gap: 10px; font-size: 14px;}
.svc-col a:hover { color: #fff; }
.svc-col-subhead { margin-top: 12px; font-size: 12px; font-weight: 700; letter-spacing: .06em; color: rgba(255,255,255,0.6); text-transform: uppercase;}

/* Services item with flyout submenu */
.svc-sub { position: relative; z-index: 1; padding-right: 34px; overflow: visible; }
.svc-sub:hover,
.svc-sub:focus-within,
.svc-sub.open { z-index: 2000;}
.svc-sub > a {
  display: block; width: 100%; padding: 9px 12px; border-radius: 12px; font-size: 14px;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
.svc-sub > .svc-toggle {
  position: absolute; top: 50%; right: 6px; transform: translateY(-50%);
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: 999px; background: rgba(59, 130, 246, 0.08);
  color: rgba(148, 163, 184, 0.9); font-weight: 800; font-size: 13px;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
.svc-sub > .svc-toggle::before,
.svc-sub > .svc-toggle::after {
  content: ""; position: absolute; background: currentColor; transition: opacity .2s ease, transform .2s ease;
  border-radius: 2px;
}
.svc-sub > .svc-toggle::before { width: 10px; height: 2px; }
.svc-sub > .svc-toggle::after { width: 2px; height: 10px;}
.svc-sub:hover > a,
.svc-sub:focus-within > a,
.svc-sub.open > a {
  background: rgba(59, 130, 246, 0.14); color: var(--color-accent);
  box-shadow: inset 0 0 0 1px rgba(59,130,246,0.25), 0 8px 20px rgba(15,23,42,0.22);
}
.svc-sub:hover > .svc-toggle,
.svc-sub:focus-within > .svc-toggle,
.svc-sub.open > .svc-toggle {
  background: rgba(59, 130, 246, 0.2); color: var(--color-accent);
}
.svc-sub:hover > .svc-toggle::after,
.svc-sub:focus-within > .svc-toggle::after,
.svc-sub.open > .svc-toggle::after { opacity: 0; }
.svc-sub > .svc-pop {
  display: none; position: absolute; left: 12px; right: 12px; top: calc(100% + 10px); z-index: 1200;
  background: #050a18; border: 1px solid rgba(59, 130, 246, 0.28);
  border-radius: 14px; box-shadow: 0 18px 32px rgba(5, 10, 24, 0.38); padding: 12px;
  overflow: hidden;
}

.svc-sub > .svc-pop ul {
  margin: 0; padding: 0; list-style: none; max-height: calc(48px * 4);
  overflow: auto; display: flex; flex-direction: column; gap: 8px; padding-right: 2px;
}
.svc-sub > .svc-pop ul::-webkit-scrollbar { width: 6px; }
.svc-sub > .svc-pop ul::-webkit-scrollbar-track { background: transparent;}
.svc-sub > .svc-pop ul::-webkit-scrollbar-thumb { background: rgba(59,130,246,0.28); border-radius: 999px; }
.svc-sub > .svc-pop ul { scrollbar-width: thin; scrollbar-color: rgba(59,130,246,0.28) transparent; font-size: 14px;}
.svc-sub > .svc-pop li { margin: 0; padding: 0; border: 0; }
.svc-sub > .svc-pop li + li { border-top: 1px dashed rgba(148, 163, 184, 0.22); padding-top: 8px;}
.svc-sub > .svc-pop a { color: rgba(255,255,255,0.75); }
.svc-sub > .svc-pop a:hover { color: #fff;}
.svc-sub:hover > .svc-pop,
.svc-sub:focus-within > .svc-pop,
.svc-sub.open > .svc-pop { display: block; }

/* Divider for services center column, mirroring AI Solutions */
#mega-services [data-slot="links"] { position: relative; overflow: visible;}

/* Services CTA at bottom */
.svc-cta-bottom {
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  padding: 14px 18px; margin: 12px 22px 22px 22px; /* inside panel, no negatives */
  background: linear-gradient(135deg, rgba(var(--color-accent-rgb), .14), rgba(12,16,26,.92));
  border: 1px solid rgba(var(--color-accent-rgb), .35);
  border-radius: 14px; position: relative; z-index: 1;
  box-shadow: 0 20px 36px rgba(4,9,20,.45);
}
.svc-cta-bottom p {
  margin: 0; color: rgba(233,238,249,.9); font-size: 14px; line-height: 1.5;
}
.svc-cta-bottom .btn-primary {
  border-radius: 999px; padding: 9px 20px;
}
@media (max-width: 640px){
  .svc-cta-bottom { flex-direction: column; align-items: center; text-align: center;}
  .svc-cta-bottom .btn-primary { width: auto; justify-content: center; }
}

/* Industries mega menu */
.ind-grid { padding: 24px; margin-bottom: 12px; }
.ind-cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; max-height: 320px; overflow-y: auto;}
.ind-col ul { list-style: none; margin: 0; padding: 0; }
.ind-col { display: flex; flex-direction: column; gap: 9px;}
.ind-col li { margin: 0; position: relative; }
.ind-col a { color: rgba(255,255,255,0.75); display: inline-flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 12px; transition: background .2s ease, color .2s ease, box-shadow .2s ease; font-size: 14px;}
.ind-col a:hover { color: #fff; background: rgba(59,130,246,0.08); }
.ind-col a .ind-icon { color: #2563eb; }
.svc-col h5 .svc-cat-icon { filter: invert(30%) sepia(90%) saturate(1500%) hue-rotate(200deg) brightness(95%) contrast(95%); }

.testimonial-copy {
  -webkit-line-clamp: 4;
  line-clamp: 4;
  max-width: 640px;
}
.testimonial-copy.long {
  -webkit-line-clamp: 6;
  line-clamp: 6;
}
.ind-cols::-webkit-scrollbar { width: 6px; }
.ind-cols::-webkit-scrollbar-track { background: rgba(255,255,255,.05); border-radius: 3px;}
.ind-cols::-webkit-scrollbar-thumb { background: rgba(255,255,255,.2); border-radius: 3px; }
.ind-cols::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.35);}

/* Keep '+' toggles on the same line, right aligned for Industries */
#mega-industries .ind-col li { display: block; }
#mega-industries .ind-col li > a { width: 100%;}
#mega-industries .ind-col .svc-toggle { position: absolute; top: 50%; right: 6px; transform: translateY(-50%); width: 24px; height: 24px; border-radius: 999px; background: rgba(59,130,246,0.08); color: rgba(148,163,184,0.9); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; transition: background .2s ease, color .2s ease, box-shadow .2s ease; }
#mega-industries .ind-col .svc-toggle::before,
#mega-industries .ind-col .svc-toggle::after { content: ""; position: absolute; background: currentColor; border-radius: 2px; transition: opacity .2s ease;}
#mega-industries .ind-col .svc-toggle::before { width: 12px; height: 2px; }
#mega-industries .ind-col .svc-toggle::after { width: 2px; height: 12px;}
#mega-industries .ind-col .svc-sub:hover > .svc-toggle,
#mega-industries .ind-col .svc-sub:focus-within > .svc-toggle,
#mega-industries .ind-col .svc-sub.open > .svc-toggle { background: rgba(59,130,246,0.2); color: var(--color-accent); }
#mega-industries .ind-col .svc-sub:hover > .svc-toggle::after,
#mega-industries .ind-col .svc-sub:focus-within > .svc-toggle::after,
#mega-industries .ind-col .svc-sub.open > .svc-toggle::after { opacity: 0;}
#mega-industries .ind-col .svc-sub { padding-right: 34px; z-index: 1; }
#mega-industries .ind-col .svc-sub:hover,
#mega-industries .ind-col .svc-sub:focus-within,
#mega-industries .ind-col .svc-sub.open { z-index: 2000;}
#mega-industries .ind-col .svc-sub > a:hover,
#mega-industries .ind-col .svc-sub:focus-within > a,
#mega-industries .ind-col .svc-sub.open > a { background: rgba(59,130,246,0.14); color: var(--color-accent); box-shadow: inset 0 0 0 1px rgba(59,130,246,0.25), 0 8px 20px rgba(15,23,42,0.22); }
#mega-industries .ind-col .svc-sub > .svc-pop {
  display: none; position: absolute; left: 12px; right: 12px; top: calc(100% + 10px); z-index: 2200;
  background: #050a18; border: 1px solid rgba(59, 130, 246, 0.28); border-radius: 14px;
  box-shadow: 0 18px 32px rgba(5, 10, 24, 0.38); padding: 12px; overflow: hidden;
}
#mega-industries .ind-col .svc-sub > .svc-pop::before {
  content: ""; position: absolute; top: -6px; left: 50%; transform: translateX(-50%) rotate(45deg);
  width: 14px; height: 14px; background: #050a18; border-left: 1px solid rgba(59,130,246,0.28); border-top: 1px solid rgba(59,130,246,0.28); box-shadow: -2px -2px 8px rgba(5,10,24,0.22);
}
#mega-industries .ind-col .svc-sub > .svc-pop ul {
  margin: 0; padding: 0; list-style: none; max-height: calc(48px * 4);
  overflow: auto; display: flex; flex-direction: column; gap: 8px; padding-right: 2px;
}
#mega-industries .ind-col .svc-sub > .svc-pop ul::-webkit-scrollbar { width: 6px; }
#mega-industries .ind-col .svc-sub > .svc-pop ul::-webkit-scrollbar-track { background: transparent;}
#mega-industries .ind-col .svc-sub > .svc-pop ul::-webkit-scrollbar-thumb { background: rgba(59,130,246,0.28); border-radius: 999px; }
#mega-industries .ind-col .svc-sub > .svc-pop ul { scrollbar-width: thin; scrollbar-color: rgba(59,130,246,0.28) transparent; font-size: 14px;}
#mega-industries .ind-col .svc-sub > .svc-pop li { margin: 0; padding: 0; border: 0; }
#mega-industries .ind-col .svc-sub > .svc-pop li + li { border-top: 1px dashed rgba(148, 163, 184, 0.22); padding-top: 8px;}
#mega-industries .ind-col .svc-sub > .svc-pop a { color: rgba(255,255,255,0.75); }
#mega-industries .ind-col .svc-sub > .svc-pop a:hover { color: #fff;}
#mega-industries .ind-col .svc-sub:hover > .svc-pop,
#mega-industries .ind-col .svc-sub:focus-within > .svc-pop,
#mega-industries .ind-col .svc-sub.open > .svc-pop { display: block; }

/* Resources mega menu */
.res-grid { display: grid; grid-template-columns: 280px minmax(0,1fr) 280px; gap: 28px; padding: 28px;}
.res-aside { display: flex; }
.res-tabs { display: flex; flex-direction: column; gap: 12px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 14px; padding: 12px; }
.res-tab { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; color: rgba(239, 244, 255, 0.92); background: rgba(255,255,255,.02);}
.res-tab.is-active { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); }
.res-cta { margin-top: 18px; background: rgba(139, 233, 45, .12); border: 1px solid rgba(139, 233, 45, .35); border-radius: 12px; padding: 14px;}
.res-cta-title { margin: 0 0 6px 0; font-weight: 800; }
.res-cta-desc { margin: 0 0 10px 0; color: rgba(255,255,255,0.6);}

.res-list-wrap { min-width: 0; }
.res-head { display:flex; align-items:center; justify-content:space-between; margin-bottom: 12px;}
.res-title { margin:0; font-size: 14px; font-weight: 800; letter-spacing: .04em; color: var(--color-text); }
.res-view { color: var(--color-accent); font-weight: 700;}
.res-list { display: flex; flex-direction: column; gap: 12px; }
.res-item { display:flex; gap: 12px; align-items:center; color: var(--color-text);}
.res-thumb { width: 80px; height: 56px; border-radius: 10px; background: linear-gradient(135deg,var(--color-accent),var(--color-accent-2)); flex-shrink:0; object-fit: cover; display: block; overflow: hidden; }
.res-thumb--pr { border-radius: 10px; background: rgba(15, 23, 42, 0.08); display: flex; align-items: center; justify-content: center;}
.res-thumb--pr img { width: 100%; height: 100%; object-fit: cover; display: block; }
.res-icon { width: 44px; height: 44px; border-radius: 10px; background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2)); flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: #fff; }
.res-text { line-height: 1.35;}

/* Portfolio mega menu */
.port-grid { display: grid; grid-template-columns: 1fr; gap: 28px; padding: 28px; }
.port-list { display: grid; grid-template-columns: repeat(2, minmax(280px, 1fr)); gap: 14px 16px; max-height: 360px; overflow: auto; padding-right: 8px; align-content: start;}
.port-list > h5{ grid-column: 1 / -1; }
.port-view-all { grid-column: 1 / -1; text-align: center; padding: 10px 0 0; font-weight: 700; color: var(--color-accent); font-size: 14px; }
.port-item { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--color-border); border-radius: 12px; color: var(--color-text); background: rgba(255,255,255,.02); }
.port-item:hover { background: rgba(255,255,255,.06);}
.port-logo { width: 44px; height: 44px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; }
.port-text { min-width: 0; display: flex; flex-direction: column;}
.port-title { font-weight: 800; }
.port-desc { color: rgba(255,255,255,0.6); font-size: 14px; line-height: 1.35;}
.port-feature { border: 1px solid rgba(56, 75, 160, 0.18); background: radial-gradient(98% 140% at 6% 9%, rgba(120, 143, 255, 0.24) 0%, rgba(12, 18, 41, 0.95) 52%); border-radius: 22px; padding: 24px; display: flex; flex-direction: column; gap: 18px; color: rgba(239, 244, 255, 0.92); box-shadow: 0 22px 40px rgba(14, 20, 54, 0.38); }
.port-feature-label { margin: 0; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; font-weight: 800; opacity: .78; color: inherit;}
.port-feature-media { position: relative; border-radius: 18px; overflow: hidden; display: block; min-height: 168px; background: linear-gradient(135deg, rgba(37, 99, 235, 0.35), rgba(67, 56, 202, 0.45)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.port-feature-media img { width: 100%; height: 100%; object-fit: cover; display: block;}
.port-feature-media span { display: none; }
.port-feature-copy { margin: 0; font-size: 14px; line-height: 1.55; color: inherit; opacity: .92; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.port-feature-link { font-weight: 700; color: #3b82f6; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.port-feature-link:hover { text-decoration: underline;}

/* Company mega menu */
.comp-grid { display: grid; grid-template-columns: 1fr 260px; gap: 32px; padding: 28px 28px 28px 28px; align-items: center; }
.comp-list { display: flex; flex-direction: column; gap: 12px;}
.comp-list h5 { margin: 0 0 4px 2px; }
.comp-item { color: var(--color-text); padding: 10px 12px; border: 1px solid var(--color-border); border-radius: 10px; background: rgba(255,255,255,.02); }
.comp-item:hover { background: rgba(255,255,255,.06);}
.comp-cta-card { background: linear-gradient(160deg, rgba(37,48,100,0.92), rgba(16,20,44,0.97)); border: 1px solid rgba(80,100,200,0.18); border-radius: 14px; padding: 32px 22px; display: flex; flex-direction: column; gap: 12px; text-align: center; align-items: center; }
.comp-cta-icon { color: var(--color-accent); opacity: .9; }
.comp-cta-title { margin: 0; font-size: 16px; font-weight: 700; color: #fff; letter-spacing: -0.01em; }
.comp-cta-desc { margin: 0; font-size: 13px; line-height: 1.6; color: rgba(210,218,245,0.65); }
.comp-cta-btn { display: inline-block; padding: 10px 28px; font-size: 14px; font-weight: 600; margin-top: 6px; border-radius: 8px; }
.mega-feature { border: 1px solid rgba(56, 75, 160, 0.18); background: radial-gradient(98% 140% at 6% 9%, rgba(120, 143, 255, 0.24) 0%, rgba(12, 18, 41, 0.95) 52%); border-radius: 22px; padding: 24px; display: flex; flex-direction: column; gap: 18px; color: rgba(239, 244, 255, 0.92); box-shadow: 0 22px 40px rgba(14, 20, 54, 0.38); }
.mega-feature--surface { background: linear-gradient(155deg, rgba(22, 26, 36, 0.98), rgba(10, 12, 24, 0.92)); border-color: rgba(45, 58, 110, 0.32); color: rgba(235, 238, 250, 0.95);}
.mega-feature-label { margin: 0; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; font-weight: 800; opacity: .78; color: inherit; }
.mega-feature-media { position: relative; border-radius: 18px; overflow: hidden; min-height: 168px; background: linear-gradient(135deg, rgba(37, 99, 235, 0.35), rgba(67, 56, 202, 0.45)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); display: block;}
.mega-feature-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mega-feature-copy { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.4; color: inherit; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.mega-feature-link { font-weight: 700; color: #3b82f6; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.mega-feature-link:hover { text-decoration: underline;}
.mega-feature--surface .mega-feature-link { color: #60a5fa; }

/* Mobile */
@media (max-width: 991px) {
  .mega-panel { position: static; margin: 0; border-radius: 0; box-shadow: none;}
  .mega-grid { grid-template-columns: 1fr; padding: 16px; }
  .ai-links { max-height: none; overflow: visible; padding-right: 0;}
}

/* Footer */
.site-footer { position: relative; background: linear-gradient(180deg, #060708 0%, #0b1b3d 42%, #0e3c9a 100%); }
.site-footer::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: rgba(255,255,255,.14);}
.footer-grid { display: grid; grid-template-columns: 2fr repeat(4, 1fr); gap: 28px; padding: 40px 0; border-top: none; }
.footer-brand { color: var(--color-muted);}
.footer-col h5 { margin: 0 0 12px 0; font-size: 14px; letter-spacing: .06em; color: var(--color-muted); }
.footer-col ul { list-style: none; margin: 0; padding: 0;}
.footer-col li { margin-bottom: 10px; }
.footer-col a { color: var(--color-text);}
.footer-bottom { display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; border-top: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06); color: var(--color-muted); font-size: 14px; border-radius: 16px 16px 0 0; }

.about-page{ background: #060708; padding: 56px 0;}
.about-page-card{ background: #000; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; box-shadow: 0 28px 80px rgba(0,0,0,.55); color: #fff; display:flex; flex-direction:column; gap: clamp(18px, 3vw, 28px);}
.about-page-headline h1{ margin:0; font-size: clamp(30px, 4.8vw, 54px); line-height:1.05; letter-spacing:-0.02em; font-weight:800; }
.about-page-media{ display:flex; justify-content:center;}
.about-page-video-wrap{ position:relative; width:min(720px, 100%); border-radius:22px; overflow:hidden; background:#111; box-shadow:0 26px 70px rgba(0,0,0,.55); }
.about-page-video{ width:100%; height:auto; display:block; aspect-ratio: 16 / 9; object-fit:cover;}
.about-page-tag{ position:absolute; right:18px; bottom:18px; font-style:italic; font-size: clamp(14px, 2vw, 20px); color: rgba(255,255,255,.9); text-shadow:0 10px 30px rgba(0,0,0,.65); }
.about-page-copy{ text-align:center;}
.about-page-copy p{ margin:0; font-size: 16px; line-height:1.8; color: rgba(255,255,255,.72); max-width: 820px; margin-left:auto; margin-right:auto; }
.about-page-metrics{ padding-top: 6px;}
.about-page-metrics-grid{ display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.about-page-metric{ border-radius: 10px; padding: 14px 16px; min-height: 74px; display:flex; flex-direction:column; justify-content:center; gap: 6px; box-shadow: 0 16px 30px rgba(0,0,0,.28);}
.about-page-metric:nth-child(1){ background:#ecd9ff; }
.about-page-metric:nth-child(2){ background:#dbe8b3;}
.about-page-metric:nth-child(3){ background:#c7eff9; }
.about-page-metric:nth-child(4){ background:#f2f0d3;}
.about-page-metric-value{ font-size: 22px; font-weight: 800; line-height: 1; letter-spacing: -0.01em; color: #0b0c0d; }
.about-page-metric-label{ font-size: 11px; font-weight: 600; line-height: 1.25; color: rgba(11,12,13,.80);}
.about-page-metrics-cta{ display:flex; justify-content:center; padding-top: 18px; }
.about-page-metrics-btn{ display:inline-flex; align-items:center; justify-content:center; padding: 10px 18px; border-radius: 999px; border: 1px solid rgba(255,255,255,.70); color: #fff; background: transparent; text-decoration: none; font-size: 12px; font-weight: 700; letter-spacing: .01em;}
.about-page-metrics-btn:hover{ border-color: #fff; background: rgba(255,255,255,.08); }

/* ── About Hero ── */
.about-hero{ background: #000; padding: 120px 0 80px; }
.about-hero-grid{ display: grid; grid-template-columns: 1fr; gap: 0; }
.about-hero-copy{ max-width: 800px; margin: 0 auto; text-align: center; position: relative; z-index: 2; }
.about-hero-headline{ display: block; }
.about-hero-copy h1{ margin: 0; font-size: clamp(36px, 5vw, 64px); line-height: 1.1; letter-spacing: -0.025em; font-weight: 900; color: #fff; }
.about-hero-subheading{ margin: 20px auto 0; font-size: clamp(16px, 1.6vw, 20px); line-height: 1.6; color: rgba(255,255,255,.65); max-width: 640px; }
.about-hero-content{ margin-top: 24px; }
.about-hero-content p{ margin: 0 auto 14px; font-size: 15px; line-height: 1.75; color: rgba(255,255,255,.55); max-width: 640px; }
.about-hero-content p:last-child{ margin-bottom: 0; }
.about-hero-highlights{ margin: 36px auto 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; max-width: 640px; }
.about-hero-highlight{ display: flex; align-items: center; gap: 12px; padding: 16px 20px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); }
.about-hero-highlight-icon{ flex-shrink: 0; width: 22px; height: 22px; color: #1f6cff; }
.about-hero-highlight-icon svg{ width: 100%; height: 100%; }
.about-hero-highlight span:last-child{ font-size: 13px; font-weight: 600; color: rgba(255,255,255,.85); line-height: 1.35; }

/* ── About Powerhouse (Stats + Services) ── */
.about-powerhouse{ background: #000; padding: 0 0 80px; }
.about-powerhouse-card{ color: #fff; display: flex; flex-direction: column; gap: 64px; }
.about-powerhouse-metrics{ padding: 0; }
.about-powerhouse-metrics-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; max-width: 900px; margin: 0 auto; }
.about-powerhouse-metric{ border-radius: 18px; padding: 32px 28px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; text-align: center; }
.about-powerhouse-metric:nth-child(1){ background: #ecd9ff; }
.about-powerhouse-metric:nth-child(2){ background: #dbe8b3; }
.about-powerhouse-metric:nth-child(3){ background: #c7eff9; }
.about-powerhouse-metric:nth-child(4){ background: #f2f0d3; }
.about-powerhouse-metric-value{ font-size: clamp(36px, 3.5vw, 52px); font-weight: 700; line-height: 1; letter-spacing: -0.02em; color: #0b0c0d; }
.about-powerhouse-metric-label{ font-size: 14px; font-weight: 600; line-height: 1.3; color: rgba(11,12,13,.75); }
.about-powerhouse-copy{ text-align: center; }
.about-powerhouse-headline{ margin: 0 0 32px; font-size: clamp(26px, 3vw, 38px); font-weight: 800; color: #fff; letter-spacing: -0.02em; }
.about-powerhouse-services{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.about-powerhouse-service{ background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); border-radius: 16px; padding: 28px 22px; text-align: center; transition: background .2s ease, border-color .2s ease; }
.about-powerhouse-service:hover{ background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.16); }
.about-powerhouse-service h3{ margin: 0; font-size: 15px; font-weight: 700; color: #fff; }
.about-powerhouse-service p{ margin: 8px 0 0; font-size: 13px; line-height: 1.6; color: rgba(255,255,255,.50); }

/* ── About Leaders (Client Logos) ── */
.about-leaders{ padding: 72px 0; background: #0a0a0a; }
.about-leaders .container{ width: 100%; }
.about-leaders__head{ text-align: center; margin-bottom: 48px; }
.about-leaders__head h2{ margin: 0; font-size: clamp(26px, 3vw, 38px); line-height: 1.2; font-weight: 800; letter-spacing: -0.02em; color: #fff; }
.about-leaders__line{ display: block; }
.about-leaders__grid{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px 40px; align-items: center; justify-items: center; max-width: 900px; margin: 0 auto; padding: 0; }
.about-leaders__item{ display: flex; align-items: center; justify-content: center; padding: 12px 16px; }
.about-leaders__logo{ height: 36px; width: 120px; object-fit: contain; opacity: .85; filter: grayscale(1) brightness(10) contrast(0.6); transition: opacity .2s ease, filter .2s ease; display: block; }
.about-leaders__logo:hover{ opacity: 1; filter: grayscale(0) brightness(1) contrast(1); }

/* ── About Vision & Mission ── */
.about-vision-mission{ background: #fff; color: #0b0b0b; padding: 80px 0; }
.about-vision-mission__grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 880px; margin: 0 auto; }
.about-vision-mission__card{ background: #f5f6f8; border-radius: 20px; padding: 48px 36px; text-align: center; }
.about-vision-mission__card h2{ margin: 0 0 16px; font-size: clamp(22px, 2.4vw, 30px); font-weight: 800; color: #0b0b0b; letter-spacing: -0.02em; }
.about-vision-mission__card p{ margin: 0; font-size: 16px; line-height: 1.7; color: rgba(11,11,11,.60); }

/* ── About Values & Differentiators ── */
.about-values{ background: #0b0b0b; color: #fff; padding: 80px 0; }
.about-values__title{ margin: 0 0 36px; font-size: clamp(26px, 3vw, 38px); font-weight: 800; letter-spacing: -0.02em; text-align: center; }
.about-values__title--differentiators{ margin-top: 72px; }
.about-values__grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; max-width: 960px; margin: 0 auto; }
.about-values__card{ background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); border-radius: 16px; padding: 32px 24px; text-align: center; transition: background .2s ease, border-color .2s ease; }
.about-values__card:hover{ background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.16); }
.about-values__card h3{ margin: 0 0 10px; font-size: 17px; font-weight: 700; color: #fff; }
.about-values__card p{ margin: 0; font-size: 14px; line-height: 1.65; color: rgba(255,255,255,.50); }

/* ── About Page Animations ── */
.anim-fade-up{
  opacity: 0;
  transform: translateY(32px);
  transition: opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1);
}
.anim-fade-up.is-visible{
  opacity: 1;
  transform: translateY(0);
}
.anim-scale-in{
  opacity: 0;
  transform: scale(.92);
  transition: opacity .5s cubic-bezier(.22,1,.36,1), transform .5s cubic-bezier(.22,1,.36,1);
}
.anim-scale-in.is-visible{
  opacity: 1;
  transform: scale(1);
}
@media (prefers-reduced-motion: reduce){
  .anim-fade-up,
  .anim-scale-in{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ── About Page Responsive ── */
@media (max-width: 900px){
  .about-powerhouse-metrics-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-powerhouse-services{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-leaders__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 28px; }
  .about-values__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .about-hero{ padding: 100px 0 56px; }
  .about-hero-highlights{ grid-template-columns: 1fr; }
  .about-powerhouse{ padding: 0 0 56px; }
  .about-powerhouse-metrics-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-powerhouse-services{ grid-template-columns: 1fr; }
  .about-leaders{ padding: 48px 0; }
  .about-leaders__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 20px; }
  .about-leaders__logo{ height: 28px; width: 90px; }
  .about-vision-mission{ padding: 56px 0; }
  .about-vision-mission__grid{ grid-template-columns: 1fr; }
  .about-values{ padding: 56px 0; }
  .about-values__grid{ grid-template-columns: 1fr; }
}

.about-thoughts{ background: #000; padding: 90px 0 90px; }
.about-thoughts__head{ text-align:center; }
.about-thoughts__head h2{ margin:0; font-size: clamp(26px, 3.2vw, 40px); line-height: 1.15; letter-spacing: -0.02em; color:#fff; font-weight: 800; }
.about-thoughts__tabs{ margin-top: 26px; display:flex; justify-content:center; gap: 16px; }
.about-thoughts__tab{ appearance:none; border: 1px solid rgba(255,255,255,.20); background: rgba(255,255,255,.02); color: rgba(255,255,255,.70); padding: 12px 28px; border-radius: 999px; font-weight: 650; letter-spacing: .01em; cursor:pointer; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.about-thoughts__tab:hover{ border-color: rgba(255,255,255,.35); color: rgba(255,255,255,.88); }
.about-thoughts__tab.is-active{ background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.55); color: rgba(255,255,255,.95); }

.about-thoughts__layout{ margin-top: 34px; display:grid; grid-template-columns: 3fr 1fr; gap: 28px; align-items:start; }
.about-thoughts__left{ min-width: 0; }
.about-thoughts__right{ min-width: 0;height:100% }

.about-thoughts__stage{ margin-top: 0; }
.about-thoughts__top{ display:grid; grid-template-columns: 168px minmax(0, 1fr) minmax(0, 1.25fr); gap: 22px; align-items: stretch; }
.about-thoughts__top-card{ background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)); border: 1px solid rgba(255,255,255,.12); border-radius: 22px; overflow:hidden; box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }

.about-thoughts__top-card--avatar{ display:flex; align-items:center; justify-content:center; aspect-ratio: 1 / 1; }
.about-thoughts__avatar-wrap{ width: 100%; height: 100%; clip-path: inset(0 0 100% 0); visibility: hidden; transition: clip-path .5s ease-in-out, visibility 0s; }
.about-thoughts__avatar-wrap.is-revealed{ clip-path: inset(0 0 0 0); visibility: visible; }

.about-thoughts__avatar{ width:100%; height:100%; object-fit: cover; display:block; transform: scale(1.06); transition: transform .5s ease-out; }
.about-thoughts__avatar-wrap.is-revealed .about-thoughts__avatar{ transform: scale(1); }

.about-thoughts__top-card{ min-height: 108px;max-height:150px; }
.about-thoughts__top-card--avatar{ min-height: 108px; }

.about-thoughts__top-card--meta{ padding: 26px 28px; display:flex; flex-direction:column; justify-content:center; }
.about-thoughts__top-card--meta .about-thoughts__name{ color:#fff; font-weight: 500; font-size: 24px; line-height: 1.15; letter-spacing: -0.02em; }
.about-thoughts__top-card--meta .about-thoughts__role{ margin-top: 10px; font-size: 14px; line-height: 1.5; color: rgba(255,255,255,.60); }
.about-thoughts__top-card--meta .about-thoughts__company{ margin-top: 6px; font-size: 13px; line-height: 1.5; color: rgba(255,255,255,.42); display:none; }

[data-about-thoughts-panel="clients"] .about-thoughts__top-card--meta .about-thoughts__company{ display:block; }

.about-thoughts__top-card--tools{ display:flex; align-items:center; justify-content:center; padding: 24px 26px; }
.about-thoughts__tools{ display:flex; align-items:center; justify-content:center; gap: 22px; width: 100%; }
.about-thoughts__tool{ width: 54px; height: 54px; border-radius: 999px; display:flex; align-items:center; justify-content:center; font-weight: 800; font-size: 22px; letter-spacing: -0.02em; color: #fff; background: #0b63d8; box-shadow: 0 14px 34px rgba(0,0,0,.45); }
.about-thoughts__tool--analytics{ background: #e9f7e6; color: #1a1f1a; font-weight: 900; }
.about-thoughts__tool--glassdoor{ background: #0b63d8; }
.about-thoughts__tool--teams{ background: #6b6de9; }
.about-thoughts__tool--linkedin{ background: #0b63d8; }

.about-thoughts__top-card--logo,
.about-thoughts__top-card--people{ display:none; }

.about-thoughts__logo{ width: 100%; height: 100%; display:flex; align-items:center; justify-content:center; font-size: 44px; font-weight: 700; letter-spacing: -0.02em; color: rgba(255,255,255,.95); }
[data-about-thoughts-panel="clients"] .about-thoughts__logo{ font-size: 34px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.92); text-shadow: 0 0 0 rgba(255,255,255,.92), 0 1px 0 rgba(0,0,0,.35); }
[data-about-thoughts-panel="clients"] .about-thoughts__top-card--logo{ background: rgba(255,255,255,.06); }
.about-thoughts__people{ width: 100%; height: 100%; display:flex; align-items:center; justify-content:center; }
.about-thoughts__people-icon{ width: 54px; height: 54px; display:block; background: rgba(255,255,255,.0); }
.about-thoughts__people-icon{ mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M16 11a4 4 0 1 0-8 0"/><path d="M4 20c0-3 4-5 8-5s8 2 8 5"/><path d="M18 9a3 3 0 1 1 0 6"/><path d="M21 20c0-2-1.5-3.5-3.7-4.3"/></svg>') center / contain no-repeat; -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M16 11a4 4 0 1 0-8 0"/><path d="M4 20c0-3 4-5 8-5s8 2 8 5"/><path d="M18 9a3 3 0 1 1 0 6"/><path d="M21 20c0-2-1.5-3.5-3.7-4.3"/></svg>') center / contain no-repeat; background-color: rgba(255,255,255,.92); }
.about-thoughts__people-icon[data-about-thoughts-icon="dining"]{ mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 11h18"/><path d="M8 11V7a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4"/><path d="M6 11v9"/><path d="M18 11v9"/><path d="M12 11v9"/><path d="M7 20h10"/></svg>') center / contain no-repeat; -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 11h18"/><path d="M8 11V7a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4"/><path d="M6 11v9"/><path d="M18 11v9"/><path d="M12 11v9"/><path d="M7 20h10"/></svg>') center / contain no-repeat; }

.about-thoughts__person .about-thoughts__name{ font-size: 12px; font-weight: 800; color:#fff; }
.about-thoughts__person .about-thoughts__role{ font-size: 10px; color: rgba(255,255,255,.62); line-height: 1.3; }

[data-about-thoughts-panel="clients"] .about-thoughts__top{ grid-template-columns: 168px minmax(0, 1fr) minmax(0, 1fr) 132px; }
[data-about-thoughts-panel="clients"] .about-thoughts__top-card--logo,
[data-about-thoughts-panel="clients"] .about-thoughts__top-card--people{ display:flex; align-items:center; justify-content:center; }
[data-about-thoughts-panel="clients"] .about-thoughts__top-card--tools{ display:none; }

.about-thoughts__grid{ margin-top: 18px; display:grid; grid-template-columns: 1fr; gap: 22px; align-items: stretch; }
.about-thoughts__quote-card{ position: relative; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.10); border-radius: 22px; padding: 52px 52px 86px; min-height: 320px; }
.about-thoughts__quote-mark{ position:absolute; left: 34px; top: 26px; font-size: 86px; line-height: 1; color: rgba(31,108,255,.9); }
.about-thoughts__quote{ font-size: 18px; line-height: 1.7; color: rgba(255,255,255,.90); max-width: 72ch; }
.about-thoughts__nav{ position:absolute; right: 38px; bottom: 28px; display:flex; gap: 16px; }
.about-thoughts__nav-btn{ width: 70px; height: 70px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); background: rgba(0,0,0,.14); color: rgba(255,255,255,.92); cursor:pointer; font-size: 24px; font-weight: 500; line-height: 1; display:flex; align-items:center; justify-content:center; transition: background .2s ease, border-color .2s ease, transform .15s ease; }
.about-thoughts__nav-btn:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.06); }
.about-thoughts__nav-btn:disabled{ opacity: .35; cursor:not-allowed; }

.about-thoughts__media-card{ background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.10); border-radius: 22px; overflow:hidden; height: 100%; }
.about-thoughts__media-wrap{ width: 100%; height: 100%; clip-path: inset(100% 0 0 0); visibility: hidden; transition: clip-path .5s ease-in-out, visibility 0s; }
.about-thoughts__media-wrap.is-revealed{ clip-path: inset(0 0 0 0); visibility: visible; }
.about-thoughts__media{ width:100%; height:100%; min-height: 520px; object-fit: cover; display:block; }

.about-opportunities{ background: #fff; color: #0b0b0b; padding: 90px 0 90px; }
.about-opportunities__head{ text-align:center; max-width: 980px; margin: 0 auto; }
.about-opportunities__head h2{ margin:0; font-size: clamp(30px, 4vw, 52px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 500; color: #0b0b0b; }
.about-opportunities__tabs{ margin-top: 30px; display:flex; justify-content:center; }
.about-opportunities__tabs{ background: rgba(0,0,0,.05); border-radius: 16px; padding: 6px; gap: 6px; max-width: 920px; margin-left:auto; margin-right:auto; width: 100%; }
.about-opportunities__tab{ flex: 1 1 0; appearance:none; border: 0; background: transparent; color: rgba(0,0,0,.60); font-weight: 600; padding: 14px 18px; border-radius: 12px; cursor:pointer; transition: background .2s ease, color .2s ease; }
.about-opportunities__tab.is-active{ background: #0b0b0b; color: #fff; }
.about-opportunities__tab:focus-visible{ outline: 2px solid rgba(0,0,0,.75); outline-offset: 4px; }

.about-opportunities__panel{ margin-top: 34px; }
.about-opportunities__content{ max-width: 980px; margin: 0 auto; text-align:left; }
.about-opportunities__content h3{ margin: 0; font-size: 22px; font-weight: 650; color:#0b0b0b; letter-spacing: -0.01em; }
.about-opportunities__content p{ margin: 12px 0 0; font-size: 13px; line-height: 1.85; color: rgba(0,0,0,.68); }
.about-opportunities__cta{ margin-top: 18px; display:inline-flex; align-items:center; justify-content:center; height: 42px; padding: 0 18px; border-radius: 999px; background: #1f6cff; color: #fff; text-decoration:none; font-size: 12px; font-weight: 700; }
.about-opportunities__cta:hover{ filter: brightness(1.05); }

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

.about-opportunities__marquee{ margin-top: 34px; overflow:hidden; }
.about-opportunities__marquee-inner{ display:flex; gap: 0; width: max-content; animation: about-opportunities-marquee var(--about-opportunities-duration, 40s) linear infinite; will-change: transform; }
.about-opportunities__marquee-track{ display:flex; gap: 18px; align-items: stretch; flex: 0 0 auto; }
.about-opportunities__marquee:hover .about-opportunities__marquee-inner,
.about-opportunities__marquee:focus-within .about-opportunities__marquee-inner{ animation-play-state: paused; }

.about-opportunities__mosaic{ --opp-col: 220px; --opp-row: 240px; display:grid; grid-auto-flow: dense; grid-template-columns: repeat(6, var(--opp-col)); grid-template-rows: repeat(2, var(--opp-row)); grid-auto-rows: var(--opp-row); gap: 16px; flex: 0 0 auto; overflow:hidden; height: calc((2 * var(--opp-row)) + 16px); }
.about-opportunities__tile{ border-radius: 18px; overflow:hidden; background: #f3f4f6; box-shadow: 0 18px 48px rgba(0,0,0,.12); }
.about-opportunities__tile img{ width:100%; height:100%; display:block; object-fit: cover; }

.about-opportunities__mosaic .about-opportunities__tile:nth-child(1){ grid-column: span 2; grid-row: span 2; }
.about-opportunities__mosaic .about-opportunities__tile:nth-child(2){ grid-column: span 2; }
.about-opportunities__mosaic .about-opportunities__tile:nth-child(3){ grid-column: span 2; }
.about-opportunities__mosaic .about-opportunities__tile:nth-child(4){ grid-column: span 2; }
.about-opportunities__mosaic .about-opportunities__tile:nth-child(5){ grid-column: span 2; }
.about-opportunities__mosaic .about-opportunities__tile:nth-child(6){ grid-column: span 2; }

@media (prefers-reduced-motion: reduce){
  .about-opportunities__marquee-inner{ animation: none; transform: none; }
}

.about-decade{  padding: 92px 100px 56px; background: #000; }
.about-decade{ --decade-img-shift-down: 920px; --decade-img-shift-up: 1600px; }

.about-decade > .yearly_slider > h2{ margin-bottom: 44px; }

.about-decade .yearly_slider{ max-width: none; margin: 0; }
.about-decade .timeline-container{ margin-top: var(--timeline-gap-lg); height: 600px; position: relative; }

.about-decade .year_content_wrap{ height: 600px; position: relative; }
.about-decade .year_content{ opacity: 0; visibility: hidden; transition: opacity .5s ease-in-out; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display:block; }
.about-decade .year_content.active{ opacity: 1; visibility: visible; }
.about-decade .year_content.active.is-enter{ opacity: 0; visibility: visible; }
.about-decade .year_content.previous-active{ opacity: 0; visibility: visible; }

.about-decade .year_title{ position: absolute; left: 50%; top: 46%; transform: translate(-50%, -50%); pointer-events:none; }
.about-decade .year_para{ position: absolute; right: 0; top: 56%; transform: translateY(-50%) translateY(0); width: 340px; opacity: 1; transition: opacity .55s ease, transform .55s cubic-bezier(.22, 1, .36, 1); }

.about-decade figure{ margin: 0; }
.about-decade .year_image{ --img-shift: 0px; position: absolute; left: 0; top: 48%; transform: translate(0, -50%) translateY(var(--img-shift)) rotate(-12deg) scale(1.02); transition: transform 1.25s cubic-bezier(.22, 1, .36, 1); max-width: 100%; object-fit: cover; width: 420px; height: 280px; display:block; border-radius: 18px; overflow:hidden; box-shadow: 0 22px 60px rgba(0,0,0,.55); background: rgba(255,255,255,.06); }
.about-decade .year_content.active .year_image{ transition-delay: 0s; transform: translate(10%, -50%) translateY(var(--img-shift)) rotate(-9deg) scale(1); }
.about-decade .year_content.previous-active .year_image{ transition-delay: 0s; }
.about-decade .year_content.active.is-enter.is-enter-from-below .year_image{ --img-shift: var(--decade-img-shift-down); }
.about-decade .year_content.active.is-enter.is-enter-from-above .year_image{ --img-shift: calc(var(--decade-img-shift-up) * -1); }
.about-decade .year_content.previous-active.is-exit-up .year_image{ --img-shift: calc(var(--decade-img-shift-up) * -1); }
.about-decade .year_content.previous-active.is-exit-down .year_image{ --img-shift: var(--decade-img-shift-down); }

.about-decade .year_content.previous-active .year_para{ opacity: 1; }
.about-decade .year_content.previous-active.is-exit-up .year_para{ opacity: 0; transform: translateY(-50%) translateY(36px); }
.about-decade .year_content.previous-active.is-exit-down .year_para{ opacity: 0; transform: translateY(-50%) translateY(36px); }

.about-decade .year_content.active.is-enter.is-enter-from-below .year_para{ opacity: 0; transform: translateY(-50%) translateY(36px); }
.about-decade .year_content.active.is-enter.is-enter-from-above .year_para{ opacity: 0; transform: translateY(-50%) translateY(36px); }
.about-decade .year_content.active:not(.is-enter) .year_para{ opacity: 1; transform: translateY(-50%) translateY(0); transition-delay: .1s; }

.about-decade .ds_flex{ display:flex; align-items:flex-end; gap: 4px; }
.about-decade .year_title .ds_flex{ overflow: hidden; }
.about-decade .digit_wrap{ overflow:hidden; line-height: 1; }
.about-decade .digit{ --digit-shift: 0px; font-size: 320px; font-weight: 800; line-height: 0.9; color: rgba(17, 99, 251, 1); position: relative; transform: translateY(var(--digit-shift)); opacity: 0; transition: transform .85s cubic-bezier(.22, 1, .36, 1), opacity .55s ease; display:inline-block; letter-spacing: -0.05em; will-change: transform, opacity; }

.about-decade .year_content.previous-active .digit_wrap .digit{ opacity: 1; }
.about-decade .year_content.active.is-enter .digit_wrap .digit{ opacity: 0; }

.about-decade .year_content.active.is-enter.is-enter-from-below .digit_wrap .digit{ --digit-shift: 520px; }
.about-decade .year_content.active.is-enter.is-enter-from-above .digit_wrap .digit{ --digit-shift: -520px; }
.about-decade .year_content.previous-active.is-exit-up .digit_wrap .digit{ --digit-shift: -520px; opacity: 0; }
.about-decade .year_content.previous-active.is-exit-down .digit_wrap .digit{ --digit-shift: 520px; opacity: 0; }

.about-decade .year_content.active:not(.is-enter) .digit_wrap .digit.d1{ transition-delay: 0s; opacity: 1; }
.about-decade .year_content.active:not(.is-enter) .digit_wrap .digit.d2{ transition-delay: .12s; opacity: 1; }
.about-decade .year_content.active:not(.is-enter) .digit_wrap .digit.d3{ transition-delay: .24s; opacity: 1; }
.about-decade .year_content.active:not(.is-enter) .digit_wrap .digit.d4{ transition-delay: .36s; opacity: 1; }

.about-decade .year_content.previous-active .digit_wrap .digit.d1{ transition-delay: 0s; }
.about-decade .year_content.previous-active .digit_wrap .digit.d2{ transition-delay: .06s; }
.about-decade .year_content.previous-active .digit_wrap .digit.d3{ transition-delay: .12s; }
.about-decade .year_content.previous-active .digit_wrap .digit.d4{ transition-delay: .18s; }

.about-decade .year_para{ margin: 0; max-width: none; font-size: 14px; line-height: 1.75; font-weight: 400; color: rgba(255,255,255,.92); letter-spacing: -0.01em; }
.about-decade .year_para a{ color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }

@media (max-width: 1550px){
  .about-decade .timeline-container,
  .about-decade .year_content_wrap{ height: 550px; }
  .about-decade .year_image{ transform: translate(10%, 180%) translateY(var(--img-shift)) rotate(-5deg) scale(1.1); left: -20px; }
  .about-decade .digit{ font-size: 250px; }
}

@media (max-width: 1366px){
  .about-decade .digit{ font-size: 220px; }
}

@media (max-width: 1023px){
  .about-decade .timeline-container,
  .about-decade .year_content_wrap{ height: 590px; }
  .about-decade .year_image{ transform: translate(0%, 100%) translateY(var(--img-shift)) rotate(-5deg) scale(1.1); left: 0; top: 0; max-width: 370px; }
  .about-decade .year_content.active .year_image{ transform: translate(0, 20%) translateY(var(--img-shift)) rotate(-10deg) scale(1); left: 0; }
}

@media (max-width: 767px){
  .about-decade .timeline-container{ margin-top: 70px; }
  .about-decade .digit{ font-size: 100px; }
  .about-decade .year_content.active .year_image{ top: 50px; }
}

.about-decade .timeline_scroller{ margin-top: var(--timeline-gap); }
.about-decade .timeline{ display: flex; align-items: center; justify-content: space-between; position: relative; margin: var(--timeline-margin) 0 0; padding: 0; list-style: none; }
.about-decade .timeline_line{ background-color: #1163fb; height: var(--timeline-line-width); width: calc(100% - 12px); left: 0; top: 10px; position: absolute; z-index: 0; }

.about-decade .year-tab{ position: relative; cursor: pointer; z-index: 2; display:flex; flex-direction:column; align-items:center; gap: 14px; min-width: 56px; user-select:none; }
.about-decade .year-tab:focus-visible{ outline: 2px solid rgba(31,108,255,.9); outline-offset: 6px; border-radius: 10px; }

.about-decade .timeline_button{ background-color: #000; border: 1px solid #1163fb; border-radius: 10px; display: block; position: relative; width: 30px; height: 20px; margin: 0; box-sizing:border-box; }
.about-decade .timeline_button:before{ position: absolute; content: ""; width: 100%; height: 100%; transform: scale(0); background-color: #1163fb; border-radius: 10px; transition: transform .75s cubic-bezier(.215, .61, .355, 1); left: 0; top: 0; }
.about-decade .year-tab.active .timeline_button:before{ transform: scale(1); }

.about-decade .timeline_button_year{ font-size: var(--timeline-date-size); font-weight: var(--timeline-date-weight); color: rgba(255,255,255,.55); letter-spacing: .01em; }
.about-decade .year-tab.active .timeline_button_year{ color: rgba(255,255,255,.92); font-weight: 700; }

@keyframes aboutDecadeInForward{ from{ transform: translateY(46px) rotate(14deg); opacity: 0;} to{ transform: translateY(0) rotate(0deg); opacity: 1; } }
@keyframes aboutDecadeOutForward{ from{ transform: translateY(0) rotate(0deg); opacity: 1; } to{ transform: translateY(-46px) rotate(14deg); opacity: 0; } }
@keyframes aboutDecadeInBackward{ from{ transform: translateY(-46px) rotate(-14deg); opacity: 0;} to{ transform: translateY(0) rotate(0deg); opacity: 1; } }
@keyframes aboutDecadeOutBackward{ from{ transform: translateY(0) rotate(0deg); opacity: 1; } to{ transform: translateY(46px) rotate(-14deg); opacity: 0; } }

@keyframes aboutDecadeUp{ from{ transform: translateY(46px); opacity: 0; } to{ transform: translateY(0); opacity: 1; } }
@keyframes aboutDecadeDown{ from{ transform: translateY(0); opacity: 1; } to{ transform: translateY(46px); opacity: 0; } }
@keyframes aboutDecadeFromTop{ from{ transform: translateY(-46px); opacity: 0; } to{ transform: translateY(0); opacity: 1; } }


.about-decade__stage.is-forward-out .about-decade__media-inner,
.about-decade__stage.is-forward-out .about-decade__digit-inner,
.about-decade__stage.is-forward-out .about-decade__copy-inner{ animation: aboutDecadeDown .38s cubic-bezier(.22,1,.36,1) both; }


.about-decade__stage.is-forward-in .about-decade__media-inner,
.about-decade__stage.is-forward-in .about-decade__copy-inner{ animation: aboutDecadeUp .44s cubic-bezier(.22,1,.36,1) both; }
.about-decade__stage.is-forward-in .about-decade__digit-inner{ animation: aboutDecadeUp .44s cubic-bezier(.22,1,.36,1) both; animation-delay: var(--d, 0ms); }


.about-decade__stage.is-backward-out .about-decade__media-inner,
.about-decade__stage.is-backward-out .about-decade__digit-inner,
.about-decade__stage.is-backward-out .about-decade__copy-inner{ animation: aboutDecadeDown .38s cubic-bezier(.22,1,.36,1) both; }


.about-decade__stage.is-backward-in .about-decade__media-inner,
.about-decade__stage.is-backward-in .about-decade__copy-inner{ animation: aboutDecadeFromTop .44s cubic-bezier(.22,1,.36,1) both; }
.about-decade__stage.is-backward-in .about-decade__digit-inner{ animation: aboutDecadeFromTop .44s cubic-bezier(.22,1,.36,1) both; animation-delay: var(--d, 0ms); }


.about-decade__stage .about-decade__copy{ transition: opacity .24s ease;}
.about-decade__stage.is-copy-fade{ opacity: 1; }
.about-decade__stage.is-copy-fade .about-decade__copy{ opacity: .15;}

@media (prefers-reduced-motion: reduce){
  .about-decade .year_content{ transition: none !important; }
}


/* about-leaders base styles are defined above in the About Page section */


.about-image-blocks{  display:flex; flex-direction:column; gap: 34px; }
.about-image-block{ position:relative;}
.about-image-block__media{ border-radius: 14px; overflow:hidden; box-shadow: 0 24px 60px rgba(0,0,0,.55); background: rgba(255,255,255,.06); }
.about-image-block__media img{ width:100%; height:100%; display:block; object-fit: cover;}


.about-image-block--wide{ display:block; }
.about-image-block--wide .about-image-block__media{ height: min(360px, 44vw); max-height: 380px;}
.about-image-block__overlay{ position:absolute; left: 28px; top: 22px; width: min(360px, 38vw); background: rgba(20,20,20,.86); border: 1px solid rgba(255,255,255,.10); border-radius: 12px; padding: 18px 18px; box-shadow: 0 20px 46px rgba(0,0,0,.55); }
.about-image-block__overlay h3{ margin:0 0 10px; font-size: 14px; font-weight: 800; color:#fff;}
.about-image-block__overlay p{ margin:0; font-size: 11px; line-height: 1.65; color: rgba(255,255,255,.72); }


.about-roi{position:relative; margin-top: 0; padding: 40px 0; background: #000; display:flex; align-items:center; justify-content:center ; padding-inline:150px;}
.about-roi__grid{ display:flex; align-items:center;  }
.about-roi__card{ position: absolute; top:100px; transform:translateX(-25%);left:15%; z-index: 2; max-width: fit-content; background: #191918; border: 0; border-radius: 18px; padding: 32px; box-shadow: 0 26px 70px rgba(0,0,0,.65); margin-right: -72px; color: #fff; }
.about-roi__card h3{ margin: 0 0 22px; font-size: 26px; font-weight: 800; color: #fff; letter-spacing: -0.012em; }
.about-roi__card p{ margin: 0; font-size: 15px; line-height: 1.9; color: #fff; max-width: 56ch; }
.about-roi__media{ width:70%;margin-left:auto;height:100%;position: relative; z-index: 1; border-radius: 18px; overflow:hidden; box-shadow: 0 24px 60px rgba(0,0,0,.55); background: rgba(255,255,255,.06); }
.about-roi__media img{ width: 100%; height: 100%; display:block; object-fit: cover; aspect-ratio: 16 / 9; }


.about-work-culture{ padding: 90px 0 110px; gap: 90px; background-color:#000; }
.about-work-culture .about-image-block--split{margin-bottom:100px; display:flex; align-items:center; justify-content:center; gap: 72px; }
.about-work-culture .about-image-block--split .about-image-block__media{ flex: 0 0 560px; height: 520px; }
.about-work-culture .about-image-block--split .about-image-block__content{ flex: 0 1 520px; }
.about-work-culture .about-image-block__content{ display:flex; flex-direction:column; justify-content:center; }
.about-work-culture .about-image-block__content h3{ margin: 0 0 16px; font-size: 28px; font-weight: 800; color:#fff; }
.about-work-culture .about-image-block__content p{ margin: 0 0 16px; font-size: 15px; line-height: 1.9; color: rgba(255,255,255,.90); max-width: 62ch; }
.about-work-culture .about-image-block__content ul{ margin: 12px 0 0 18px; font-size: 14px; line-height: 1.9; color: rgba(255,255,255,.90); }


.about-promos{ margin-top: 0; padding: 64px 0 90px; background: #000; }
.about-promos__grid{ display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; }
.about-promo{ border-radius: 22px; overflow:hidden; min-height: 680px; display:flex; flex-direction:column; box-shadow: 0 28px 70px rgba(0,0,0,.65); }
.about-promo__content{ padding: 42px 42px 22px; max-width: 520px; }
.about-promo__content h3{ margin: 0 0 16px; font-size: 34px; line-height: 1.12; letter-spacing: -0.02em; font-weight: 500; color:#fff; }
.about-promo__content h3 span{ font-style: italic; font-weight: 700; }
.about-promo__content p{ margin: 0 0 22px; font-size: 13px; line-height: 1.8; color: rgba(255,255,255,.90); }
.about-promo__btn{ display:inline-flex; align-items:center; justify-content:center; height: 42px; padding: 0 18px; border-radius: 999px; background: rgba(255,255,255,.92); color: #0b0b0b; text-decoration:none; font-size: 12px; font-weight: 600; border: 1px solid rgba(0,0,0,.15); }
.about-promo__btn:hover{ background: #fff; }
.about-promo__media{ margin-top: auto; padding: 0 22px 22px; }
.about-promo__media img{ width: 100%; height: 420px; object-fit: cover; display:block; border-radius: 16px; }


.about-beyond-work{ margin-top: 0; padding: 140px 0 160px; background: #000; min-height: 100vh; scroll-margin-top: 90px; }
.about-beyond-work .container{ max-width: none; width: 100%; padding-left: 0; padding-right: 0; display:flex; align-items:center; justify-content:center; }
.about-beyond-work__title{ margin:0; width: 100%; text-align:center; text-transform: uppercase; font-weight: 900; letter-spacing: -0.05em; line-height: 0.82; color:#fff; font-size: clamp(120px, 18vw, 360px); }


.about-promo--blue{ background: radial-gradient(1200px 800px at 30% 0%, rgba(255,255,255,.18), rgba(255,255,255,0) 55%), linear-gradient(135deg, #0f44ff 0%, #1a73ff 40%, #0a3fe6 100%); }
.about-promo--pink{ background: radial-gradient(1200px 800px at 30% 0%, rgba(255,255,255,.22), rgba(255,255,255,0) 55%), linear-gradient(135deg, #ff8af3 0%, #ffc4f5 52%, #ffb0ee 100%); }
.about-promo--pink .about-promo__content,
.about-promo--pink .about-promo__content h3,
.about-promo--pink .about-promo__content p{ color: #0b0b0b; }
.about-promo--pink .about-promo__btn{ background: rgba(255,255,255,.82); color:#0b0b0b; }


.about-image-block--split{ display:grid; grid-template-columns: minmax(0, 420px) minmax(0, 1fr); align-items:center; gap: 38px;}
.about-image-block--img-right{ grid-template-columns: minmax(0, 1fr) minmax(0, 420px); }
.about-image-block--split .about-image-block__media{ height: 260px;}


.about-image-block__content h3{ margin:0 0 10px; font-size: 14px; font-weight: 800; color:#fff; }
.about-image-block__content p{ margin:0 0 12px; font-size: 11px; line-height: 1.75; color: rgba(255,255,255,.72); max-width: 520px;}
.about-image-block__content strong{ color: rgba(255,255,255,.92); font-weight: 800; }
.about-image-block__content ul{ margin: 10px 0 0 18px; padding:0; color: rgba(255,255,255,.78); font-size: 11px; line-height: 1.8;}


.about-thoughts{ margin-top: 0; background: #000; padding: 90px 0 90px; }
.about-thoughts__head{ text-align:center; display:flex; flex-direction:column; align-items:center; gap: 28px; }
.about-thoughts__head h2{ margin:0; font-size: clamp(34px, 4.2vw, 56px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 400; color: rgba(255,255,255,.92); }
.about-thoughts__tabs{ display:flex; justify-content:center; gap: 22px; }
.about-thoughts__tab{ border: 1px solid rgba(255,255,255,.28); background: transparent; color: rgba(255,255,255,.40); padding: 18px 54px; border-radius: 999px; font-size: 16px; font-weight: 500; cursor:pointer; min-width: 260px; transition: border-color .2s ease, color .2s ease; }
.about-thoughts__tab:hover{ border-color: rgba(255,255,255,.45); color: rgba(255,255,255,.70); }
.about-thoughts__tab.is-active{ background: transparent; color: rgba(255,255,255,.92); border-color: rgba(255,255,255,.85); }
.about-thoughts__tab:focus-visible{ outline: 2px solid rgba(255,255,255,.85); outline-offset: 4px; }

/* body.page-about .about-thoughts__left{ display:flex; flex-direction:column; gap: 14px; }
body.page-about .about-thoughts__toprow{ display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px;}
body.page-about .about-thoughts__person{ display:flex; gap: 12px; align-items:center; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); border-radius: 12px; padding: 10px 12px; }
body.page-about .about-thoughts__name{ font-size: 12px; font-weight: 800; color:#fff; }
body.page-about .about-thoughts__role{ font-size: 10px; color: rgba(255,255,255,.62); line-height: 1.3;} */


.about-thoughts__logos{ display:flex; gap: 12px; align-items:center; justify-content:flex-start; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); border-radius: 12px; padding: 10px 12px; min-height: 66px; }
.about-thoughts__logo-pill{ flex: 0 0 auto; display:flex; align-items:center; justify-content:center; width: 92px; height: 46px; border-radius: 10px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08);}
.about-thoughts__logo-pill img{ max-width: 72px; max-height: 22px; width:auto; height:auto; filter: brightness(0) invert(1); opacity: .95; }


.about-thoughts__quote{ position:relative; flex:1; border-radius: 14px; padding: 18px 18px 16px; min-height: 180px;}
.about-thoughts__quote-mark{ position:absolute; left: 16px; top: 12px; font-size: 34px; color: #1f6cff; font-weight: 900; line-height: 1; }
.about-thoughts__quote p{ margin: 32px 0 0; font-size: 12px; line-height: 1.75; color: rgba(255,255,255,.78); max-width: 520px;}
.about-thoughts__nav{ margin-top: 16px; display:flex; justify-content:flex-end; gap: 12px; }
.about-thoughts__btn{ width: 38px; height: 38px; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); background: rgba(0,0,0,.25); color:#fff; cursor:pointer;}
.about-thoughts__btn:hover{ background: rgba(255,255,255,.08); }
.about-thoughts__btn:disabled{ opacity: .35; cursor:not-allowed;}


.about-thoughts__right{ border-radius: 14px; overflow:hidden; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); box-shadow: 0 24px 60px rgba(0,0,0,.55); }
.about-thoughts__media{ width:100%; height:100%; min-height: 260px; object-fit: cover; display:block;}


.about-leadership{ margin-top: 56px; padding-bottom: 10px; }
.about-leadership__head{ text-align:center; max-width: 820px; margin: 0 auto 28px; display:flex; flex-direction:column; gap: 10px;}
.about-leadership__head h2{ margin:0; font-size: 22px; font-weight: 500; color: rgba(255,255,255,.92); }
.about-leadership__head p{ margin:0; font-size: 11px; line-height: 1.75; color: rgba(255,255,255,.70);}
.about-leadership__grid{ display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.about-leadership__card{ display:flex; flex-direction:column; gap: 10px;}
.about-leadership__photo{ border-radius: 16px; overflow:hidden; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); box-shadow: 0 22px 56px rgba(0,0,0,.55); aspect-ratio: 3 / 4; }
.about-leadership__photo img{ width:100%; height:100%; object-fit: cover; display:block;}
.about-leadership__name{ font-size: 10px; font-weight: 800; color: rgba(255,255,255,.92); }
.about-leadership__role{ font-size: 9px; color: rgba(255,255,255,.55);}
.about-leadership__cta{ display:flex; justify-content:center; margin-top: 22px; }
.about-leadership__btn{ display:inline-flex; align-items:center; justify-content:center; padding: 10px 18px; border-radius: 999px; border: 1px solid rgba(255,255,255,.30); color: rgba(255,255,255,.92); background: transparent; text-decoration: none; font-size: 11px;}
.about-leadership__btn:hover{ background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.45); }


.about-impact{ margin-top: 64px; background: #fff; border-radius: 18px; padding: 44px 40px;}
.about-impact__head{ text-align:center; display:flex; flex-direction:column; gap: 16px; align-items:center; }
.about-impact__head h2{ margin:0; font-size: 22px; font-weight: 500; color:#101317;}
.about-impact__tabs{ width: min(560px, 100%); background: #f2f3f5; border-radius: 999px; padding: 4px; display:grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.about-impact__tab{ border: 0; border-radius: 999px; padding: 10px 12px; background: transparent; color: #111827; font-size: 11px; cursor:pointer;}
.about-impact__tab.is-active{ background:#0b0b0b; color:#fff; }
.about-impact__tab:focus-visible{ outline: 2px solid rgba(31,108,255,.9); outline-offset: 3px;}


.about-impact__body{ margin-top: 24px; display:grid; grid-template-columns: minmax(0, 520px) minmax(0, 1fr); gap: 26px; align-items:start; }
.about-impact__content h3{ margin:0 0 10px; font-size: 14px; font-weight: 800; color:#0b0b0b;}
.about-impact__content p{ margin:0 0 14px; font-size: 11px; line-height: 1.75; color: #111827; opacity: .85; }
.about-impact__btn{ display:inline-flex; align-items:center; justify-content:center; padding: 10px 14px; border-radius: 999px; background:#1f6cff; color:#fff; text-decoration:none; font-size: 11px;}
.about-impact__btn:hover{ background:#1657d8; }


.about-impact__mosaic{ display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px;}
.about-impact__tile{ border-radius: 12px; overflow:hidden; background:#e9edf4; box-shadow: 0 18px 46px rgba(0,0,0,.18); }
.about-impact__tile img{ width:100%; height:100%; object-fit: cover; display:block;}
.about-impact__tile:nth-child(1){ grid-column: span 2; grid-row: span 2; aspect-ratio: 4 / 3; }
.about-impact__tile:nth-child(2){ aspect-ratio: 1 / 1;}
.about-impact__tile:nth-child(3){ aspect-ratio: 1 / 1; }
.about-impact__tile:nth-child(4){ aspect-ratio: 1 / 1;}
.about-impact__tile:nth-child(5){ grid-column: span 2; aspect-ratio: 16 / 9; }
.about-impact__tile:nth-child(6){ grid-column: span 2; aspect-ratio: 16 / 9;}

@media (max-width: 980px){
  .about-impact{ padding: 36px 18px;}
  .about-impact__body{ grid-template-columns: 1fr; }
}
@media (max-width: 640px){
  .about-impact__mosaic{ grid-template-columns: repeat(2, minmax(0, 1fr));}
  .about-impact__tile:nth-child(1){ grid-column: span 2; }
  .about-impact__tile:nth-child(5),
  .about-impact__tile:nth-child(6){ grid-column: span 2;}
}

@media (max-width: 1100px){
  .about-leadership__grid{ grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media (max-width: 640px){
  .about-leadership__grid{ grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media (max-width: 980px){
  .about-thoughts__grid{ grid-template-columns: 1fr;}
}
@media (max-width: 640px){
  .about-thoughts__toprow{ grid-template-columns: 1fr;}
  .about-thoughts__logo-pill{ width: 100px; }
}

@media (max-width: 920px){
  .about-image-block--split,
  .about-image-block--img-right{ grid-template-columns: 1fr; gap: 18px;}
  .about-image-block__overlay{ position: static; width: 100%; margin-top: 14px; }
  .about-image-block--wide .about-image-block__media{ height: auto;}
  .about-roi{ padding: 28px 0; }
  .about-roi__grid{ grid-template-columns: 1fr; gap: 18px; }
  .about-roi__card{ margin-right: 0; padding: 22px 18px; max-width: 100%; }
}

@media (max-width: 920px){
  .about-work-culture .about-image-block--split{ flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 18px; }
  .about-work-culture .about-image-block--split .about-image-block__media{ flex-basis: auto; height: auto; }
  .about-work-culture .about-image-block--split .about-image-block__content{ flex-basis: auto; }
}

@media (max-width: 920px){
  .about-promos{ padding: 44px 0 64px; }
  .about-promos__grid{ grid-template-columns: 1fr; gap: 18px; }
  .about-promo{ min-height: 0; }
  .about-promo__content{ padding: 30px 24px 18px; max-width: none; }
  .about-promo__content h3{ font-size: 28px; }
  .about-promo__media{ padding: 0 18px 18px; }
  .about-promo__media img{ height: 320px; }
}

@media (max-width: 920px){
  .about-beyond-work{ padding: 78px 0 86px; }
  .about-beyond-work__title{ font-size: clamp(84px, 22vw, 220px); line-height: 0.82; }
}

/* about-leaders responsive rules consolidated above */

@media (max-width: 640px){
  .about-page{ padding: 40px 0;}
  .about-page-tag{ right:14px; bottom:14px; }
}

@media (max-width: 820px){
  .about-page-metrics-grid{ grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media (max-width: 980px){
  .about-thoughts{ padding: 70px 0 70px; }
  .about-thoughts__layout{ grid-template-columns: minmax(0, 1fr); }
  .about-thoughts__media{ min-height: 320px; }
  .about-thoughts__top{ grid-template-columns: 86px 1fr; grid-auto-rows: auto; }
  .about-thoughts__top-card--avatar{ aspect-ratio: 1 / 1; }
  .about-thoughts__grid{ grid-template-columns: 1fr; }
  .about-thoughts__image{ min-height: 220px; }

  .about-opportunities{ padding: 70px 0 70px; }
  .about-opportunities__mosaic{ --opp-col: 180px; --opp-row: 190px; grid-template-columns: repeat(5, var(--opp-col)); gap: 12px; }
}

/* about-hero 640px responsive consolidated above */

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

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

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

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

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

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

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

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

/* AI FAQ */
/* ── FAQ Accordion ── */
.ai-faq{
  background: #fff;
  padding: clamp(64px, 8vw, 120px) 0;
  color: #0b0b0c;
}
.ai-faq-layout{
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: clamp(40px, 6vw, 80px);
  align-items: start;
}
.ai-faq-left{ position: sticky; top: 120px; }
.ai-faq-kicker{
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #0b5cff;
  margin-bottom: 16px;
}
.ai-faq-title{
  margin: 0;
  font-size: clamp(32px, 3.6vw, 48px);
  line-height: 1.12;
  letter-spacing: -0.025em;
  font-weight: 800;
  color: #0b0b0c;
}
.ai-faq-intro{
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(11,11,12,.55);
  max-width: 420px;
}
.ai-faq-cta-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #0b5cff;
  text-decoration: none;
  transition: gap .2s ease;
}
.ai-faq-cta-link:hover{ gap: 12px; }
.ai-faq-cta-link svg{ display: block; }

.ai-faq-items{ display: flex; flex-direction: column; }
.ai-faq-item{ border-bottom: 1px solid rgba(11,11,12,.08); }
.ai-faq-item:first-child{ border-top: 1px solid rgba(11,11,12,.08); }
.ai-faq-trigger{
  width: 100%;
  border: 0;
  background: transparent;
  padding: 24px 0;
  display: grid;
  grid-template-columns: 36px 1fr 28px;
  gap: 16px;
  align-items: center;
  text-align: left;
  cursor: pointer;
  color: #0b0b0c;
  transition: color .15s ease;
}
.ai-faq-trigger:hover{ color: #0b5cff; }
.ai-faq-trigger:focus-visible{ outline: 2px solid #0b5cff; outline-offset: 4px; border-radius: 8px; }
.ai-faq-num{
  font-size: 13px;
  font-weight: 700;
  color: rgba(11,11,12,.28);
  letter-spacing: .04em;
}
.ai-faq-question{
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.4;
}
.ai-faq-icon{
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(11,11,12,.05);
  color: #0b0b0c;
  transition: transform .3s ease, background .2s ease, color .2s ease;
}
.ai-faq-icon svg{ width: 14px; height: 14px; display: block; transition: transform .3s ease; }
.ai-faq-item.is-open .ai-faq-icon{ background: #0b5cff; color: #fff; }
.ai-faq-item.is-open .ai-faq-icon svg{ transform: rotate(45deg); }

.ai-faq-panel{
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .4s cubic-bezier(.2,.8,.2,1), opacity .3s ease;
}
.ai-faq-item.is-open .ai-faq-panel{ opacity: 1; }
.ai-faq-body{ padding: 0 0 28px 52px; }
.ai-faq-body p{ margin: 0; font-size: 16px; line-height: 1.75; color: rgba(11,11,12,.6); }

/* ── Dark variant ── */
.ai-faq.ai-faq--dark{ background: #0b0c0d; color: #fff; }
.ai-faq.ai-faq--dark .ai-faq-kicker{ color: #5b9aff; }
.ai-faq.ai-faq--dark .ai-faq-title{ color: #fff; }
.ai-faq.ai-faq--dark .ai-faq-intro{ color: rgba(255,255,255,.5); }
.ai-faq.ai-faq--dark .ai-faq-cta-link{ color: #5b9aff; }
.ai-faq.ai-faq--dark .ai-faq-item{ border-color: rgba(255,255,255,.10); }
.ai-faq.ai-faq--dark .ai-faq-item:first-child{ border-color: rgba(255,255,255,.10); }
.ai-faq.ai-faq--dark .ai-faq-trigger{ color: #fff; }
.ai-faq.ai-faq--dark .ai-faq-trigger:hover{ color: #5b9aff; }
.ai-faq.ai-faq--dark .ai-faq-num{ color: rgba(255,255,255,.25); }
.ai-faq.ai-faq--dark .ai-faq-icon{ background: rgba(255,255,255,.08); color: #fff; }
.ai-faq.ai-faq--dark .ai-faq-item.is-open .ai-faq-icon{ background: #0b5cff; }
.ai-faq.ai-faq--dark .ai-faq-body p{ color: rgba(255,255,255,.55); }

/* ── Simple (light, no banner) ── */
.ai-faq.ai-faq--simple{ background: #fff; }

/* ── Banner (light + banner heading) ── */
.ai-faq.ai-faq--banner{ background: #fff; }

/* ── No aside ── */
.ai-faq.ai-faq--no-aside .ai-faq-layout{ grid-template-columns: 1fr 1.6fr; }

@media (max-width: 860px){
  .ai-faq-layout{ grid-template-columns: 1fr; gap: 32px; }
  .ai-faq-left{ position: static; }
}
@media (max-width: 560px){
  .ai-faq-trigger{ grid-template-columns: 28px 1fr 24px; gap: 12px; padding: 20px 0; }
  .ai-faq-question{ font-size: 15px; }
  .ai-faq-body{ padding-left: 44px; }
}

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

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

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

/* Wearables: styles for faq-accordion.php markup (button/panel pattern) */
.ai-faq.ai-faq--wearables .ai-faq-kicker{ color: #5b9aff; }
.ai-faq.ai-faq--wearables .ai-faq-title{ color: #fff; }
.ai-faq.ai-faq--wearables .ai-faq-intro{ color: rgba(255,255,255,.5); }
.ai-faq.ai-faq--wearables .ai-faq-item{ border-color: rgba(255,255,255,.10); }
.ai-faq.ai-faq--wearables .ai-faq-item:first-child{ border-color: rgba(255,255,255,.10); }
.ai-faq.ai-faq--wearables .ai-faq-trigger{ color: #fff; }
.ai-faq.ai-faq--wearables .ai-faq-trigger:hover{ color: #5b9aff; }
.ai-faq.ai-faq--wearables .ai-faq-num{ color: rgba(255,255,255,.25); }
.ai-faq.ai-faq--wearables .ai-faq-icon{ background: rgba(255,255,255,.08); color: #fff; }
.ai-faq.ai-faq--wearables .ai-faq-item.is-open .ai-faq-icon{ background: #0b5cff; }
.ai-faq.ai-faq--wearables .ai-faq-body p{ color: rgba(201,212,233,.8); }
.ai-faq.ai-faq--wearables .ai-faq-cta-link{ color: #5b9aff; }

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

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

/* Light modifier */
.faq-cards--light { background: var(--color-surface-light); border-top-color: var(--color-border-light); border-bottom-color: var(--color-border-light); }
.faq-cards--light .faq-card { background: var(--color-surface-light); border-color: var(--color-border-light); box-shadow: 0 8px 22px rgba(32,38,72,.12);}
.faq-cards--light .faq-card[open] { border-color: rgba(var(--color-accent-rgb), .45); box-shadow: 0 14px 28px rgba(32,38,72,.18); }
.faq-cards--light .faq-card-summary { color: var(--color-text-dark);}
.faq-cards--light .faq-card-caret svg { color: var(--color-text-dark); }
.faq-cards--light .faq-card-body { color: #0b0c0d;}
.faq-cards--light .faq-cards-head h2 { color: #0b0c0d; }
.faq-cards--light .faq-cards-head p { color: rgba(11, 12, 13, .68); }

/* AI Development hero */
.hero--ai-dev { position: relative; padding: clamp(140px, 18vw, 180px) 0 clamp(280px, 34vw, 320px) 0; background: linear-gradient(180deg, #05070d 0%, #020305 100%); overflow: hidden; }
.hero--ai-dev::before { content: ""; position: absolute; inset: 0; background: radial-gradient(120% 80% at 50% -20%, rgba(82,106,255,.35), transparent 65%); pointer-events: none;}
.hero-ai-dev-inner { position: relative; z-index: 2; display: flex; justify-content: center; text-align: center; padding-bottom: clamp(48px, 8vw, 72px); }
.hero-ai-dev-copy { max-width: 720px; text-align: center; color: #fff; display: flex; flex-direction: column; align-items: center; gap: clamp(20px, 3vw, 32px);}
.hero-ai-dev-copy h1 { margin: 0; font-size: clamp(32px, 5vw, 56px); letter-spacing: -0.01em; }
.hero-ai-dev-copy p { margin: 0; color: rgba(230, 233, 239, 0.82); line-height: 1.7; font-size: 18px;}
.hero-ai-dev-copy .btn-primary { margin-top: 10px; }
/* .hero-ai-dev-media { position: absolute; left: 50%; bottom: calc(-1 * clamp(220px, 28vw, 280px)); transform: translateX(-50%); width: min(calc(100% - 64px), 1280px); border-radius: 36px; overflow: hidden; box-shadow: 0 28px 60px rgba(0,0,0,.45); transition: bottom .6s ease, box-shadow .6s ease;} */
.hero-ai-dev-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,7,13,.95) 0%, rgba(5,7,13,0) 32%, rgba(5,7,13,.25) 100%); pointer-events: none; opacity: .88; transition: opacity .6s ease; }
.hero-ai-dev-video { width: 100%; height: 100%; object-fit: cover; display: block;}
.hero--ai-dev.is-scrolled .hero-ai-dev-media { bottom: -56px; box-shadow: 0 20px 44px rgba(0,0,0,.4); }
.hero--ai-dev.is-scrolled .hero-ai-dev-media::after { opacity: .6;}
.hero-ai-dev-media{
  margin:0 auto !important
}
/* AI Development hero (full background video) */
.hero--ai-dev.hero--video-bg{ min-height: calc(100vh - 80px); padding: clamp(120px, 16vw, 170px) 0 clamp(80px, 12vw, 120px) 0; display:flex; align-items:center; background: #05070d; }
.hero--ai-dev.hero--video-bg .hero-ai-dev-inner{ padding-bottom: 0; width: 100%;}
.hero--ai-dev.hero--video-bg .hero-ai-dev-copy{ max-width: 980px; }
.hero--ai-dev.hero--video-bg .hero-ai-dev-media{ position:absolute; inset:0; left:0; bottom:auto; transform:none; width:100%; border-radius: 0; box-shadow: none;}
.hero--ai-dev.hero--video-bg .hero-ai-dev-media::after{ background: radial-gradient(90% 80% at 50% 10%, rgba(0,0,0,.45) 0%, rgba(0,0,0,.70) 55%, rgba(0,0,0,.85) 100%); opacity: 1; }
@media (max-width: 640px){
  .hero--ai-dev.hero--video-bg{ min-height: calc(100vh - 92px); padding: 100px 0 90px 0;}
}

/* RPS hero variant – full-screen video background */
.hero--rps{ position:relative; min-height:100vh; padding: clamp(120px,16vw,170px) 0 clamp(80px,12vw,120px) 0; display:flex; align-items:center; background:#05070d; overflow:hidden; }
.hero--rps .hero-ai-dev-media{ position:absolute !important; inset:0; width:100% !important; height:100%; max-width:none !important; border-radius:0; box-shadow:none; margin:0 !important; padding:0 !important; }
.hero--rps .hero-ai-dev-video{ width:100%; height:100%; object-fit:cover; }
.hero--rps .hero-ai-dev-media::after{ background: radial-gradient(90% 80% at 50% 10%, rgba(0,0,0,.45) 0%, rgba(0,0,0,.70) 55%, rgba(0,0,0,.85) 100%); opacity:1; }
.hero--rps .hero-universal-overlay{ position:absolute; inset:0; z-index:1; }
.hero--rps .hero-ai-dev-inner{ position:relative; z-index:2; width:100%; }
.hero--rps .hero-ai-dev-copy{ max-width:980px; text-align:center; margin:0 auto; }
@media(max-width:640px){
  .hero--rps{ min-height:calc(100vh - 92px); padding:100px 0 90px 0; }
}

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

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

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

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

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

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

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

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

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

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

}
@media (max-width: 640px){
  .hero--ai-dev { padding: 100px 0 220px 0;}


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

/* Blog Article Layout */

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

@media (max-width: 640px){
  .hero-restaurant-cta { width: 100%;}
}

.hero-real-estate {
  padding: clamp(96px, 14vw, 150px) 0 clamp(32px, 6vw, 64px);
  background: #ffffff;
}
.hero-real-estate-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(20px, 4vw, 34px);
}
.hero-real-estate-title {
  margin: 0;
  font-size: clamp(34px, 5vw, 54px);
  letter-spacing: -0.02em;
  line-height: 1.08;
  color: rgba(17, 17, 17, 0.92);
  text-align: center;
}
.hero-real-estate-media {
  width: min(920px, 100%);
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(17, 17, 17, 0.06);
  box-shadow: 0 28px 64px rgba(15, 18, 32, 0.12);
}
.hero-real-estate-image {
  width: 100%;
  height: auto;
  display: block;
}
.hero-real-estate-media-cta {
  position: absolute;
  left: 50%;
  top: 14px;
  transform: translateX(-50%);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(17, 17, 17, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(6px);
}
.hero-real-estate-trust {
  width: min(920px, 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding-top: 4px;
}
.hero-real-estate-trust-text {
  margin: 0;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(17, 17, 17, 0.5);
  text-align: center;
}
.hero-real-estate-trust-logos {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 22px 28px;
}
.hero-real-estate-trust-logos img {
  height: 18px;
  width: auto;
  display: block;
  filter: grayscale(1);
  opacity: 0.75;
}
@media (max-width: 640px){
  .hero-real-estate-media-cta { top: 10px; padding: 9px 14px;}
}

 .hero-travel {
   padding: clamp(96px, 14vw, 150px) 0 clamp(32px, 6vw, 64px);
   background: #ffffff;
}
 .hero-travel-inner {
   display: flex;
   flex-direction: column;
   align-items: center;
}
 .hero-travel-media {
   width: min(1040px, 100%);
   position: relative;
   border-radius: 18px;
   overflow: hidden;
   background: rgba(17, 17, 17, 0.06);
   box-shadow: 0 28px 64px rgba(15, 18, 32, 0.12);
}
 .hero-travel-image {
   width: 100%;
   height: auto;
   display: block;
}
 .hero-travel-overlay {
   position: absolute;
   inset: 0;
   background: linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.48) 55%, rgba(0,0,0,.62) 100%);
   pointer-events: none;
}
 .hero-travel-content {
   position: absolute;
   inset: 0;
   padding: clamp(28px, 6vw, 48px);
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   gap: clamp(12px, 2vw, 18px);
   z-index: 1;
}
 .hero-travel-title {
   margin: 0;
   font-size: clamp(34px, 5vw, 58px);
   letter-spacing: -0.02em;
   line-height: 1.08;
   color: rgba(255, 255, 255, 0.98);
}
 .hero-travel-copy {
   margin: 0;
   max-width: 760px;
   font-size: 13px;
   line-height: 1.75;
   color: rgba(255, 255, 255, 0.82);
}
 .hero-travel-cta {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 11px 18px;
   border-radius: 999px;
   background: rgba(255, 255, 255, 0.96);
   color: rgba(17, 17, 17, 0.92);
   text-decoration: none;
   font-size: 12px;
   font-weight: 700;
}
 .hero-travel-trust {
   width: min(1040px, 100%);
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 14px;
   padding-top: 16px;
}
 .hero-travel-trust-row {
   width: 100%;
   display: grid;
   grid-template-columns: 1fr auto 1fr;
   align-items: center;
   gap: 14px;
}
 .hero-travel-trust-rule {
   height: 1px;
   background: rgba(17, 17, 17, 0.12);
}
 .hero-travel-trust-text {
   margin: 0;
   font-size: 10px;
   letter-spacing: .14em;
   text-transform: uppercase;
   color: rgba(17, 17, 17, 0.5);
   text-align: center;
}
 .hero-travel-trust-logos {
   list-style: none;
   padding: 0;
   margin: 0;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 18px 30px;
}
 .hero-travel-trust-logos img {
   height: 18px;
   width: auto;
   display: block;
   filter: grayscale(1);
   opacity: 0.75;
}
 @media (max-width: 640px){
   .hero-travel-content { padding: 18px;}
   .hero-travel-cta { width: 100%; max-width: 240px; }
   .hero-travel-trust-row { grid-template-columns: 1fr;}
   .hero-travel-trust-rule { display: none; }
}

body.page-education .hero-travel{ padding-bottom: 24px !important; }
body.page-education .cap-section{ padding-top: 24px !important;}

body.page-travel .hero-travel{ padding-bottom: 24px !important; }
body.page-travel .cap-section{ padding-top: 24px !important;}

body.page-travel .hero-travel-trust-row{ gap:12px !important; }
body.page-travel .hero-travel-trust-text{ font-size: 11px !important; opacity:0.6 !important;}
body.page-travel .hero-travel-trust-rule { display: none; }

.blog-article { background: var(--color-bg);}
.blog-hero { background: linear-gradient(135deg, #4a61ff, #384df5); color: #ffffff; padding: clamp(88px, 12vw, 120px) 0 clamp(60px, 10vw, 96px); position: relative; overflow: hidden; }
.blog-hero::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 80% 20%, rgba(255,255,255,.18), transparent 55%); pointer-events: none;}
.blog-hero-inner { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: clamp(32px, 4vw, 60px); }
.blog-hero-copy { max-width: 720px; display: flex; flex-direction: column; gap: 20px;}
.blog-hero h1 { margin: 0; font-size: clamp(34px, 4.2vw, 58px); line-height: 1.05; }
.blog-hero-kicker { margin: 0; display: inline-flex; gap: 12px; align-items: center; font-size: 14px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.72);}
.blog-hero-breadcrumb { color: rgba(255,255,255,.85); font-weight: 600; }
.blog-hero-breadcrumb:hover { color: #ffffff;}
.blog-hero-meta { display: inline-flex; gap: 18px; align-items: center; font-size: 15px; color: rgba(255,255,255,.78); }
.blog-hero-author { font-weight: 600; letter-spacing: -.01em;}
.blog-hero-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.55); }
.blog-hero-visual { flex: 0 0 clamp(220px, 24vw, 320px); display: flex; align-items: center; justify-content: center;}
.blog-hero-illustration { width: 100%; aspect-ratio: 1; border-radius: 28px; background: linear-gradient(180deg, rgba(6,12,30,.45), rgba(6,12,30,.8)); border: 2px solid rgba(255,255,255,.18); box-shadow: 0 28px 60px rgba(0,0,0,.35); position: relative; overflow: hidden; }
.blog-hero-image { width: 100%; height: auto; display: block; border-radius: 28px; border: 2px solid rgba(255,255,255,.18); box-shadow: 0 28px 60px rgba(0,0,0,.35); background: rgba(6,12,30,.45);}
.blog-hero-illustration::before,
.blog-hero-illustration::after { content: ""; position: absolute; border-radius: 50%; background: rgba(255,255,255,.12); }
.blog-hero-illustration::before { width: 56%; height: 56%; top: 14%; left: 12%; backdrop-filter: blur(4px);}
.blog-hero-illustration::after { width: 42%; height: 42%; bottom: 12%; right: 10%; backdrop-filter: blur(3px); }

.blog-body { background: var(--color-surface-light); color: var(--color-text-dark); padding: clamp(60px, 9vw, 96px) 0; border-top: 1px solid var(--color-border-light);}
.blog-body a { color: var(--color-accent); font-weight: 600; }
.blog-body-grid { display: grid; grid-template-columns: minmax(220px, 260px) minmax(0, 1fr) minmax(260px, 320px); gap: clamp(28px, 4vw, 48px); align-items: start;}

.blog-toc { position: sticky; top: 120px; }
.blog-toc-card { background: transparent; border-radius: 0; border: 0; box-shadow: none; padding: 0; display: flex; flex-direction: column; gap: 18px; max-height: calc(100vh - 180px); overflow: hidden;}
.blog-toc-title { margin: 0; font-size: 14px; letter-spacing: .12em; text-transform: uppercase; font-weight: 800; color: rgba(12,16,32,.65); }
.blog-toc-nav { flex: 1; overflow-y: auto; padding-right: 6px; margin-right: -6px; border-top: 1px solid rgba(12,18,40,.12); padding-top: 18px;}
.blog-toc-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.blog-toc-nav li { display: flex; flex-direction: column; gap: 12px;}
.blog-toc-nav li ul { padding-left: 16px; gap: 8px; }
.blog-body .blog-toc-nav a,
.blog-body .blog-toc-nav a:link,
.blog-body .blog-toc-nav a:visited,
.blog-body .blog-toc-nav a:active { font-size: 15px; font-weight: 600; color: rgba(16,22,48,.9); line-height: 1.6; text-decoration: none; }
.blog-toc-nav a:hover,
.blog-toc-nav a:focus { color: var(--color-accent); }
.blog-toc-nav::-webkit-scrollbar { width: 6px;}
.blog-toc-nav::-webkit-scrollbar-thumb { background: rgba(32,46,88,.18); border-radius: 6px; }
.blog-toc-nav::-webkit-scrollbar-track { background: transparent;}

.blog-toc-share{ margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(12,18,40,.12); display:flex; flex-direction:column; gap: 10px; }
.blog-toc-share .blog-share-list{ gap: 10px; }
.blog-toc-share-label{ margin:0; font-size:14px; color: rgba(32,40,64,.82); }

.blog-content { display: flex; flex-direction: column; gap: clamp(28px, 4vw, 42px); }
.blog-content h2 { color: rgba(12,18,40,.92);}
.blog-content h3 { color: rgba(18,26,52,.9); }
.blog-content p { color: rgba(32,40,64,.82);}
.blog-content section { background: transparent; }
.blog-content section + section { margin-top: -8px;}

.blog-key-takeaways { background: #f4f6ff; border-radius: 24px; border: 1px solid rgba(58,96,255,.18); padding: clamp(24px, 4vw, 36px); box-shadow: 0 18px 32px rgba(32,40,120,.08); }
.blog-key-takeaways h2 { margin: 0 0 16px; font-size: 20px; color: rgba(16,22,48,.92);}
.blog-key-takeaways ul { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 12px; }
.blog-key-takeaways li { color: rgba(26,32,60,.82); font-size: 15px; line-height: 1.7;}

.blog-lead { position: sticky; top: 120px; }
.blog-lead-card { background: #0b0d17; border-radius: 28px; padding: clamp(28px, 4vw, 36px); color: #f1f4ff; display: flex; flex-direction: column; gap: 24px; box-shadow: 0 28px 52px rgba(5,8,20,.45); border: 1px solid rgba(255,255,255,.08);}
.blog-lead-card h2 { margin: 0; font-size: clamp(20px, 3vw, 24px); color: #ffffff; line-height: 1.3; }
.blog-lead-form { display: flex; flex-direction: column; gap: 14px;}
.blog-lead-form input,
.blog-lead-form textarea { width: 100%; border-radius: 14px; border: 1px solid rgba(255,255,255,.16); padding: 14px 16px; background: rgba(5,7,15,.65); color: #f1f4ff; font-size: 15px; font-family: inherit; }
.blog-lead-form textarea { resize: vertical; min-height: 120px;}
.blog-lead-form input::placeholder,
.blog-lead-form textarea::placeholder { color: rgba(235,237,255,.55); }
.blog-lead-form input:focus,
.blog-lead-form textarea:focus { outline: none; border-color: rgba(73,118,255,.65); box-shadow: 0 0 0 3px rgba(73,118,255,.25);}
.blog-lead-captcha { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; font-size: 14px; color: rgba(235,237,255,.85); }
.blog-lead-form button { border: none; border-radius: 14px; padding: 14px 20px; background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2)); color: #fff; font-weight: 700; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease;}
.blog-lead-form button:hover { transform: translateY(-2px); box-shadow: 0 16px 32px rgba(var(--color-accent-rgb), .35); }
.blog-lead-benefits { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 10px; color: rgba(222,226,255,.72); font-size: 14px;}

/* Author + Share + Nav */
.blog-author { margin-top: clamp(20px, 4vw, 32px); }
.blog-author-card { border-radius: 28px; border: 1px solid rgba(42,63,120,.14); background: #ffffff; box-shadow: 0 22px 48px rgba(16,28,60,.08); padding: clamp(26px, 4vw, 36px); display: flex; flex-direction: column; gap: 20px; color: rgba(20,28,52,.92);}
.blog-author-meta { display: flex; align-items: center; gap: 18px; }
.blog-author-avatar { width: 72px; height: 72px; border-radius: 50%; background: linear-gradient(135deg, rgba(61,96,255,.18), rgba(37,58,180,.6)); color: rgba(12,16,40,.9); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 24px; letter-spacing: .02em; box-shadow: inset 0 0 0 2px rgba(255,255,255,.55);}
.blog-author-label { margin: 0 0 4px; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: .16em; color: rgba(20,28,60,.48); }
.blog-author-name { margin: 0; font-size: clamp(20px, 2.8vw, 26px); font-weight: 700; letter-spacing: -.01em;}
.blog-author-role { margin: 4px 0 0; font-size: 15px; color: rgba(20,28,60,.6); }
.blog-author-bio { margin: 0; font-size: 15px; line-height: 1.8; color: rgba(30,40,72,.78);}

.blog-share-nav { display: flex; flex-direction: column; gap: clamp(24px, 4vw, 32px); padding-top: clamp(28px, 4vw, 40px); border-top: 1px solid rgba(32,46,88,.12); margin-top: clamp(32px, 6vw, 48px); }
.blog-share { display: flex; align-items: center; gap: 18px; flex-wrap: wrap;}
.blog-share-title { margin: 0; font-size: 14px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: rgba(20,28,52,.55); }
.blog-share-list { margin: 0; padding: 0; list-style: none; display: inline-flex; gap: 12px;}
.blog-share-icon { width: 42px; height: 42px; border-radius: 50%; background: rgba(30,44,88,.08); display: inline-flex; align-items: center; justify-content: center; transition: background .2s ease, transform .2s ease; color: rgba(34,52,108,.78); }
.blog-share-icon::before { content: ""; width: 18px; height: 18px; display: block; background: currentColor; mask-repeat: no-repeat; mask-position: center; mask-size: contain;}
.blog-share-icon--linkedin::before { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M4.98 3.5a2.5 2.5 0 11-.02 5 2.5 2.5 0 01.02-5zM3 9h4v12H3zM9 9h3.8v1.7h.05c.53-1 1.83-2.05 3.77-2.05 4.03 0 4.78 2.66 4.78 6.12V21H17v-5.6c0-1.33-.02-3.04-1.86-3.04-1.87 0-2.16 1.46-2.16 2.96V21H9z'/%3E%3C/svg%3E"); }
.blog-share-icon--twitter::before { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M21 5.92a5.44 5.44 0 01-1.54.42 2.68 2.68 0 001.18-1.48 5.38 5.38 0 01-1.7.66 2.68 2.68 0 00-4.56 2.45 7.6 7.6 0 01-5.52-2.8 2.68 2.68 0 00.83 3.58 2.66 2.66 0 01-1.22-.34v.03a2.68 2.68 0 002.15 2.63 2.7 2.7 0 01-1.21.05 2.68 2.68 0 002.5 1.86A5.38 5.38 0 015 17.12a7.58 7.58 0 004.1 1.2c4.92 0 7.62-4.08 7.62-7.62 0-.12 0-.24-.01-.35A5.44 5.44 0 0021 5.92z'/%3E%3C/svg%3E");}
.blog-share-icon--facebook::before { mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M13.5 9H16V6h-2.5C11 6 10 7.58 10 9.75V12H8v3h2v7h3v-7h2.25l.75-3H13v-2.25c0-.72.24-1.25 1-1.25z'/%3E%3C/svg%3E"); }
.blog-share-icon:hover { background: rgba(var(--color-accent-rgb), .15); color: var(--color-accent); transform: translateY(-2px);}

.blog-post-nav { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.blog-post-link { display: flex; flex-direction: column; gap: 6px; padding: 18px 20px; border-radius: 18px; border: 1px solid rgba(42,63,120,.12); background: rgba(248,249,255,.78); color: rgba(26,34,66,.88); font-weight: 600; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
.blog-post-link:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(16,26,60,.12); border-color: rgba(var(--color-accent-rgb), .45); color: var(--color-accent); }
.blog-post-link-label { font-size: 12px; text-transform: uppercase; letter-spacing: .16em; color: rgba(34,42,82,.52);}
.blog-post-link-title { font-size: 15px; line-height: 1.6; color: inherit; }
.blog-post-link--prev { text-align: left;}
.blog-post-link--next { text-align: right; }

/* Read more */
.blog-more { background: var(--color-bg); padding: clamp(72px, 12vw, 108px) 0; border-top: 1px solid var(--color-border);}
.blog-more-inner { display: flex; flex-direction: column; gap: clamp(36px, 6vw, 52px); }
.blog-more-head { display: flex; flex-direction: column; gap: 12px; color: var(--color-text-light);}
.blog-more-head h2 { margin: 0; color: #fff; font-size: clamp(32px, 5vw, 46px); letter-spacing: -0.01em; }
.blog-more-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: clamp(20px, 3vw, 28px);}
.blog-more-card { background: rgba(6,8,14,.92); border: 1px solid rgba(60,72,120,.18); border-radius: 24px; overflow: hidden; display: flex; flex-direction: column; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.blog-more-card:hover { transform: translateY(-6px); border-color: rgba(var(--color-accent-rgb), .45); box-shadow: 0 26px 48px rgba(2,8,32,.45);}
.blog-more-media { display: block; padding: 0; position: relative; overflow: hidden; height: 190px; }
.blog-more-thumb { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block;}
.blog-more-graphic { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.blog-more-graphic--chatbot { background: linear-gradient(135deg, #4854ff, #5869ff);}
.blog-more-graphic--automation { background: linear-gradient(135deg, #4854ff, #9b61ff); }
.blog-more-graphic--rag { background: linear-gradient(135deg, #d3921c, #f0b942);}
.blog-more-content { padding: 24px; display: flex; flex-direction: column; gap: 12px; }
.blog-more-topic { margin: 0; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: rgba(208,214,255,.55); font-weight: 700;}
.blog-more-title { color: #fff; font-size: 18px; font-weight: 700; line-height: 1.5; }
.blog-more-title:hover { color: var(--color-accent);}
.blog-more-summary { margin: 0; color: rgba(208,214,255,.78); font-size: 15px; line-height: 1.7; }
.blog-more-meta { margin: 8px 0 0; font-size: 13px; color: rgba(180,188,226,.65); display: flex; align-items: center; gap: 6px;}

.under-construction { background: linear-gradient(135deg, rgba(var(--color-accent-rgb), .18), rgba(var(--color-accent-rgb), .08)), var(--color-bg); }
.under-construction-hero { padding: clamp(140px, 18vw, 200px) 0; min-height: calc(100vh - 160px); display: flex; align-items: center;}
.under-construction-inner { display: flex; flex-direction: column; gap: 20px; max-width: 720px; color: var(--color-text); }
.under-construction-eyebrow { margin: 0; font-size: 14px; letter-spacing: .18em; text-transform: uppercase; font-weight: 700; color: var(--color-text-light);}
.under-construction h1 { margin: 0; font-size: clamp(34px, 5vw, 56px); line-height: 1.1; color: var(--color-text); }
.under-construction-copy { margin: 0; font-size: clamp(18px, 2.2vw, 20px); line-height: 1.7; color: var(--color-text-light);}
.under-construction-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 12px; }
.button-primary,
.button-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; border-radius: 999px; font-weight: 700; transition: transform .2s ease, box-shadow .2s ease; text-decoration: none;}
.button-primary { background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2)); color: var(--color-accent-contrast); box-shadow: 0 18px 32px rgba(20,26,80,.35); }
.button-primary:hover { transform: translateY(-2px); box-shadow: 0 22px 36px rgba(20,26,80,.4);}
.button-secondary { border: 1px solid rgba(255,255,255,.65); color: #fff; }
.button-secondary:hover { transform: translateY(-2px); box-shadow: 0 18px 32px rgba(20,26,80,.28);}

.blog-inline-cta { margin: clamp(28px, 6vw, 48px) 0; }
.blog-inline-cta-card { background: linear-gradient(135deg, #6b5bff, #4f74ff); border-radius: 28px; padding: clamp(28px, 5vw, 44px); color: #fff; display: flex; flex-direction: column; gap: 16px; box-shadow: 0 26px 44px rgba(20,30,70,.35);}
.blog-inline-cta-eyebrow { margin: 0; font-size: 13px; letter-spacing: .18em; text-transform: uppercase; font-weight: 700; color: rgba(255,255,255,.75); }
.blog-inline-cta-card h3 { margin: 0; font-size: clamp(20px, 3.4vw, 30px); line-height: 1.3; color: #fff;}
.blog-inline-cta-copy { margin: 0; font-size: 15px; line-height: 1.7; color: rgba(240,244,255,.82); }
.blog-inline-cta-button { align-self: flex-start; display: inline-flex; align-items: center; justify-content: center; padding: 12px 24px; border-radius: 999px; background: #f9f9ff; color: #2b3cff; font-weight: 700; box-shadow: 0 16px 30px rgba(10,18,60,.28); transition: transform .2s ease, box-shadow .2s ease;}
.blog-inline-cta-button:hover { transform: translateY(-2px); box-shadow: 0 20px 36px rgba(10,18,60,.32); }

.blog-figure { margin: clamp(28px, 6vw, 48px) 0; display: flex; flex-direction: column; gap: 16px;}
.blog-figure-media { width: 100%; border-radius: 28px; background: rgba(79,94,130,.12); padding-top: 56%; position: relative; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(79,94,130,.1); }
.blog-figure-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; z-index: 1; }
.blog-figure-media::after { content: ""; position: absolute; inset: 8%; border-radius: 22px; background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(79,94,130,.08));}
.blog-figure figcaption { font-size: 14px; color: rgba(32,40,64,.68); }
.blog-figure-media--chart { background: linear-gradient(180deg, rgba(87,110,255,.12), rgba(63,85,240,.08));}
.blog-figure-media--chart::before { content: ""; position: absolute; inset: 18% 12%; border-radius: 16px; border: 1px solid rgba(45,62,120,.18); background:
  linear-gradient(180deg, rgba(255,255,255,.85), rgba(240,244,255,.65));
  box-shadow: inset 0 -80px 120px rgba(79,104,255,.12);
}
.blog-figure-media--chart::after { background:
  linear-gradient(135deg, rgba(255,255,255,.22), rgba(79,104,255,.18));
}
.blog-figure-media--checklist { background: linear-gradient(135deg, rgba(79,102,255,.18), rgba(124,98,255,.12)); }
.blog-figure-media--checklist::after { background:
  linear-gradient(160deg, rgba(255,255,255,.28), rgba(80,108,255,.14));
}
.blog-figure-media--orbit { background: linear-gradient(135deg, rgba(72,88,238,.2), rgba(46,60,201,.12)); }
.blog-figure-media--orbit::after { background:
  radial-gradient(60% 60% at 50% 40%, rgba(255,255,255,.28), rgba(46,60,201,.08));
}

.blog-case-cta { margin: clamp(32px, 6vw, 48px) 0 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; background: linear-gradient(135deg, #5d73ff, #3a3fff); border-radius: 28px; padding: clamp(28px, 5vw, 40px); color: #fff; box-shadow: 0 28px 52px rgba(18,24,70,.35); }
.blog-case-cta-copy { max-width: 520px; display: flex; flex-direction: column; gap: 10px;}
.blog-case-cta-copy h3 { margin: 0; font-size: clamp(20px, 3vw, 28px); line-height: 1.3; }
.blog-case-cta-copy p { margin: 0; color: rgba(240,244,255,.8);}
.blog-case-cta-button { display: inline-flex; align-items: center; justify-content: center; padding: 12px 26px; border-radius: 14px; background: #f9faff; color: #3344ff; font-weight: 700; box-shadow: 0 18px 28px rgba(20,26,80,.22); transition: transform .2s ease, box-shadow .2s ease; }
.blog-case-cta-button:hover { transform: translateY(-2px); box-shadow: 0 22px 34px rgba(20,26,80,.26);}

.blog-newsletter { background: var(--color-bg); padding: clamp(60px, 10vw, 96px) 0 clamp(90px, 12vw, 110px); }
.blog-newsletter-inner { background: #ffffff; border: 1px solid rgba(17, 24, 39, 0.08); border-radius: 28px; padding: clamp(32px, 5vw, 56px); display: grid; grid-template-columns: minmax(260px, 0.95fr) minmax(0, 1.05fr); gap: clamp(28px, 6vw, 48px); align-items: center; box-shadow: 0 24px 50px rgba(15, 23, 42, 0.1);}
.blog-newsletter-graphic { border-radius: 24px; background: linear-gradient(155deg, rgba(37, 99, 235, 0.12), rgba(147, 197, 253, 0.24)); display: flex; align-items: center; justify-content: center; padding: clamp(18px, 5vw, 28px); min-height: clamp(220px, 30vw, 320px); }
.blog-newsletter-illustration { width: 100%; height: auto; border-radius: 20px; background: rgba(255,255,255,0.72); box-shadow: 0 18px 34px rgba(15, 23, 42, 0.12);}
.blog-newsletter-image { width: 100%; height: auto; border-radius: 20px; display: block; box-shadow: 0 18px 32px rgba(15, 23, 42, 0.12); object-fit: contain; }
.blog-newsletter-content { display: flex; flex-direction: column; gap: clamp(16px, 4vw, 24px); color: #0f172a;}
.blog-newsletter-eyebrow { margin: 0; font-size: 13px; letter-spacing: .22em; text-transform: uppercase; font-weight: 700; color: rgba(17, 24, 39, 0.5); }
.blog-newsletter-content h2 { margin: 0; font-size: clamp(30px, 5vw, 40px); line-height: 1.25; color: #0f172a;}
.blog-newsletter-content p { margin: 0; color: rgba(17, 24, 39, 0.65); font-size: 16px; line-height: 1.65; }
.blog-newsletter-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding: 6px; border-radius: 999px; background: #f1f5ff; border: 1px solid rgba(37, 99, 235, 0.22); box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.12);}
.blog-newsletter-form input { border: none; background: transparent; padding: 12px 20px; color: #0f172a; font-size: 16px; font-family: inherit; }
.blog-newsletter-form input::placeholder { color: rgba(15, 23, 42, 0.5);}
.blog-newsletter-form input:focus:not(:focus-visible) { outline: none; }
.blog-newsletter-form input:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.blog-newsletter-form button { border: none; padding: 12px 28px; border-radius: 999px; background: linear-gradient(135deg, #fb774a, #f64f6b); color: #fff; font-weight: 700; font-size: 16px; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;}
.blog-newsletter-form button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(246, 79, 107, .32); filter: brightness(1.05); }
.blog-newsletter-note { margin: 0; font-size: 14px; color: rgba(15, 23, 42, 0.56);}

.blogs-index { background: var(--color-surface-light); color: var(--color-text-dark); }
.blogs-index a { color: inherit; text-decoration: none;}
.blogs-index a:hover { color: var(--color-accent); }
.blogs-hero { padding: clamp(56px, 8vw, 84px) 0 clamp(28px, 6vw, 56px); background: linear-gradient(180deg, #f7f9ff 0%, #ffffff 75%); }
.blogs-hero-inner { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(28px, 4vw, 48px); align-items: start; }
.blogs-hero-primary { display: flex; flex-direction: column; gap: clamp(20px, 3vw, 32px);}
.blogs-hero-eyebrow { margin: 0; font-size: 14px; letter-spacing: .18em; text-transform: uppercase; font-weight: 800; color: rgba(16,24,48,.55); }
.blogs-filters { display: flex; flex-wrap: wrap; gap: 10px;}
.blogs-filter { border: none; padding: 10px 18px; border-radius: 999px; background: rgba(32,48,120,.08); color: rgba(16,30,60,.8); font-weight: 600; font-size: 14px; cursor: pointer; transition: background .2s ease, color .2s ease; }
.blogs-filter.is-active,
.blogs-filter:hover { background: rgba(47,112,255,.16); color: #2f70ff;}
.blogs-card { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); background: #ffffff; border-radius: 28px; border: 1px solid rgba(15,23,42,.08); box-shadow: 0 26px 52px rgba(20,30,60,.1); overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.blogs-card:hover { transform: translateY(-6px); box-shadow: 0 36px 66px rgba(16,24,60,.16);}
.blogs-card-media { position: relative; padding-top: 58%; background: linear-gradient(135deg, rgba(50,72,220,.12), rgba(94,118,255,.28)); }
.blogs-card-media::after { content: ""; position: absolute; inset: 18%; border-radius: 22px; background: rgba(255,255,255,.22); mix-blend-mode: screen;}
.blogs-card-body { padding: clamp(26px, 4vw, 40px); display: flex; flex-direction: column; gap: clamp(14px, 3vw, 20px); }
.blogs-card-topic { margin: 0; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; font-weight: 800; color: rgba(18,28,60,.6);}
.blogs-card-title { margin: 0; font-size: clamp(26px, 4vw, 36px); line-height: 1.18; letter-spacing: -.01em; color: rgba(12,18,42,.95); }
.blogs-card-title a { display: inline-block;}
.blogs-card-excerpt { margin: 0; font-size: 16px; line-height: 1.7; color: rgba(24,32,60,.78); }
.blogs-card-meta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; font-size: 14px; color: rgba(18,26,56,.72);}
.blogs-card-meta span,
.blogs-card-meta time { display: inline-flex; align-items: center; gap: 6px; }
.blogs-card-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--color-accent); font-size: 15px;}
.blogs-card-link span { transition: transform .2s ease; }
.blogs-card-link:hover span { transform: translateX(4px);}
.blogs-card--primary { grid-template-columns: minmax(0, .75fr) minmax(0, 1fr); min-height: clamp(320px, 48vw, 420px); }
.blogs-card--primary .blogs-card-media { padding-top: 0; min-height: 100%;}
.blogs-card--teaser { grid-template-columns: minmax(0, 1fr); min-height: 260px; }
.blogs-card--teaser .blogs-card-title { font-size: clamp(20px, 3vw, 26px);}
.blogs-teaser-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(18px, 3vw, 24px); }

.blogs-landing-hero { padding: clamp(56px, 8vw, 84px) 0; background: linear-gradient(180deg, #0b0c0d 0%, #12172d 55%, #ffffff 100%); color: #ffffff; }
.blogs-landing-hero-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 48px); align-items: center; }
.blogs-landing-hero-media { border-radius: 28px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); box-shadow: 0 28px 54px rgba(0,0,0,.38); }
.blogs-landing-hero-media img { width: 100%; height: auto; display: block; }
.blogs-landing-hero-copy { display: flex; flex-direction: column; gap: 18px; }
.blogs-landing-hero-kicker { margin: 0; font-size: 13px; letter-spacing: .16em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,.7); }
.blogs-landing-hero-title { margin: 0; font-size: clamp(34px, 4.8vw, 56px); line-height: 1.05; }
.blogs-landing-hero-title a { color: inherit; }
.blogs-landing-hero-excerpt { margin: 0; font-size: 16px; line-height: 1.75; color: rgba(255,255,255,.78); max-width: 60ch; }
.blogs-landing-hero-author { margin: 0; font-weight: 700; color: rgba(255,255,255,.72); }

.blogs-guide-hero-page { background: #0b0c0d; color: #ffffff; }
.blogs-guide-hero { padding: clamp(56px, 8vw, 96px) 0; }
.blogs-guide-hero-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(28px, 4vw, 56px); align-items: center; }
.blogs-guide-hero-media { border-radius: 30px; overflow: hidden; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06); box-shadow: 0 30px 58px rgba(0,0,0,.42); }
.blogs-guide-hero-media img { width: 100%; height: auto; display: block; }
.blogs-guide-hero-content { display: flex; flex-direction: column; gap: 18px; }
.blogs-guide-hero-kicker { margin: 0; font-size: 13px; letter-spacing: .16em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,.7); }
.blogs-guide-hero-title { margin: 0; font-size: clamp(34px, 4.8vw, 58px); line-height: 1.05; }
.blogs-guide-hero-excerpt { margin: 0; font-size: 16px; line-height: 1.75; color: rgba(255,255,255,.78); max-width: 60ch; }
.blogs-guide-hero-author { margin: 0; font-weight: 700; color: rgba(255,255,255,.7); }

.blogs-guide-cards { padding: clamp(56px, 8vw, 88px) 0; background: #ffffff; color: var(--color-text-dark); }
.blogs-guide-cards-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 3vw, 28px); }
.blogs-guide-card { border-radius: 26px; overflow: hidden; border: 1px solid rgba(15,23,42,.08); background: #ffffff; box-shadow: 0 24px 44px rgba(16,26,60,.1); transition: transform .2s ease, box-shadow .2s ease; }
.blogs-guide-card:hover { transform: translateY(-6px); box-shadow: 0 34px 60px rgba(16,26,60,.14); }
.blogs-guide-card-media { display: block; position: relative; padding-top: 58%; background: rgba(32,48,120,.06); }
.blogs-guide-card-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.blogs-guide-card-body { padding: 22px 22px 24px; display: flex; flex-direction: column; gap: 12px; }
.blogs-guide-card-kicker { margin: 0; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; font-weight: 800; color: rgba(18,28,60,.55); }
.blogs-guide-card-title { margin: 0; font-size: 20px; line-height: 1.3; letter-spacing: -.01em; }
.blogs-guide-card-title a { color: inherit; text-decoration: none; }
.blogs-guide-card-title a:hover { color: var(--color-accent); }
.blogs-guide-card-excerpt { margin: 0; font-size: 15px; line-height: 1.7; color: rgba(24,32,60,.78); }
.blogs-guide-card-author { margin: 0; font-weight: 700; color: rgba(18,26,56,.7); }

.blogs-featured-grid { padding: clamp(56px, 8vw, 88px) 0; background: #0b0c0d; color: #ffffff; }
.blogs-featured-grid-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 3vw, 28px); }
.blogs-featured-card { border-radius: 26px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); box-shadow: 0 24px 44px rgba(0,0,0,.28); }
.blogs-featured-card-media { display: block; position: relative; padding-top: 56%; background: rgba(255,255,255,.06); }
.blogs-featured-card-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.blogs-featured-card-body { padding: 22px 22px 26px; display: flex; flex-direction: column; gap: 12px; }
.blogs-featured-card-kicker { margin: 0; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,.7); }
.blogs-featured-card-title { margin: 0; font-size: 20px; line-height: 1.3; }
.blogs-featured-card-title a { color: inherit; text-decoration: none; }
.blogs-featured-card-title a:hover { text-decoration: underline; text-decoration-color: rgba(255,255,255,.4); }
.blogs-featured-card-excerpt { margin: 0; font-size: 15px; line-height: 1.7; color: rgba(255,255,255,.74); }
.blogs-featured-card-author { margin: 0; font-weight: 700; color: rgba(255,255,255,.68); }

.blogs-tabbed { padding: clamp(56px, 8vw, 88px) 0; background: #ffffff; color: var(--color-text-dark); border-top: 1px solid rgba(15,23,42,.06); }
.blogs-tabbed-inner { display: flex; flex-direction: column; gap: clamp(18px, 3vw, 28px); }
.blogs-tabbed-title { margin: 0; font-size: clamp(34px, 5vw, 56px); letter-spacing: -0.02em; }
.blogs-tabbed-tabs { display: flex; flex-wrap: wrap; gap: 32px; border-bottom: 1px solid rgba(15,23,42,.08); padding-bottom: 12px; }
.blogs-tabbed-tab { position: relative; display: inline-flex; align-items: center; padding: 10px 0; border: 0; background: transparent; border-radius: 0; font-weight: 700; cursor: pointer; transition: color .2s ease; color: rgba(12,18,40,.78); text-decoration: none; }
.blogs-tabbed-tab:hover { color: rgba(12,18,40,.92); }
.blogs-tabbed-tab::after { content: ""; position: absolute; left: 0; right: 0; bottom: -13px; height: 2px; background: transparent; }
.blogs-tabbed-tab.is-active { color: #1d4ed8; }
.blogs-tabbed-tab.is-active::after { background: #1d4ed8; }
.blogs-tabbed-panel { display: none; }
.blogs-tabbed-panel.is-active { display: block; }
.blogs-tabbed-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(18px, 3vw, 34px); align-items: start; }
.blogs-tabbed-featured { border-radius: 22px; overflow: hidden; border: 0; background: transparent; box-shadow: none; }
.blogs-tabbed-featured-media { display: block; position: relative; padding-top: 56%; background: rgba(32,48,120,.06); }
.blogs-tabbed-featured-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.blogs-tabbed-featured-body { padding: 18px 0 0; display: flex; flex-direction: column; gap: 12px; }
.blogs-tabbed-kicker { margin: 0; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; font-weight: 800; color: rgba(18,28,60,.55); }
.blogs-tabbed-featured-title { margin: 0; font-size: 34px; line-height: 1.15; letter-spacing: -0.02em; }
.blogs-tabbed-featured-title a { color: inherit; text-decoration: none; }
.blogs-tabbed-featured-title a:hover { color: var(--color-accent); }
.blogs-tabbed-featured-excerpt { margin: 0; font-size: 15px; line-height: 1.7; color: rgba(24,32,60,.78); }
.blogs-tabbed-author { margin: 0; font-weight: 700; color: rgba(18,26,56,.72); }
.blogs-tabbed-list { display: flex; flex-direction: column; gap: 0; border-top: 1px solid rgba(15,23,42,.08); }
.blogs-tabbed-item { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 18px; align-items: center; padding: 18px 0; border-radius: 0; border: 0; border-bottom: 1px solid rgba(15,23,42,.08); background: transparent; box-shadow: none; }
.blogs-tabbed-item-media { border-radius: 14px; overflow: hidden; position: relative; aspect-ratio: 16 / 9; background: rgba(32,48,120,.06); }
.blogs-tabbed-item-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.blogs-tabbed-item-title { margin: 0; font-size: 20px; line-height: 1.25; }
.blogs-tabbed-item-title a { color: inherit; text-decoration: none; }
.blogs-tabbed-item-title a:hover { color: var(--color-accent); }

.blogs-newsletter-banner { padding: clamp(56px, 8vw, 88px) 0; background:#ffffff ; color: #ffffff; }
.blogs-newsletter-banner-inner { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(22px, 4vw, 40px); align-items: center; border-radius: 32px; padding: clamp(26px, 5vw, 56px); background: linear-gradient(135deg, #4b5fff, #3246ff); border: 1px solid rgba(255,255,255,.18); box-shadow: 0 34px 66px rgba(16,22,60,.28); }
.blogs-newsletter-banner-visual { border-radius: 26px; overflow: hidden; background: rgba(255,255,255,.14); padding: 18px;flex:1; }
.blogs-newsletter-banner-visual img { width: 100%; height: 240px; display: block; object-fit: contain; }
.blogs-newsletter-banner-content { display: flex; flex-direction: column; gap: 14px;flex:1 }
.blogs-newsletter-banner-eyebrow { margin: 0; font-size: 13px; letter-spacing: .18em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,.75); }
.blogs-newsletter-banner-title { margin: 0; font-size: clamp(26px, 4.2vw, 38px); line-height: 1.2; }
.blogs-newsletter-banner-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding: 6px; border-radius: 999px; background: rgba(255,255,255,.2); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.35); }
.blogs-newsletter-banner-form input { border: none; background: transparent; color: #fff; padding: 12px 18px; font-size: 15px; font-family: inherit; }
.blogs-newsletter-banner-form input::placeholder { color: rgba(255,255,255,.75); }
.blogs-newsletter-banner-form input:focus:not(:focus-visible) { outline: none; }
.blogs-newsletter-banner-form input:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.blogs-newsletter-banner-form button { border: none; padding: 12px 22px; border-radius: 999px; background: #f25759; color: #fff; font-weight: 800; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.blogs-newsletter-banner-form button:hover { transform: translateY(-2px); box-shadow: 0 16px 28px rgba(242,87,89,.3); }
.blogs-newsletter-banner-note { margin: 0; font-size: 14px; color: rgba(255,255,255,.78); }

.blogs-dp-banner { padding: clamp(56px, 8vw, 88px) 0; background: #ffffff; }
.blogs-dp-banner-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); gap: clamp(18px, 4vw, 40px); align-items: center; border-radius: 14px; padding: clamp(22px, 4vw, 44px); background: #25306c; color: #ffffff; overflow: hidden; }
.blogs-dp-banner-content { display: flex; flex-direction: column; gap: 18px; max-width: 520px; }
.blogs-dp-banner-title { margin: 0; font-size: clamp(24px, 3.6vw, 36px); line-height: 1.15; letter-spacing: -0.02em; white-space: pre-line; }
.blogs-dp-banner-cta { width: fit-content; display: inline-flex; align-items: center; justify-content: center; padding: 12px 18px; border-radius: 6px; background: #ff6a3c; color: #ffffff; font-weight: 800; font-size: 12px; text-decoration: none; box-shadow: 0 18px 34px rgba(0,0,0,.25); transition: transform .2s ease, filter .2s ease; }
.blogs-dp-banner-cta:hover { transform: translateY(-2px); filter: brightness(0.98); }
.blogs-dp-banner-visual { display: flex; align-items: center; justify-content: flex-end; }
.blogs-dp-banner-visual img { width: 100%; max-width: 360px; height: auto; display: block; }

@media (max-width: 1100px){
  .blogs-landing-hero-inner { grid-template-columns: minmax(0, 1fr); }
  .blogs-guide-hero-inner { grid-template-columns: minmax(0, 1fr); }
  .blogs-guide-cards-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .blogs-featured-grid-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .blogs-tabbed-grid { grid-template-columns: minmax(0, 1fr); }
  .blogs-newsletter-banner-inner { grid-template-columns: minmax(0, 1fr); }
  .blogs-dp-banner-inner { grid-template-columns: minmax(0, 1fr); }
  .blogs-dp-banner-visual { justify-content: center; }
}
@media (max-width: 720px){
  .blogs-guide-cards-grid { grid-template-columns: minmax(0, 1fr); }
  .blogs-featured-grid-cards { grid-template-columns: minmax(0, 1fr); }
  .blogs-tabbed-item { grid-template-columns: minmax(0, 1fr); }
  .blogs-newsletter-banner-form { grid-template-columns: minmax(0, 1fr); border-radius: 24px; }
  .blogs-newsletter-banner-form button { width: 100%; }
}

.blogs-latest { padding: clamp(56px, 9vw, 88px) 0; background: linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%); border-top: 1px solid rgba(15,23,42,.06);}
.blogs-latest-inner { display: flex; flex-direction: column; gap: clamp(24px, 4vw, 36px); }
.blogs-section-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px;}
.blogs-section-heading h2 { margin: 0; font-size: clamp(30px, 4vw, 42px); line-height: 1.2; color: rgba(12,18,40,.95); }
.blogs-latest-list { display: flex; flex-direction: column; gap: clamp(18px, 3vw, 26px);}
.blogs-latest-item { display: grid; grid-template-columns: minmax(120px, 160px) minmax(0, 1fr) minmax(150px, 180px); align-items: stretch; gap: clamp(18px, 3vw, 26px); padding: clamp(20px, 3vw, 28px); border-radius: 24px; border: 1px solid rgba(15,23,42,.08); background: #ffffff; box-shadow: 0 20px 40px rgba(16,26,60,.08); transition: transform .2s ease, box-shadow .2s ease; }
.blogs-latest-item:hover { transform: translateY(-4px); box-shadow: 0 28px 56px rgba(16,26,60,.12);}
.blogs-latest-media { border-radius: 18px; background: rgba(50,72,220,.12); position: relative; overflow: hidden; aspect-ratio: 1 / 1; }
.blogs-latest-thumb { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block;}
.blogs-latest-media::after { content: ""; position: absolute; inset: 20%; border-radius: 16px; background: rgba(255,255,255,.22); mix-blend-mode: screen; }
.blogs-latest-content { display: flex; flex-direction: column; gap: 12px;}
.blogs-latest-content h3 { margin: 0; font-size: clamp(20px, 3vw, 26px); line-height: 1.3; color: rgba(15,22,45,.92); }
.blogs-latest-stats { margin: 0; padding: 0; display: grid; gap: 12px; align-content: center;}
.blogs-latest-stats div { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; border-radius: 16px; background: rgba(15,23,42,.05); text-align: center; }
.blogs-latest-stats dt { margin: 0; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: rgba(18,26,54,.5);}
.blogs-latest-stats dd { margin: 0; font-size: 18px; font-weight: 700; color: rgba(12,18,38,.9); }

.blogs-latest-split { padding: clamp(56px, 9vw, 88px) 0; background: #ffffff; color: rgba(12,18,40,.92); }
.blogs-latest-split-inner { display: flex; flex-direction: column; gap: clamp(22px, 4vw, 32px); max-width: 1120px; margin: 0 auto; }
.blogs-latest-split-head { display: flex; align-items: center; justify-content: center; gap: 16px; }
.blogs-latest-split-title { margin: 0; font-size: clamp(30px, 4vw, 42px); line-height: 1.2;width: 75%; }
.blogs-latest-split-grid { display: grid; grid-template-columns: minmax(260px, 340px) minmax(0, 420px) minmax(220px, 280px); gap: 44px; align-items: start; justify-content: center; }

.blogs-latest-split-media { display: grid; gap: 12px; max-width: 420px; }
.blogs-latest-split-media-card { display: block; border-radius: 22px; overflow: hidden; border: 1px solid rgba(15,23,42,.1); background: #ffffff; box-shadow: none; height: 190px; }
.blogs-latest-split-media-card img { width: 100%; height: 100%; display: block; object-fit: cover; }

.blogs-latest-split-posts { display: flex; flex-direction: column; gap: 28px; }
.blogs-latest-split-item { padding: 0; border-radius: 0; border: 0; background: transparent; box-shadow: none; }
.blogs-latest-split-kicker { margin: 0 0 10px; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; font-weight: 800; color: rgba(12,18,40,.6); }
.blogs-latest-split-h3 { margin: 0 0 10px; font-size: 22px; line-height: 1.25; }
.blogs-latest-split-h3 a { color: rgba(12,18,40,.92); text-decoration: none; }
.blogs-latest-split-h3 a:hover { color: rgba(12,18,40,.92); text-decoration: underline; text-decoration-color: rgba(12,18,40,.35); }
.blogs-latest-split-excerpt { margin: 0 0 14px; color: rgba(32,40,64,.74); font-size: 15px; line-height: 1.7; }
.blogs-latest-split-meta { margin: 0; display: inline-flex; align-items: center; gap: 10px; font-size: 14px; color: rgba(32,40,64,.62); }
.blogs-latest-split-dot { opacity: .65; }

.blogs-latest-split-pagination { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 22px; flex-wrap: wrap; }
.blogs-latest-split-page { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 12px; border-radius: 6px; border: 1px solid rgba(37,99,235,.35); background: #ffffff; color: rgba(12,18,40,.92); text-decoration: none; font-weight: 700; font-size: 13px; }
.blogs-latest-split-page:hover { border-color: rgba(37,99,235,.55); }
.blogs-latest-split-page.is-active { background: #1d4ed8; border-color: #1d4ed8; color: #ffffff; }
.blogs-latest-split-page--dots { border-color: transparent; background: transparent; min-width: auto; padding: 0 4px; }
.blogs-latest-split-page--next { padding: 0 14px; }

.blogs-latest-split-categories { position: sticky; top: 120px; }
.blogs-latest-split-categories-title { margin: 0 0 12px; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; font-weight: 800; color: rgba(12,18,40,.7); }
.blogs-latest-split-pills { display: flex; flex-wrap: wrap; gap: 10px; border-top: 1px solid rgba(15,23,42,.1); padding-top: 14px; }
.blogs-latest-split-pill { display: inline-flex; align-items: center; justify-content: center; padding: 10px 14px; border-radius: 999px; border: 1px solid rgba(15,23,42,.12); background: rgba(15,23,42,.04); font-weight: 700; font-size: 13px; color: rgba(12,18,40,.82); }
.blogs-latest-split-pill:hover { background: rgba(15,23,42,.06); color: rgba(12,18,40,.92); }

@media (max-width: 1100px){
  .blogs-latest-split-grid { grid-template-columns: minmax(0, 1fr); }
  .blogs-latest-split-categories { position: static; }
}

.blogs-social { padding: 24px 0 12px;}
.blogs-social-inner { display: flex; align-items: center; justify-content: space-between; gap: 18px; border-top: 1px solid rgba(15,23,42,.08); border-bottom: 1px solid rgba(15,23,42,.08); padding: 16px 0; font-weight: 600; color: rgba(16,26,52,.68); }
.blogs-social ul { list-style: none; display: flex; gap: 18px; padding: 0; margin: 0;}
.blogs-social a { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--color-accent); }

.blogs-newsletter { padding: clamp(60px, 9vw, 96px) 0;}
.blogs-newsletter-inner { background: linear-gradient(135deg, #4b5fff, #3246ff); border-radius: 32px; padding: clamp(32px, 6vw, 60px); display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(24px, 4vw, 40px); align-items: center; box-shadow: 0 36px 68px rgba(16,22,60,.28); overflow: hidden; }
.blogs-newsletter-visual { position: relative; padding-top: 70%; border-radius: 26px; background: rgba(255,255,255,.14);}
.blogs-newsletter-illustration { position: absolute; inset: 16%; border-radius: 24px; background: radial-gradient(circle at 35% 25%, rgba(255,255,255,.32), rgba(255,255,255,.08) 60%, transparent 78%); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
.blogs-newsletter-content { display: flex; flex-direction: column; gap: clamp(16px, 4vw, 24px); color: #fff;}
.blogs-newsletter-eyebrow { margin: 0; font-size: 14px; letter-spacing: .18em; text-transform: uppercase; font-weight: 800; color: rgba(255,255,255,.7); }
.blogs-newsletter-content h2 { margin: 0; font-size: clamp(30px, 5vw, 40px); line-height: 1.2;}
.blogs-newsletter-copy { margin: 0; font-size: 16px; line-height: 1.7; color: rgba(255,255,255,.82); }
.blogs-newsletter-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding: 6px; border-radius: 999px; background: rgba(255,255,255,.2); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.35); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);}
.blogs-newsletter-form input { border: none; background: transparent; color: #fff; padding: 12px 18px; font-size: 15px; font-family: inherit; }
.blogs-newsletter-form input::placeholder { color: rgba(255,255,255,.7);}
.blogs-newsletter-form input:focus:not(:focus-visible) { outline: none; }
.blogs-newsletter-form input:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.blogs-newsletter-form button { border: none; padding: 12px 26px; border-radius: 999px; background: #f25759; color: #fff; font-weight: 700; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease;}
.blogs-newsletter-form button:hover { transform: translateY(-2px); box-shadow: 0 16px 28px rgba(242,87,89,.3); }
.blogs-newsletter-note { margin: 0; font-size: 14px; color: rgba(255,255,255,.75);}

.blogs-segment { padding: clamp(56px, 9vw, 88px) 0; border-top: 1px solid rgba(15,23,42,.06); background: #ffffff; }
.blogs-segment + .blogs-segment { margin-top: -12px; background: linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);}
.blogs-segment-inner { display: flex; flex-direction: column; gap: clamp(20px, 3vw, 32px); }
.blogs-segment-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px;}
.blogs-segment-header h2 { margin: 0; font-size: clamp(28px, 4vw, 38px); line-height: 1.2; color: rgba(12,18,40,.94); }
.blogs-segment-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(24px, 4vw, 36px);}
.blogs-segment-posts ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: clamp(16px, 3vw, 22px); }
.blogs-segment-item { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; padding: 20px 24px; border-radius: 22px; border: 1px solid rgba(15,23,42,.08); background: rgba(248,249,255,.75); box-shadow: 0 16px 28px rgba(18,26,60,.08); align-items: center; transition: transform .2s ease, box-shadow .2s ease;}
.blogs-segment-item:hover { transform: translateY(-4px); box-shadow: 0 24px 38px rgba(18,26,60,.12); }
.blogs-segment-tag { display: inline-flex; align-items: center; justify-content: center; padding: 8px 14px; border-radius: 999px; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; font-weight: 800; color: rgba(15,22,42,.75); background: rgba(40,60,120,.16);}
.blogs-segment-text { display: flex; flex-direction: column; gap: 6px; }
.blogs-segment-text h3 { margin: 0; font-size: clamp(18px, 3vw, 24px); line-height: 1.35; color: rgba(14,22,44,.9);}
.blogs-segment-text time { font-size: 14px; color: rgba(20,28,56,.62); }
.blogs-segment-link { display: inline-flex; align-items: center; gap: 8px; margin-top: clamp(18px, 3vw, 24px); font-weight: 700; color: var(--color-accent);}
.blogs-segment-link span { transition: transform .2s ease; }
.blogs-segment-link:hover span { transform: translateX(4px);}
.blogs-segment-highlight { border-radius: 28px; background: #0b0f1f; color: #f3f4ff; padding: clamp(28px, 4vw, 36px); display: flex; flex-direction: column; gap: 16px; box-shadow: 0 26px 36px rgba(9,12,28,.4); }
.blogs-segment-highlight h3 { margin: 0; font-size: clamp(22px, 3.6vw, 28px); line-height: 1.25; color: #ffffff;}
.blogs-segment-highlight p { margin: 0; color: rgba(235,238,255,.78); font-size: 16px; line-height: 1.65; }
.blogs-segment-button { display: inline-flex; align-items: center; justify-content: center; padding: 12px 22px; border-radius: 14px; background: linear-gradient(135deg, #ff774a, #ff4d6d); font-weight: 700; color: #fff; box-shadow: 0 18px 32px rgba(255,77,109,.35); transition: transform .2s ease, box-shadow .2s ease;}
.blogs-segment-button:hover { transform: translateY(-2px); box-shadow: 0 22px 36px rgba(255,77,109,.38); }

.blogs-closing-cta { padding: clamp(70px, 11vw, 110px) 0 clamp(90px, 12vw, 120px); background: linear-gradient(135deg, #0b0d21, #142060); color: #fff; text-align: center;}
.blogs-closing-inner { display: flex; flex-direction: column; gap: 24px; align-items: center; }
.blogs-closing-inner h2 { margin: 0; font-size: clamp(32px, 4.8vw, 48px); line-height: 1.18; max-width: 760px;}
.blogs-closing-button { display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; border-radius: 16px; background: #ffffff; color: #0c1b50 !important; font-weight: 800; font-size: 16px; letter-spacing: .03em; box-shadow: 0 24px 40px rgba(12,18,60,.28); transition: transform .2s ease, box-shadow .2s ease; }
.blogs-closing-button:hover { transform: translateY(-4px); box-shadow: 0 30px 48px rgba(12,18,60,.34);}

.blog-card--coral .blogs-card-media,
.blog-card--coral .blogs-latest-media { background: linear-gradient(135deg, #ff7a66, #ff4d6d); }
.blog-card--coral .blogs-segment-tag { background: rgba(255,125,102,.18); color: #e33749;}
.blog-card--coral.blogs-card--primary,
.blog-card--coral.blogs-card--teaser,
.blog-card--coral.blogs-card--list,
.blog-card--coral.blogs-segment-item { box-shadow: 0 26px 52px rgba(255,90,90,.12); }

.blog-card--indigo .blogs-card-media,
.blog-card--indigo .blogs-latest-media { background: linear-gradient(135deg, #5864ff, #3246ff);}
.blog-card--indigo .blogs-segment-tag { background: rgba(88,100,255,.18); color: #3246ff; }

.blog-card--amber .blogs-card-media,
.blog-card--amber .blogs-latest-media { background: linear-gradient(135deg, #ffb042, #ff8d24);}
.blog-card--amber .blogs-segment-tag { background: rgba(255,176,66,.2); color: #d66b0a; }

.blog-card--violet .blogs-card-media,
.blog-card--violet .blogs-latest-media { background: linear-gradient(135deg, #a46bff, #7b4dff);}
.blog-card--violet .blogs-segment-tag { background: rgba(164,107,255,.22); color: #7b4dff; }

.blog-card--sky .blogs-card-media,
.blog-card--sky .blogs-latest-media { background: linear-gradient(135deg, #5ad5ff, #3da9ff);}
.blog-card--sky .blogs-segment-tag { background: rgba(90,213,255,.22); color: #1877ff; }

.blog-card--rose .blogs-card-media,
.blog-card--rose .blogs-latest-media { background: linear-gradient(135deg, #ff7ab3, #ff4d82);}
.blog-card--rose .blogs-segment-tag { background: rgba(255,122,179,.2); color: #e3266c; }

.blog-card--blue .blogs-card-media,
.blog-card--blue .blogs-latest-media { background: linear-gradient(135deg, #4c9dff, #2563eb);}
.blog-card--blue .blogs-segment-tag { background: rgba(76,157,255,.2); color: #2563eb; }

.blog-card--teal .blogs-card-media,
.blog-card--teal .blogs-latest-media { background: linear-gradient(135deg, #32d1b0, #0ca678);}
.blog-card--teal .blogs-segment-tag { background: rgba(50,209,176,.22); color: #0a8a63; }

.blogs-card--primary.blog-card--coral .blogs-card-meta span,
.blogs-card--primary.blog-card--coral .blogs-card-meta time { color: rgba(255,255,255,.78);}
.blogs-card--primary.blog-card--coral .blogs-card-body,
.blogs-card--primary.blog-card--coral { color: #ffffff; background: linear-gradient(135deg, #ff7a66, #ff4d6d); border: none; }
.blogs-card--primary.blog-card--coral .blogs-card-topic { color: rgba(255,255,255,.75);}
.blogs-card--primary.blog-card--coral .blogs-card-title { color: #ffffff; }
.blogs-card--primary.blog-card--coral .blogs-card-excerpt { color: rgba(255,255,255,.85);}
.blogs-card--primary.blog-card--coral .blogs-card-link { color: #fff; }
.blogs-card--primary.blog-card--coral .blogs-card-media { background: rgba(255,255,255,.18);}

.blogs-card--primary.blog-card--coral .blogs-card-media::after,
.blog-card--coral .blogs-latest-media::after,
.blog-card--coral .blogs-card-media::after { background: rgba(255,255,255,.28); }

.blogs-card--primary.blog-card--indigo .blogs-card-media,
.blogs-card--primary.blog-card--amber .blogs-card-media,
.blogs-card--primary.blog-card--violet .blogs-card-media,
.blogs-card--primary.blog-card--sky .blogs-card-media,
.blogs-card--primary.blog-card--rose .blogs-card-media,
.blogs-card--primary.blog-card--blue .blogs-card-media,
.blogs-card--primary.blog-card--teal .blogs-card-media { background: rgba(255,255,255,.18);}

.blogs-card--primary:not(.blog-card--coral) .blogs-card-body { background: #ffffff; }

.blogs-card--list { background: #ffffff;}

.blogs-segment-item.blog-card--coral,
.blogs-segment-item.blog-card--indigo,
.blogs-segment-item.blog-card--amber,
.blogs-segment-item.blog-card--violet,
.blogs-segment-item.blog-card--sky,
.blogs-segment-item.blog-card--rose,
.blogs-segment-item.blog-card--blue,
.blogs-segment-item.blog-card--teal { background: rgba(248,249,255,.82); }

.blogs-latest-item.blog-card--coral .blogs-latest-stats div { background: rgba(255,122,136,.18); color: #d53a52;}
.blogs-latest-item.blog-card--indigo .blogs-latest-stats div { background: rgba(88,100,255,.16); color: #3947ff; }
.blogs-latest-item.blog-card--amber .blogs-latest-stats div { background: rgba(255,176,66,.18); color: #d66b0a;}
.blogs-latest-item.blog-card--violet .blogs-latest-stats div { background: rgba(164,107,255,.18); color: #7542ff; }
.blogs-latest-item.blog-card--sky .blogs-latest-stats div { background: rgba(90,213,255,.16); color: #1877ff;}
.blogs-latest-item.blog-card--rose .blogs-latest-stats div { background: rgba(255,122,179,.16); color: #e3266c; }
.blogs-latest-item.blog-card--blue .blogs-latest-stats div { background: rgba(76,157,255,.16); color: #2563eb;}
.blogs-latest-item.blog-card--teal .blogs-latest-stats div { background: rgba(50,209,176,.16); color: #0a8a63; }

.blogs-latest-item.blog-card--coral .blogs-latest-stats dd,
.blogs-latest-item.blog-card--indigo .blogs-latest-stats dd,
.blogs-latest-item.blog-card--amber .blogs-latest-stats dd,
.blogs-latest-item.blog-card--violet .blogs-latest-stats dd,
.blogs-latest-item.blog-card--sky .blogs-latest-stats dd,
.blogs-latest-item.blog-card--rose .blogs-latest-stats dd,
.blogs-latest-item.blog-card--blue .blogs-latest-stats dd,
.blogs-latest-item.blog-card--teal .blogs-latest-stats dd { color: inherit;}

.blogs-latest-item.blog-card--coral .blogs-latest-stats dt,
.blogs-latest-item.blog-card--indigo .blogs-latest-stats dt,
.blogs-latest-item.blog-card--amber .blogs-latest-stats dt,
.blogs-latest-item.blog-card--violet .blogs-latest-stats dt,
.blogs-latest-item.blog-card--sky .blogs-latest-stats dt,
.blogs-latest-item.blog-card--rose .blogs-latest-stats dt,
.blogs-latest-item.blog-card--blue .blogs-latest-stats dt,
.blogs-latest-item.blog-card--teal .blogs-latest-stats dt { color: rgba(15,20,40,.6); }

.blogs-card--primary.blog-card--coral .blogs-card-meta span,
.blogs-card--primary.blog-card--coral .blogs-card-meta time,
.blogs-card--primary.blog-card--coral .blogs-card-topic { color: rgba(255,255,255,.75);}

@media (max-width: 1180px){
  .blogs-hero-inner { grid-template-columns: minmax(0, 1fr);}
  .blogs-card--primary { grid-template-columns: minmax(0, 1fr); min-height: auto; }
  .blogs-card--primary .blogs-card-media { min-height: 260px;}
  .blogs-teaser-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .blogs-segment-grid { grid-template-columns: minmax(0, 1fr);}
  .blogs-segment-highlight { order: -1; }
}
@media (max-width: 980px){
  .blogs-latest-item { grid-template-columns: minmax(0, 1fr);}
  .blogs-latest-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .blogs-newsletter-inner { grid-template-columns: 1fr;}
  .blogs-newsletter-visual { padding-top: 52%; }
  .blogs-social-inner { flex-direction: column; align-items: flex-start;}
}
@media (max-width: 720px){
  .blogs-teaser-grid { grid-template-columns: minmax(0, 1fr);}
  .blogs-filters { gap: 8px; }
  .blogs-latest-stats { grid-template-columns: 1fr;}
  .blogs-newsletter-form { grid-template-columns: 1fr; border-radius: 24px; }
  .blogs-segment-item { grid-template-columns: minmax(0, 1fr);}
  .blogs-segment-tag { justify-content: flex-start; }
}
@media (max-width: 560px){
  .blogs-card-body { padding: 24px;}
  .blogs-card-link { font-size: 14px; }
  .blogs-latest-item { padding: 20px;}
  .blogs-filter { padding: 9px 16px; font-size: 13px; }
  .blogs-newsletter-form button { width: 100%;}
  .blogs-closing-button { width: 100%; }
}

@media (max-width: 1180px){
  .blog-body-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);}
  .blog-lead { grid-column: 2 / -1; }
}
@media (max-width: 980px){
  .blog-hero-inner { flex-direction: column; align-items: flex-start;}
  .blog-hero-visual { align-self: stretch; max-width: 280px; }
  .blog-body-grid { grid-template-columns: minmax(0, 1fr);}
  .blog-toc,
  .blog-lead { position: static; }
  .blog-lead { order: 3;}
  .blog-toc-card { max-height: none; }
  .blog-toc-nav { overflow: visible; margin-right: 0; padding-right: 0;}
}
@media (max-width: 640px){
  .blog-hero { padding: 72px 0 64px;}
  .blog-hero-kicker { flex-wrap: wrap; gap: 8px; }
  .blog-body { padding: 48px 0 56px;}
  .blog-toc-card { padding: 24px; }
  .blog-lead-card { padding: 24px; border-radius: 22px;}
  .blog-share-nav { align-items: stretch; }
  .blog-share { flex-direction: column; align-items: flex-start;}
  .blog-post-link--next { text-align: left; }
  .blog-newsletter-inner { grid-template-columns: 1fr;}
  .blog-newsletter-graphic { min-height: 220px; padding: clamp(18px, 8vw, 28px); order: -1; }
  .blog-inline-cta-button { align-self: stretch; justify-content: center;}
  .blog-case-cta { flex-direction: column; align-items: flex-start; }
  .blog-case-cta-button { width: 100%; justify-content: center;}
}
@media (max-width: 540px){
  .blog-newsletter-form { grid-template-columns: 1fr; border-radius: 22px;}
  .blog-newsletter-form button { width: 100%; }
  .blog-newsletter-graphic { justify-content: center;}
  .blog-inline-cta-card { border-radius: 22px; }
  .blog-figure-media { border-radius: 22px;}
  .under-construction-actions { flex-direction: column; align-items: stretch; }
  .button-primary,
  .button-secondary { width: 100%; text-align: center;}
}

 .uc-tabs{ position:relative; overflow:visible; padding:120px 10px 130px; background:#000; color:#fff; }
 .uc-tabs::before{ content:''; position:absolute; inset:0; background:radial-gradient(900px 520px at 15% 35%, rgba(118,74,255,0.20), transparent 60%), radial-gradient(820px 520px at 85% 55%, rgba(255,87,184,0.18), transparent 62%); opacity:0.9; pointer-events:none;}
 .uc-tabs .container{position:relative; z-index:2;}
 .uc-tabs-head{ max-width:1040px;}
 .uc-tabs-head h2{ margin:0 0 18px; font-size:var(--font-size-4xl); line-height:1.05; color:#fff; letter-spacing:-0.03em; }
 .uc-tabs-head p{ margin:0; font-size:var(--font-size-base); line-height:1.8; color:rgba(255,255,255,0.70);margin-bottom:20px}
 .uc-tabs-layout{ display:grid; grid-template-columns: minmax(260px, 360px) minmax(520px, 660px) minmax(280px, 1fr); gap:48px; align-items:start; }
 .uc-tabs-left{ display:flex; flex-direction:column; gap:34px; padding-top:10px;}
 .uc-tab{ appearance:none; border:0; background:transparent; color:rgba(255,255,255,0.46); font-size:var(--font-size-lg); font-weight:600; text-align:left; padding:0;padding-bottom:75px; cursor:pointer; transition:color .2s ease, transform .2s ease, opacity .2s ease; }
 .uc-tab:hover{ color:rgba(255,255,255,0.80); transform:translateX(3px);}
 .uc-tab.is-active{ color:#fff; opacity:1; font-weight:700; }
 .uc-tab.is-active::before{ content:''; display:none;}
 .uc-tabs-right{ min-height:380px; grid-column:2 / span 2; }
 .uc-pane{ display:none; grid-template-columns: minmax(520px, 660px) minmax(280px, 1fr); gap:48px; align-items:center;}
 .uc-pane.is-active{ display:grid; }
 .uc-pane-media{ border-radius:22px; overflow:hidden; background:rgba(255,255,255,0.06); box-shadow:0 30px 80px rgba(0,0,0,0.62); border:1px solid rgba(255,255,255,0.14);}
 .uc-pane-media img{ width:100%; height:auto; display:block; aspect-ratio: 16 / 9; object-fit:cover; }
 .uc-pane-copy p{ margin:0; font-size:var(--font-size-base); line-height:1.9; color:rgba(255,255,255,0.76); max-width:560px;}

 @media (max-width: 1100px){
  .uc-tabs{ padding:60px 10px 40px;}
  .uc-tabs-layout{ grid-template-columns: 1fr; gap:16px; align-items:start;}
  .uc-tabs-right{ grid-column:auto; min-height:auto; }
  .uc-tabs-left{ flex-direction:column; gap:0; overflow-x:visible; padding:0;}
  .uc-tab{ white-space:normal; font-size:var(--font-size-base); font-weight:600; padding:10px 0 10px 20px; position:relative; color:rgba(255,255,255,0.5);}
  .uc-tab::before{ content:'•'; position:absolute; left:0; top:10px; font-size:28px; color:rgba(255,255,255,0.3); transition:color .3s ease;}
  .uc-tab.is-active{ color:#fff;}
  .uc-tab.is-active::before{ display:block; color:#fff;}
  .uc-pane{ grid-template-columns:1fr; }
  .uc-pane-media{ display:none; }
}

 body.page-manufacturing .uc-tabs .industry-compliance-list{
  margin:0;
  gap:14px 54px;
  justify-content:flex-start;
 }
 body.page-manufacturing .uc-tabs .industry-compliance-item{
  font-size:13px;
  padding-left:18px;
 }

 body.page-manufacturing .cb-models-detail-card{
  padding: 26px 28px;
  min-height: auto;
 }
 body.page-manufacturing .mfg-models-items{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
 }
 body.page-manufacturing .mfg-models-items li{
  position: relative;
  padding-left: 18px;
  font-size: 12px;
  line-height: 1.55;
  color: rgba(255,255,255,0.78);
 }
 body.page-manufacturing .mfg-models-items li::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #1163fb;
 }

 body.page-manufacturing .container{
  --container-max: clamp(320px, 90vw, 1400px);
 }

 body.page-manufacturing .manufacturing-solutions{
  background:#000;
  color:#fff;
  padding:120px 0;
 }
 body.page-manufacturing .manufacturing-solutions-card{
  border-radius: 12px;
  background:#1b1b1b;
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 30px 80px rgba(0,0,0,0.55);
  padding: 40px;
  min-height: 520px;
 }
 body.page-manufacturing .manufacturing-solutions-head{
  max-width: none;
 }
 body.page-manufacturing .manufacturing-solutions-head h2{
  margin: 0;
  font-size: clamp(38px, 4.9vw, 52px);
  line-height: 1.1;
  letter-spacing: -0.03em;
  font-weight: 600;
  color: #fff;
  max-width: none;
  margin-bottom:10px;
 }
 body.page-manufacturing .manufacturing-solutions-head p{
  margin: 16px 0 0;
  font-size: 18px;
  line-height: 1.75;
  color: rgba(255,255,255,0.72);
  max-width: none;
 }

 @media (min-width: 1200px){
  body.page-manufacturing .manufacturing-solutions-head p{
    max-width: 1120px;
  }
 }

 @media (min-width: 1400px){
  body.page-manufacturing .manufacturing-solutions-head p{
    max-width: 1180px;
  }
 }
 body.page-manufacturing .manufacturing-solutions-body{
padding:3rem 0;
  display: flex;
  gap: 44px;
  align-items: stretch;
  justify-content:space-between ;
 }
 body.page-manufacturing .manufacturing-solutions-left{
  display: flex;
  flex-direction: column;
  /* gap: 18px; */
  width:30%;
  height:350px;
  padding-left:16px;
  margin-right:20px;
 }
 body.page-manufacturing .manufacturing-solutions-tab{
  color: #fff;
  background:transparent;
  border:none;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    position: relative;
    padding: 8px 0;
    display: block;
    cursor: pointer;
    margin: 10px 0px;
    text-align:left;
 }
 body.page-manufacturing .manufacturing-solutions-tab:hover{
  color: rgba(255,255,255,0.92);
 }
 body.page-manufacturing .manufacturing-solutions-tab.is-active{
  padding: 12px 16px;
  background: linear-gradient(90deg, rgba(17, 99, 251, 0.95) 0%, rgba(17, 99, 251, 0) 100%);
  box-shadow: inset 5px 0 0 #1163fb;
  color: #fff;
 }
 body.page-manufacturing .manufacturing-solutions-right{
  min-height: 220px;
  display: block;
  width:45%;
  align-items: flex-start;
  justify-content: flex-end;
 }
 body.page-manufacturing .manufacturing-solutions-panel{
  height: 100%;
 }
 body.page-manufacturing .manufacturing-solutions-panel[hidden]{
  display: none;
 }
 body.page-manufacturing .manufacturing-solutions-list-card{
  
 }
 body.page-manufacturing .manufacturing-solutions-list{
 background-color: #262626;
    padding: 20px 70px 35px 50px;
    border-radius: 12px;
    display: inline-block;
    margin: 0;
 }
 body.page-manufacturing .manufacturing-solutions-list li{
 
    font-size: 14px;
    line-height: 1.3;
    margin-top: 10px;
    list-style-image: url(/images/assets-ext/dot-icon.svg);
    padding: 10px 0 0 15px;
 }
 body.page-manufacturing .manufacturing-solutions-list li::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #1163fb;
  box-shadow: 0 0 0 3px rgba(17, 99, 251, 0.22);
 }

 @media (max-width: 980px){
  body.page-manufacturing .manufacturing-solutions{ padding: 90px 0; }
  body.page-manufacturing .manufacturing-solutions-card{ padding: 44px 34px; }
  body.page-manufacturing .manufacturing-solutions-body{ grid-template-columns: 1fr; gap: 28px; align-items: start; }
  body.page-manufacturing .manufacturing-solutions-left{ flex-direction: row; flex-wrap: wrap; gap: 12px; }
  body.page-manufacturing .manufacturing-solutions-tab{ padding: 10px 12px; border-radius: 10px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.10); }
  body.page-manufacturing .manufacturing-solutions-tab.is-active{ background: rgba(17,99,251,0.18); box-shadow: inset 0 0 0 1px rgba(17,99,251,0.55); }
 }
 @media (max-width: 640px){
  body.page-manufacturing .manufacturing-solutions-card{ padding: 34px 22px; }
  body.page-manufacturing .manufacturing-solutions-list-card{ max-width: none; }
 }

 body.page-manufacturing .manufacturing-compliance-carousel{
  background:#000;
  color:#fff;
  padding:100px 0;
 }
 body.page-manufacturing .manufacturing-compliance-carousel-head{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  gap:28px;
  margin-bottom:44px;
 }
 body.page-manufacturing .manufacturing-compliance-carousel-text{
  max-width:none;
  width:100%;
 }
 body.page-manufacturing .manufacturing-compliance-carousel-title{
  margin:0;
  font-size: clamp(42px, 5.8vw, 72px);
  line-height:1.04;
  letter-spacing:-0.03em;
  font-weight:600;
 }
 body.page-manufacturing .manufacturing-compliance-carousel-title-line{
  display:block;
 }
 body.page-manufacturing .manufacturing-compliance-carousel-copy{
  margin:18px 0 0;
  font-size:16px;
  line-height:1.9;
  letter-spacing:0.005em;
  color:rgba(255,255,255);
  max-width: 1100px;
  line-height: 1.7;
    margin: 30px 0;
 }
 body.page-manufacturing .manufacturing-compliance-carousel-copy-line{
  display:block;
 }
 body.page-manufacturing .manufacturing-compliance-carousel-arrows{
  display:flex;
  align-items:center;
  gap:10px;
 }
 body.page-manufacturing .manufacturing-compliance-carousel-arrow{
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.04);
  color:#fff;
  cursor:pointer;
  display:grid;
  place-items:center;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, opacity .2s ease;
 }
 body.page-manufacturing .manufacturing-compliance-carousel-arrow svg{
  display:block;
 }
 body.page-manufacturing .manufacturing-compliance-carousel-arrow:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.32);
 }
 body.page-manufacturing .manufacturing-compliance-carousel-arrow:disabled{
  opacity:0.6;
  cursor:not-allowed;
 }
 body.page-manufacturing .manufacturing-compliance-carousel-viewport{
  position:relative;
  overflow:visible;
 }

 body.page-manufacturing .manufacturing-compliance-carousel-controls{
  position:absolute;
  top:-48px;
  right:0;
  display:flex;
  align-items:center;
  gap:10px;
  z-index:2;
 }
 body.page-manufacturing .manufacturing-compliance-carousel-overflow{
  overflow:hidden;
 }
 body.page-manufacturing .manufacturing-compliance-carousel-track{
  display:flex;
  gap:24px;
  will-change:transform;
  transform:translate3d(0,0,0);
  padding-top:24px;
 }
 body.page-manufacturing .manufacturing-compliance-card{
  flex:0 0 calc((100% - 48px) / 3);
  box-sizing:border-box;
  padding: 40px 30px;
  background-color: #000;
  border-radius: 14px;
  border: 1px solid #4a4a4a;
  min-height: 250px;
 }
 body.page-manufacturing .manufacturing-compliance-card-title{
  font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;

 }
 body.page-manufacturing .manufacturing-compliance-card-desc{
     font-size: 14px;
    line-height: 18px;
    margin: 25px 0 0;
    color: #fff;

 }

 body.page-manufacturing .manufacturing-why-trust{
  padding:120px 0 130px;
 }
 body.page-manufacturing .manufacturing-why-trust-head{
  margin-bottom:40px;
 }
 body.page-manufacturing .manufacturing-why-trust-card-icon{
  width:38px;
  height:38px;
  border-radius:10px;
  display:grid;
  place-items:center;
  color:#fff;
  background: rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.12);
  margin-bottom:18px;
 }
 body.page-manufacturing .manufacturing-why-trust-card-icon svg{
  display:block;
 }
 body.page-manufacturing .manufacturing-why-trust-card-title{
  margin:0;
 }
 body.page-manufacturing .manufacturing-why-trust-card-desc{
  color: rgba(255,255,255,0.78);
 }

 body.page-manufacturing .manufacturing-why-trust-band{
  margin-top:60px;
  display:grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 1fr);
  gap:32px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius:16px;
  overflow:hidden;
 }
 body.page-manufacturing .manufacturing-why-trust-band-left{
  padding:32px;
 }
 body.page-manufacturing .manufacturing-why-trust-band-copy{
  margin:0;
  font-size:18px;
  line-height:1.6;
  color:#fff;
  max-width: 560px;
 }
 body.page-manufacturing .manufacturing-why-trust-band-label{
  margin:18px 0 10px;
  font-size:13px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color: rgba(255,255,255,0.72);
  font-weight:700;
}
 body.page-manufacturing .manufacturing-why-trust-band-stats{
  display:flex;
  align-items:stretch;
  gap:0;
  margin-top:10px;
 }
 body.page-manufacturing .manufacturing-why-trust-band-stat{
  padding:12px 18px;
  flex:1 1 0;
 }
 body.page-manufacturing .manufacturing-why-trust-band-stat:first-child{
  padding-left:0;
 }
 body.page-manufacturing .manufacturing-why-trust-band-stat + .manufacturing-why-trust-band-stat{
  border-left:1px solid rgba(255,255,255,0.14);
 }
 body.page-manufacturing .manufacturing-why-trust-band-stat-value{
  font-size:28px;
  font-weight:800;
  line-height:1.1;
  color:#fff;
 }
 body.page-manufacturing .manufacturing-why-trust-band-stat-desc{
  margin-top:6px;
  font-size:13px;
  line-height:1.45;
  color: rgba(255,255,255,0.72);
 }
 body.page-manufacturing .manufacturing-why-trust-band-cta{
  margin-top:18px;
  display:inline-flex;
 }
 body.page-manufacturing .manufacturing-why-trust-band-right{
  align-self:stretch;
  display:flex;
  align-items:stretch;
  justify-content:stretch;
 }
 body.page-manufacturing .manufacturing-why-trust-band-right img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
 }

 @media (max-width: 960px){
  body.page-manufacturing .manufacturing-why-trust-band{ grid-template-columns: 1fr; }
  body.page-manufacturing .manufacturing-why-trust-band-right{ order:-1; }
  body.page-manufacturing .manufacturing-why-trust-band-right img{ aspect-ratio: 16 / 9; height:auto; }
  body.page-manufacturing .manufacturing-why-trust-band-stats{ flex-direction:column; gap:14px; }
  body.page-manufacturing .manufacturing-why-trust-band-stat{ padding:0; }
  body.page-manufacturing .manufacturing-why-trust-band-stat + .manufacturing-why-trust-band-stat{ border-left:0; padding-top:14px; border-top:1px solid rgba(255,255,255,0.14); }
 }

 @media (max-width: 960px){
  body.page-manufacturing .manufacturing-compliance-carousel{ padding:80px 0; }
  body.page-manufacturing .manufacturing-compliance-card{ flex:0 0 calc((100% - 24px) / 2); }
 }
 @media (max-width: 640px){
  body.page-manufacturing .manufacturing-compliance-carousel{ padding:66px 0; }
  body.page-manufacturing .manufacturing-compliance-carousel-head{ align-items:flex-start; }
  body.page-manufacturing .manufacturing-compliance-card{ flex:0 0 86%; }
 }

 @media (prefers-reduced-motion: reduce){
  body.page-manufacturing .manufacturing-compliance-carousel-track{ will-change:auto; }
  body.page-manufacturing .manufacturing-compliance-carousel-arrow{ transition:none; }
 }

 body.page-manufacturing .genai-tech-stack--industry40{
  background:#000;
  color:#fff;
  padding:110px 0 120px;
 }
 body.page-manufacturing .genai-tech-stack--industry40 .industry40-title{
  margin:0 0 20px;
  font-size: clamp(40px, 5.4vw, 66px);
  line-height:1.05;
  letter-spacing:-0.03em;
  font-weight:700;
  max-width: 980px;
 }
 body.page-manufacturing .genai-tech-stack--industry40 .industry40-description{
  margin:0;
  font-size:15px;
  line-height:1.85;
  color: rgba(255,255,255,0.72);
  max-width: 1040px;
 }
 body.page-manufacturing .genai-tech-stack--industry40 .industry40-grid{
  margin-top:44px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:18px;
 }
 body.page-manufacturing .genai-tech-stack--industry40 .industry40-card{
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 10px;
  padding: 22px 22px;
 }
 body.page-manufacturing .genai-tech-stack--industry40 .industry40-card-arrow{
  width: 28px;
  height: 28px;
  color: rgba(255,255,255,0.84);
  display:grid;
  place-items:center;
  margin-bottom: 14px;
 }
 body.page-manufacturing .genai-tech-stack--industry40 .industry40-card-title{
  margin:0;
  font-size:14px;
  font-weight:800;
  letter-spacing:0;
 }
 body.page-manufacturing .genai-tech-stack--industry40 .industry40-card-desc{
  margin:8px 0 0;
  font-size:11px;
  line-height:1.6;
  color: rgba(255,255,255,0.72);
  max-width: 520px;
 }

 @media (max-width: 960px){
  body.page-manufacturing .genai-tech-stack--industry40{ padding:90px 0 100px; }
  body.page-manufacturing .genai-tech-stack--industry40 .industry40-grid{ grid-template-columns:1fr; }
 }

 .arch-maps{ position:relative; overflow:visible; padding:120px 0 130px; background:#000; color:#fff; }
 .arch-maps::before{ content:''; position:absolute; inset:0; background:radial-gradient(900px 520px at 15% 35%, rgba(118,74,255,0.20), transparent 60%), radial-gradient(820px 520px at 85% 55%, rgba(255,87,184,0.18), transparent 62%); opacity:0.9; pointer-events:none;}
 .arch-maps .container{position:relative; z-index:2;}
 .arch-maps-head{ max-width:1040px;}
 .arch-maps-head h2{ margin:0 0 18px; font-size:clamp(34px, 4.6vw, 58px); line-height:1.05; color:#fff; letter-spacing:-0.03em; }
 .arch-maps-head p{ margin:0; max-width:820px; font-size:18px; line-height:1.8; color:rgba(255,255,255,0.70);}
 .arch-maps-grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:28px; align-items:start; }
 .arch-maps-card h3{ margin:0 0 18px; font-size:22px;display:none; font-weight:700; letter-spacing:0.04em; color:#fff;}
 .arch-maps-media{ border-radius:0; overflow:visible; background:transparent; box-shadow:none; border:0; padding:0; width:100%; min-height:clamp(320px, 38vw, 680px); display:flex; align-items:center; justify-content:center; }
 .arch-maps-media img{ width:100%; height:auto; object-fit:contain; display:block;}

 @media (max-width: 1100px){
  .arch-maps-grid{ grid-template-columns:1fr; gap:34px;}
  .arch-maps-media{ min-height:480px; }
}
 @media (max-width: 640px){
  .arch-maps-media{ min-height:340px;}
 }

 body.page-software-integration .ai-copilot-stack-pills{
  background:#1163fb;
}
 body.page-software-integration .ai-copilot-stack-pill{
  background:transparent;
  border:2px solid rgba(255,255,255,0.95);
  color:rgba(255,255,255,0.95);
}
 body.page-software-integration .ai-copilot-stack-pill:hover{
  background:rgba(255,255,255,0.12);
  color:#fff;
}
 body.page-software-integration .ai-copilot-stack-pill.is-active{
  background:#fff;
  border-color:#fff;
  color:#0b0b0b;
}
.privacy-page,
.terms-page { background: #ffffff; color: #111827; }
.privacy-hero,
.terms-hero { position: relative; padding: clamp(72px, 10vw, 120px) 0 clamp(48px, 8vw, 72px); background: radial-gradient(120% 140% at 20% 0%, rgba(73,97,255,.12), transparent 65%), linear-gradient(180deg, rgba(245,247,255,1) 0%, #ffffff 55%); border-bottom: 1px solid rgba(17,24,39,.08);}
.privacy-hero-inner,
.terms-hero-inner { display: flex; flex-direction: column; gap: clamp(24px, 4vw, 32px); }
.privacy-crumbs nav ol,
.terms-crumbs nav ol { list-style: none; display: flex; gap: 12px; padding: 0; margin: 0; font-size: 14px; color: rgba(55, 65, 81, .75);}
.privacy-crumbs nav li,
.terms-crumbs nav li { display: inline-flex; gap: 12px; align-items: center; }
.privacy-crumbs nav li + li::before,
.terms-crumbs nav li + li::before { content: "/"; color: rgba(55, 65, 81, .45);}
.privacy-crumbs a,
.terms-crumbs a { color: rgba(37, 99, 235, .9); font-weight: 600; }
.privacy-updated,
.terms-updated { margin: 8px 0 0; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: rgba(55,65,81,.6); font-weight: 700;}
.privacy-hero-content,
.terms-hero-content { max-width: 860px; display: flex; flex-direction: column; gap: clamp(16px, 3vw, 20px); }
.privacy-hero h1,
.terms-hero h1 { margin: 0; font-size: clamp(40px, 5vw, 54px); line-height: 1.05; letter-spacing: -.01em; color: #0f172a;}
.privacy-hero p,
.terms-hero p { margin: 0; font-size: 18px; line-height: 1.7; color: rgba(17,24,39,.75); }
.privacy-body,
.terms-body { padding: clamp(56px, 10vw, 96px) 0 clamp(72px, 12vw, 120px); background: #ffffff;}
.privacy-content,
.terms-content { display: grid; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); gap: clamp(32px, 6vw, 48px); align-items: start; }
.privacy-toc,
.terms-toc { position: sticky; top: 120px; align-self: start;}
.privacy-toc-card,
.terms-toc-card { background: #f8f9fb; border-radius: 24px; border: 1px solid rgba(15,23,42,.08); padding: 24px 26px; box-shadow: 0 22px 44px rgba(15,23,42,.08); display: flex; flex-direction: column; gap: 16px; }
.privacy-toc-card h2,
.terms-toc-card h2 { margin: 0; font-size: 16px; letter-spacing: .12em; text-transform: uppercase; color: rgba(17,24,39,.6); font-weight: 800;}
.privacy-toc-card ul,
.terms-toc-card ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; }
.privacy-toc-card a,
.terms-toc-card a { font-weight: 600; color: rgba(17,24,39,.72); text-decoration: none;}
.privacy-toc-card a:hover,
.terms-toc-card a:hover { color: #2563eb; }
.privacy-article,
.terms-article { display: flex; flex-direction: column; gap: clamp(48px, 8vw, 64px);}
.privacy-article section h2,
.terms-article section h2 { margin: 0 0 16px; font-size: clamp(26px, 4vw, 34px); color: #0f172a; letter-spacing: -.005em; }
.privacy-article section p,
.terms-article section p { margin: 0 0 16px; color: rgba(17,24,39,.72); line-height: 1.75; font-size: 16px;}
.privacy-list,
.terms-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; }
.privacy-item,
.terms-item { display: flex; flex-direction: column; gap: 8px; padding: 18px 0; border-bottom: 1px solid rgba(17,24,39,.08);}
.privacy-item:last-child,
.terms-item:last-child { border-bottom: none; padding-bottom: 0; }
.privacy-item h3,
.terms-item h3 { margin: 0; font-size: 18px; font-weight: 700; color: #111827;}
.privacy-item p,
.terms-item p { margin: 0; color: rgba(17,24,39,.7); }
.privacy-bullets,
.terms-bullets { margin: 0; padding: 0 0 0 20px; display: flex; flex-direction: column; gap: 10px; color: rgba(17,24,39,.74); line-height: 1.7;}
.privacy-note,
.terms-note { margin-top: 18px; border-left: 4px solid #2563eb; padding: 12px 18px; background: rgba(37,99,235,.08); border-radius: 10px; color: rgba(17,24,39,.78); font-size: 15px; }
.privacy-contact,
.terms-contact { display: grid; gap: 6px; margin-top: 16px; font-style: normal; color: rgba(17,24,39,.8);}
.privacy-contact span,
.terms-contact span { font-size: 15px; }
@media (max-width: 980px) {
  .privacy-content,
  .terms-content { grid-template-columns: minmax(0, 1fr);}
  .privacy-toc,
  .terms-toc { position: static; }
  .privacy-toc-card,
  .terms-toc-card { box-shadow: none;}
  .privacy-article section,
  .terms-article section { padding-top: 12px; border-top: 1px solid rgba(17,24,39,.06); }
}
@media (max-width: 640px) {
  .privacy-hero,
  .terms-hero { padding: 56px 0 40px;}
  .privacy-hero-content p,
  .terms-hero-content p { font-size: 17px; }
  .privacy-article,
  .terms-article { gap: 48px;}
  .privacy-item,
  .terms-item { padding: 14px 0; }
}

.sitemap-page { background: #ffffff; color: #111827; }
.sitemap-hero { position: relative; padding: clamp(68px, 9vw, 110px) 0 clamp(36px, 6vw, 56px); border-bottom: 1px solid rgba(17,24,39,.08); background: linear-gradient(180deg, rgba(255,201,40,.12) 0%, rgba(255,255,255,0) 30%), #ffffff;}
.sitemap-hero-inner { display: flex; flex-direction: column; gap: clamp(24px, 4vw, 32px); }
.sitemap-crumbs nav ol { list-style: none; display: flex; gap: 10px; align-items: center; padding: 0; margin: 0; font-size: 14px; color: rgba(55,65,81,.7);}
.sitemap-crumbs nav li { display: inline-flex; gap: 10px; align-items: center; }
.sitemap-crumbs nav li + li::before { content: "⟶"; font-size: 16px; color: rgba(17,24,39,.4);}
.sitemap-crumbs a { color: rgba(37,99,235,.9); font-weight: 600; }
.sitemap-hero-content { max-width: 720px; display: flex; flex-direction: column; gap: clamp(16px, 3vw, 22px);}
.sitemap-hero h1 { margin: 0; font-size: clamp(42px, 6vw, 58px); line-height: 1.05; letter-spacing: -.01em; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.sitemap-hero h1 mark { background: #ffca28; color: #0f172a; padding: 0 12px; border-radius: 6px; font-weight: 800;}
.sitemap-hero h1 span { font-weight: 800; }
.sitemap-hero p { margin: 0; font-size: 18px; line-height: 1.7; color: rgba(55,65,81,.85);}

.sitemap-body { padding: clamp(60px, 10vw, 96px) 0 clamp(72px, 12vw, 120px); }
.sitemap-body-inner { display: flex; flex-direction: column; gap: clamp(48px, 8vw, 72px);}
.sitemap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: clamp(32px, 5vw, 48px); }
.sitemap-section { display: flex; flex-direction: column; gap: 14px;}
.sitemap-section h2 { margin: 0; font-size: 18px; letter-spacing: .12em; text-transform: uppercase; color: #f97316; font-weight: 700; }
.sitemap-section ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px;}
.sitemap-section li { font-size: 15px; line-height: 1.6; color: rgba(17,24,39,.78); }
.sitemap-section a { color: inherit; font-weight: 500; position: relative; display: inline-flex; align-items: center; gap: 6px;}
.sitemap-section a::after { content: ""; width: 6px; height: 6px; background: rgba(249,115,22,.45); border-radius: 50%; transform: scale(0); transition: transform .2s ease; }
.sitemap-section a:hover::after { transform: scale(1);}
.sitemap-sublist { padding: 6px 0 0 18px; display: flex; flex-direction: column; gap: 6px; border-left: 1px solid rgba(17,24,39,.08); margin-top: 6px; }
.sitemap-sublist li { font-size: 14px; color: rgba(17,24,39,.66);}
.sitemap-sublist a { font-weight: 400; }

@media (max-width: 900px) {
  .sitemap-grid { gap: 32px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}
}

@media (max-width: 640px) {
  .sitemap-hero { padding: 56px 0 32px;}
  .sitemap-grid { grid-template-columns: 1fr; }
  .sitemap-section h2 { font-size: 16px;}
}

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

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

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

/* Case study */
.case-study { display: block; background: var(--color-bg); color: var(--color-text-light); }
.case-study section { position: relative;}

.case-study-hero { position: relative; padding: clamp(140px, 18vw, 220px) 0 clamp(120px, 16vw, 180px); overflow: hidden; color: var(--color-accent-contrast); }
.case-study-hero::before { content: ""; position: absolute; inset: 0; background-image: var(--case-hero-image); background-size: cover; background-position: center; filter: brightness(.45); transform: scale(1.02);}
.case-study-hero__overlay { position: absolute; inset: 0; background: linear-gradient(140deg, rgba(6,10,18,.92) 0%, rgba(6,10,18,.72) 52%, rgba(6,10,18,.88) 100%); z-index: 1; }
.case-study-hero__content { position: relative; z-index: 2; max-width: 760px; display: flex; flex-direction: column; gap: 20px;}
.case-study-hero__eyebrow { margin: 0; letter-spacing: .18em; text-transform: uppercase; font-weight: 700; font-size: 14px; color: rgba(255,255,255,.72); }
.case-study-hero h1 { margin: 0; font-size: clamp(38px, 5.2vw, 62px); line-height: 1.1; letter-spacing: -0.02em;}
.case-study-hero__subtitle { margin: 0; font-size: clamp(18px, 2.6vw, 22px); color: rgba(255,255,255,.78); max-width: 520px; }
.case-study-hero__cta { align-self: flex-start; display: inline-flex; align-items: center; gap: 10px; margin-top: 12px;}
.case-study-hero__cta span { font-size: 20px; transform: translateY(-1px); }

.case-study-about { padding: clamp(72px, 9vw, 108px) 0; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);}
.case-study-about .container {display: flex; flex-direction: column; gap: 48px;}
.case-study-about__content { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(32px, 6vw, 80px); align-items: start;}
.case-study-about__intro h2 { margin: 0 0 24px 0; font-size: clamp(28px, 4vw, 40px); color: var(--color-text); letter-spacing: -0.01em; }
.case-study-about__intro p { margin: 0; font-size: 18px; line-height: 1.8; color: var(--color-text-light);}
.case-study-about__facts { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 18px 24px; color: var(--color-muted); }
.case-study-about__facts div { display: flex; flex-direction: column; gap: 6px;}
.case-study-about__facts dt { font-weight: 700; text-transform: uppercase; letter-spacing: .12em; font-size: 12px; color: rgba(233,238,249,.7); }
.case-study-about__facts dd { margin: 0; color: var(--color-text-light); font-size: 16px; font-weight: 500;}
.case-study-about__facts a { color: var(--color-accent); }
.case-study-about__gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px;}

.case-study-about--light{ background:#fff; border-top: 1px solid rgba(13,16,24,.12); border-bottom: 1px solid rgba(13,16,24,.12); }
.case-study-about--light .case-study-about__intro h2{ color:#0d1018; }
.case-study-about--light .case-study-about__intro p{ color: rgba(13,16,24,.72); }
.case-study-about--light .case-study-about__facts dt{ color: rgba(13,16,24,.55); }
.case-study-about--light .case-study-about__facts dd{ color: rgba(13,16,24,.78); }
.case-study-about--light .case-study-about__facts a{ color:#1163fb; }

.case-study-media { position: relative; border-radius: 24px; overflow: hidden; min-height: 280px; background: radial-gradient(circle at top left, rgba(59,77,148,.45), transparent 60%), rgba(20,24,32,.9); border: 1px solid rgba(233,238,249,.08); }
.case-study-media::before { content: ""; position: absolute; inset: 0; background-image: var(--media-image); background-size: cover; background-position: center; opacity: .72; transition: opacity .3s ease, transform .3s ease;}
.case-study-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(160deg, rgba(11,14,22,.85) 0%, rgba(11,14,22,.45) 55%, rgba(47,112,255,.25) 100%); opacity: .35; transition: opacity .3s ease; }
.case-study-media:hover::before { opacity: .88; transform: scale(1.03);}
.case-study-media:hover::after { opacity: .15; }
.case-study-media.is-wide { min-height: 360px; border-radius: 28px;}

.case-study-insight { padding: clamp(80px, 9vw, 120px) 0 0 0; }
.case-study-insight__content { display: grid; grid-template-columns: minmax(0, 460px) minmax(0, 1fr); gap: clamp(32px, 6vw, 80px); align-items: start;}
.case-study-insight h2 { margin: 0; font-size: clamp(32px, 4.4vw, 48px); letter-spacing: -0.02em; color: var(--color-text); }
.case-study-insight__copy p { margin: 0 0 20px 0; color: var(--color-text-light); font-size: 18px; line-height: 1.8;}
.case-study-insight__copy p:last-child { margin-bottom: 0; }
.case-study-insight__media { margin-top: clamp(40px, 6vw, 72px);}

.case-study-services { padding: clamp(96px, 11vw, 140px) 0 clamp(72px, 9vw, 108px) 0; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); background: radial-gradient(520px 320px at 80% 0%, rgba(var(--color-accent-rgb), .14), transparent), var(--color-bg); }
.case-study-services__head h2 { margin: 0 0 40px 0; font-size: clamp(30px, 4.2vw, 46px); color: var(--color-text); text-align: center;}
.case-study-services__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.case-study-services__card { position: relative; border: 1px solid rgba(233,238,249,.08); border-radius: 22px; padding: 32px 28px; background: rgba(21,22,23,.82); box-shadow: 0 20px 40px rgba(0,0,0,.25); display: flex; flex-direction: column; gap: 18px;}
.case-study-services__card h3 { margin: 0; font-size: 20px; color: var(--color-text); letter-spacing: -0.01em; }
.case-study-services__card ul { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 10px;}
.case-study-services__card li { color: var(--color-text-light); }
.case-study-step { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(var(--color-accent-rgb), .18); color: var(--color-accent); font-weight: 700; font-size: 18px; letter-spacing: .04em;}

.case-study-quote { padding: clamp(60px, 8vw, 96px) 0; }
.case-study-quote blockquote { margin: 0; padding: clamp(36px, 5vw, 60px); border-radius: 28px; border: 1px solid rgba(233,238,249,.12); background: linear-gradient(135deg, rgba(29, 34, 48, .85), rgba(18, 20, 30, .92)); box-shadow: 0 28px 60px rgba(0,0,0,.32); text-align: center; display: flex; flex-direction: column; gap: 24px;}
.case-study-quote p { margin: 0; font-size: clamp(18px, 2.6vw, 22px); line-height: 1.8; color: var(--color-text-light); }
.case-study-quote footer { font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: rgba(233,238,249,.7); font-size: 12px;}

.case-study-challenges { padding: clamp(96px, 10vw, 140px) 0; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.case-study-challenges__head h2 { margin: 0 0 clamp(40px, 6vw, 64px) 0; font-size: clamp(32px, 4.2vw, 46px); color: var(--color-text); text-align: center;}
.case-study-challenges__list { display: flex; flex-direction: column; gap: clamp(48px, 8vw, 80px); }
.case-study-challenge { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); gap: clamp(32px, 6vw, 80px); align-items: center;}
.case-study-challenge:nth-child(even) { grid-template-columns: minmax(0, 420px) minmax(0, 1fr); }
.case-study-challenge:nth-child(even) .case-study-challenge__copy { order: 2;}
.case-study-challenge:nth-child(even) .case-study-challenge__media { order: 1; }
.case-study-challenge__copy { display: flex; flex-direction: column; gap: 18px;}
.case-study-challenge__copy h3 { margin: 0; font-size: clamp(24px, 3.6vw, 34px); color: var(--color-text); letter-spacing: -0.01em; }
.case-study-challenge__copy p { margin: 0; font-size: 18px; line-height: 1.8; color: var(--color-text-light);}
.case-study-challenge__media { min-height: 340px; }

.case-study-process { padding: clamp(96px, 11vw, 140px) 0; background: radial-gradient(520px 360px at 0% 0%, rgba(var(--color-accent-rgb), .18), transparent), var(--color-bg); border-bottom: 1px solid var(--color-border);}
.case-study-process__head { display: flex; flex-direction: column; gap: 16px; margin-bottom: clamp(40px, 6vw, 64px); max-width: 820px; }
.case-study-process__head h2 { margin: 0; font-size: clamp(32px, 4.4vw, 48px); color: var(--color-text); letter-spacing: -0.01em;}
.case-study-process__sub { margin: 0; font-size: 18px; color: rgba(233,238,249,.75); }
.case-study-process__body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); gap: clamp(36px, 6vw, 80px); align-items: start;}
.case-study-process__copy p { margin: 0 0 22px 0; color: var(--color-text-light); font-size: 18px; line-height: 1.8; }
.case-study-process__copy p:last-child { margin-bottom: 0;}
.case-study-process__gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 16px; }
.case-study-process__gallery .case-study-media { min-height: 260px;}

.case-study-results { padding: clamp(96px, 11vw, 140px) 0; border-bottom: 1px solid var(--color-border); }
.case-study-results__head h2 { margin: 0 0 clamp(40px, 6vw, 64px) 0; text-align: center; font-size: clamp(32px, 4.2vw, 46px); color: var(--color-text);}
.case-study-results__grid { display: grid; grid-template-columns: minmax(0, 360px) minmax(0, 1fr); gap: clamp(32px, 6vw, 80px); align-items: center; }
.case-study-results__metrics { display: grid; gap: 20px;}
.case-study-metric { padding: 28px; border-radius: 20px; border: 1px solid rgba(233,238,249,.1); background: rgba(18,19,22,.82); box-shadow: 0 20px 40px rgba(0,0,0,.24); display: flex; flex-direction: column; gap: 8px; }
.case-study-metric strong { font-size: clamp(34px, 5vw, 56px); color: var(--color-accent); letter-spacing: -0.02em;}
.case-study-metric span { font-size: 16px; color: rgba(233,238,249,.72); }
.case-study-results__media { min-height: 320px;}

.case-study-more { padding: clamp(96px, 11vw, 140px) 0; background: radial-gradient(540px 360px at 100% 0%, rgba(var(--color-accent-rgb), .16), transparent), var(--color-bg); border-bottom: 1px solid var(--color-border); }
.case-study-more__head h2 { margin: 0 0 clamp(40px, 6vw, 60px) 0; font-size: clamp(30px, 4vw, 44px); color: var(--color-text);}
.case-study-more__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
.case-study-more__card { border: 1px solid rgba(233,238,249,.08); border-radius: 24px; overflow: hidden; background: rgba(18,20,26,.88); box-shadow: 0 24px 46px rgba(0,0,0,.26); transition: transform .3s ease, box-shadow .3s ease;}
.case-study-more__card:hover { transform: translateY(-6px); box-shadow: 0 32px 60px rgba(0,0,0,.32); }
.case-study-more__card a { display: flex; flex-direction: column; height: 100%; color: inherit;}
.case-study-more__card .case-study-media { min-height: 220px; border-radius: 0; }
.case-study-more__info { padding: 24px 26px 28px 26px; display: flex; flex-direction: column; gap: 12px;}
.case-study-more__info h3 { margin: 0; font-size: 20px; color: var(--color-text); }
.case-study-more__info p { margin: 0; color: var(--color-text-light); font-size: 16px; line-height: 1.6;}

.case-study-cta { position: relative; padding: clamp(96px, 10vw, 140px) 0; overflow: hidden; }
.case-study-cta::before { content: ""; position: absolute; inset: 0; background-image: var(--case-cta-image); background-size: cover; background-position: center; filter: brightness(.35);}
.case-study-cta__overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(10,14,24,.9) 0%, rgba(10,14,24,.76) 52%, rgba(47,112,255,.32) 100%); z-index: 1; }
.case-study-cta__content { position: relative; z-index: 2; max-width: 720px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; gap: 20px; color: var(--color-accent-contrast);}
.case-study-cta__content h2 { margin: 0; font-size: clamp(32px, 4.4vw, 48px); letter-spacing: -0.01em; }
.case-study-cta__content p { margin: 0; font-size: 18px; line-height: 1.7; color: rgba(255,255,255,.78);}
.case-study-cta__content .btn-primary { align-self: center; margin-top: 8px; }

@media (max-width: 1024px) {
  .case-study-about__content,
  .case-study-insight__content,
  .case-study-challenge,
  .case-study-process__body,
  .case-study-results__grid { grid-template-columns: 1fr;}
  .case-study-challenge:nth-child(even) .case-study-challenge__copy,
  .case-study-challenge:nth-child(even) .case-study-challenge__media { order: initial; }
  .case-study-results__metrics { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}
}

@media (max-width: 768px) {
  .case-study-hero { padding: 120px 0 120px 0;}
  .case-study-about .container {gap: 32px;}
  .case-study-about__facts { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));}
  .case-study-services__card { padding: 26px 24px; }
  .case-study-quote blockquote { padding: 28px 24px; border-radius: 22px;}
  .case-study-challenges__list { gap: 48px; }
  .case-study-process__gallery { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));}
  .case-study-results__grid { gap: 32px; }
  .case-study-more__grid { grid-template-columns: 1fr;}
}

@media (max-width: 540px) {
  .case-study-hero h1 { font-size: clamp(32px, 10vw, 42px);}
  .case-study-hero__subtitle { font-size: 16px; }
  .case-study-step { width: 40px; height: 40px; font-size: 16px;}
  .case-study-services__grid { grid-template-columns: 1fr; }
  .case-study-media { min-height: 220px;}
}


/* Generic texture hero (reusable) */
.hero-texture {
  position: relative;
  padding: clamp(72px, 14vw, 120px) 0 clamp(36px, 8vw, 64px) 0;
  color: var(--color-text);
  background-color: var(--color-bg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
}
.hero-texture.is-local { background-attachment: scroll; }
.hero-texture-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(24px, 5vw, 48px); align-items: center;}
.hero-texture-left { display: flex; flex-direction: column; gap: 16px; }
.hero-texture-left h1 { margin: 0; font-size: clamp(34px, 5vw, 56px); letter-spacing: -0.02em;}
.hero-texture-lead { margin: 0; font-size: 18px; line-height: 1.7; color: var(--color-text-light); }
.hero-texture-right { justify-self: end;}
.hero-texture-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 3vw, 24px); }
.hero-texture-metric { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 18px; padding: 18px; text-align: center;}
.hero-texture-stat { font-size: clamp(26px, 4.6vw, 40px); font-weight: 800; letter-spacing: -0.02em; color: var(--color-text); }
.hero-texture-label { font-size: 14px; color: var(--color-text-light);}
@media (max-width: 960px){ .hero-texture-grid { grid-template-columns: 1fr; } .hero-texture-right { justify-self: start; } }

/* Healthcare industry hero */
.hero-healthcare {
  position: relative;
  isolation: isolate;
  padding: clamp(96px, 15vw, 160px) 0 clamp(80px, 12vw, 132px);
  color: var(--color-text-dark);
  background-color: #f6efd9;
  background-image: var(--hero-healthcare-texture, linear-gradient(180deg, rgba(252,247,236,0.96) 2%, rgba(244,229,196,0.92) 98%));
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
}
.hero-healthcare::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%);
  pointer-events: none;
  z-index: -1;
}
.hero-healthcare .container {position: relative; z-index: 1;}
.hc-hero{
  position: relative;
  background: #08090e;
  color: #fff;
  overflow: hidden;
}
.hc-hero-bg{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 70% 50% at 70% 0%, rgba(11,92,255,.18) 0%, transparent 70%),
    radial-gradient(ellipse 50% 60% at 0% 100%, rgba(11,92,255,.10) 0%, transparent 60%);
  pointer-events: none;
}
.hc-hero-bg-grain{
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 200px;
  opacity: .5;
}
.hc-hero .container{
  position: relative;
  z-index: 2;
  padding-top: clamp(100px, 12vw, 160px);
  padding-bottom: clamp(60px, 8vw, 100px);
}
.hc-hero-inner{
  max-width: 780px;
}
.hc-hero-badge{
  display: inline-flex;
  align-items: center;
  padding: 6px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  color: rgba(255,255,255,.7);
  margin-bottom: 28px;
}
.hc-hero-title{
  margin: 0;
  font-size: clamp(40px, 5.4vw, 68px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  font-weight: 800;
  color: #fff;
}
.hc-hero-copy{
  margin: 24px 0 0;
  max-width: 600px;
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255,255,255,.6);
}
.hc-hero-actions{
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
}
.hc-hero-cta-primary{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 32px;
  border-radius: 12px;
  background: #0b5cff;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  text-decoration: none;
  box-shadow: 0 12px 32px rgba(11,92,255,.35);
  transition: filter .2s ease, box-shadow .2s ease;
}
.hc-hero-cta-primary:hover{
  filter: brightness(1.08);
  box-shadow: 0 16px 40px rgba(11,92,255,.45);
}
.hc-hero-cta-secondary{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 28px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.15);
  background: transparent;
  color: rgba(255,255,255,.85);
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  transition: border-color .2s ease, color .2s ease;
}
.hc-hero-cta-secondary:hover{
  border-color: rgba(255,255,255,.35);
  color: #fff;
}
.hc-hero-stats-bar{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin-top: clamp(56px, 7vw, 80px);
  border-top: 1px solid rgba(255,255,255,.10);
  padding-top: clamp(28px, 4vw, 44px);
}
.hc-hero-stat-item{
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: 20px;
  position: relative;
}
.hc-hero-stat-item + .hc-hero-stat-item{
  padding-left: 20px;
  border-left: 1px solid rgba(255,255,255,.10);
}
.hc-hero-stat{
  font-size: clamp(28px, 3.2vw, 40px);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff;
  line-height: 1;
}
.hc-hero-stat-label{
  font-size: 14px;
  line-height: 1.4;
  color: rgba(255,255,255,.5);
  white-space: pre-line;
}
.hc-hero-inner,
.hc-hero-stats-bar{
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 700ms ease, transform 700ms ease;
}
.hc-hero-stats-bar{ transition-delay: 150ms; }
.hc-hero.is-inview .hc-hero-inner,
.hc-hero.is-inview .hc-hero-stats-bar{
  opacity: 1;
  transform: translateY(0);
}
.hc-hero-strip-cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 28px;
  border-radius: 10px;
  background: #0b5cff;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.hc-page-shell{
  width: 100%;
  position: relative;
  padding: clamp(44px, 7vw, 72px) clamp(20px, 4vw, 64px);
  background-color: #f6efd9;
  background-image: url("/images/assets-ext/healthcare-services-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hc-page-shell::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(246,239,217,.78) 0%, rgba(246,239,217,.58) 55%, rgba(246,239,217,.78) 100%);
  pointer-events: none;
}
.hc-page{
  width: 100%;
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 26px;
  padding: clamp(22px, 4vw, 44px);
  display: grid;
  grid-template-columns: calc(75% - 40px) 25%;
  gap: 40px;
  align-items: start;
}
.hc-page-main{ min-width: 0; padding-right: clamp(18px, 2.2vw, 34px); display: flex; flex-direction: column; gap: clamp(34px, 4.5vw, 54px); }
.hc-page-toc{ position: sticky; top: 120px; align-self: start;}
.hc-toc-card{ background: #f7f7f7; border-radius: 24px; border: 0; border-top: 2px solid #0b5cff; padding: 34px 28px; box-shadow: 0 24px 46px rgba(15, 23, 42, 0.08); display: flex; flex-direction: column; gap: 22px; }
.hc-toc-card h2{ margin: 0; font-size: 26px; letter-spacing: -0.01em; color: #000; font-weight: 700; text-transform: none;}
.hc-toc-nav ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 18px; position: relative; }
.hc-toc-link{ display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: 16px; color: rgba(0,0,0,.70); text-decoration: none; transform: translateX(0); transition: transform 220ms ease, color 220ms ease;}
.hc-toc-link:hover{ color: #000; }
.hc-toc-icon{ width: 22px; height: 22px; border-radius: 50%; background: #0b5cff; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 22px;}
.hc-toc-nav li.is-active .hc-toc-link{ color: rgba(0,0,0,.75); transform: translateX(32px); }

.hc-toc-indicator{ position: absolute; left: 0; top: 0; width: 22px; height: 22px; border-radius: 50%; background: #0b5cff; display: inline-flex; align-items: center; justify-content: center; transform: translateY(0); transition: transform 220ms ease, opacity 220ms ease; opacity: 0; pointer-events: none; list-style: none; margin: 0; padding: 0;}
.hc-toc-indicator svg{ display: block; }
.hc-toc-nav ul.has-active-indicator .hc-toc-indicator{ opacity: 1;}

.hc-page-main > section{ padding-block: clamp(26px, 4vw, 44px); margin: 0; }

.hc-service-section{ padding: 20px 0;}
.hc-service-head{ display: flex; flex-direction: column; gap: 14px; max-width: 780px; padding: 10px 0 28px; }
.hc-service-head h2{ margin: 0; font-size: 44px; line-height: 1.18; letter-spacing: -0.015em; font-weight: 800; color: #000;}
.hc-service-head p{ margin: 0; font-size: 18px; line-height: 1.7; color: rgba(0,0,0,.75); }

.hc-accordion{ display: flex; flex-direction: column; gap: 16px;}
.hc-accordion-item{ background: #f3f3f3; border-radius: 18px; overflow: hidden; }
.hc-accordion-trigger{ width: 100%; border: 0; background: transparent; padding: 26px 26px; display: flex; align-items: center; justify-content: space-between; gap: 18px; cursor: pointer; text-align: left;}
.hc-accordion-title{ font-size: 20px; font-weight: 800; letter-spacing: -0.01em; color: #000; }
.hc-accordion-icon{ width: 22px; height: 22px; position: relative; flex: 0 0 22px;}
.hc-accordion-icon::before,
.hc-accordion-icon::after{ content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 3px; background: #0b5cff; border-radius: 999px; transform: translateY(-50%); transition: transform 300ms ease, opacity 300ms ease; }
.hc-accordion-icon::after{ transform: translateY(-50%) rotate(90deg);}
.hc-accordion-item.is-open .hc-accordion-icon::after{ opacity: 0; transform: translateY(-50%) rotate(0deg); }

.hc-accordion-panel{ max-height: 0; overflow: hidden; opacity: 0; transition: max-height 420ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 300ms ease;}
.hc-accordion-item.is-open .hc-accordion-panel{ opacity: 1; }
.hc-accordion-panel p{ margin: 0; padding: 0 26px 26px; font-size: 16px; line-height: 1.75; color: rgba(0,0,0,.78);}

.hc-solutions{ padding: 20px 0; }
.hc-solutions-panel{
  background: #0b0b0c;
  border-radius: 26px;
  border-top: 6px solid #0b5cff;
  padding: clamp(28px, 4.8vw, 56px);
  box-shadow: none;
}
.hc-solutions-title{ margin: 0; font-size: 44px; line-height: 1.18; letter-spacing: -0.015em; font-weight: 800; color: #fff; }
.hc-solutions-copy{ margin: 14px 0 0; font-size: 16px; line-height: 1.75; color: rgba(255,255,255,.74); max-width: 980px;}
.hc-solutions-grid{ margin-top: clamp(26px, 4.5vw, 44px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(18px, 3.6vw, 30px); }

.hc-solutions-card{
  background: transparent;
  border-radius: 22px;
  padding: clamp(20px, 3.6vw, 34px);
  border: 1px solid rgba(255,255,255,.08);
}
.hc-solutions-card-head{ display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 18px; align-items: center; margin-bottom: 20px; }
.hc-solutions-card-icon{ width: 64px; height: 64px; border-radius: 14px; border: 1px solid rgba(255,255,255,.16); display: inline-flex; align-items: center; justify-content: center; color: rgba(255,255,255,.9);}
.hc-solutions-card-titles{ display: flex; flex-direction: column; gap: 6px; }
.hc-solutions-card-kicker{ font-size: 14px; font-weight: 700; color: rgba(255,255,255,.78);}
.hc-solutions-card-title{ margin: 0; font-size: 20px; font-weight: 800; letter-spacing: -0.01em; color: #fff; }

.hc-solutions-list{ list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 16px;}
.hc-solutions-list li{ display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 14px; align-items: start; color: rgba(255,255,255,.88); font-weight: 600; }
.hc-solutions-check{ width: 22px; height: 22px; border-radius: 50%; background: #0b5cff; display: inline-flex; align-items: center; justify-content: center; margin-top: 1px;}
.hc-solutions-check::before{
  content: "";
  width: 10px;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  margin-top: -1px;
}

.hc-sectors{ margin-top: clamp(26px, 5vw, 44px); padding: clamp(26px, 4.8vw, 44px); background: #fffaf0; border-radius: 26px; border-top: 4px solid #ff8a00; }
.hc-sectors-head{ max-width: 980px; display: grid; gap: 14px;}
.hc-sectors-head h2{ margin: 0; font-size: 44px; line-height: 1.18; letter-spacing: -0.015em; font-weight: 800; color: #000; }
.hc-sectors-head p{ margin: 0; font-size: 16px; line-height: 1.75; color: rgba(0,0,0,.78);}

.hc-sectors-body{ margin-top: clamp(22px, 3.8vw, 34px); display: grid; grid-template-columns: 38% 62%; gap: 22px; align-items: start; }
.hc-sectors-tabs{ display: flex; flex-direction: column; gap: 14px; max-height: 360px; overflow-y: auto; overscroll-behavior: contain; padding-right: 10px; scrollbar-width: thin; scrollbar-color: rgba(0,0,0,.85) rgba(0,0,0,.14);}
.hc-sectors-tabs::-webkit-scrollbar{ width: 4px; }
.hc-sectors-tabs::-webkit-scrollbar-track{ background: rgba(0,0,0,.14); border-radius: 999px;}
.hc-sectors-tabs::-webkit-scrollbar-track-piece{ background: rgba(0,0,0,.14); border-radius: 999px; }
.hc-sectors-tabs::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.85); border-radius: 999px;}
.hc-sectors-tabs::-webkit-scrollbar-thumb:hover{ background: rgba(0,0,0,.95); }
.hc-sectors-tabs::-webkit-scrollbar-button{ width: 0; height: 0; display: none;}
.hc-sectors-tabs::-webkit-scrollbar-corner{ background: transparent; }

.hc-sectors-tab{ width: 100%; text-align: left; padding: 18px 18px; border: none; background: transparent; color: rgba(0,0,0,.62); font-weight: 700; font-size: 16px; cursor: pointer; transition: background .2s ease, color .2s ease, box-shadow .2s ease; border-radius: 14px;}
.hc-sectors-tab.is-active{ background: linear-gradient(90deg, #f9ecd3 0%, #fffaf0 100%); color: #000; box-shadow: inset 3px 0 0 #0b5cff; border-radius: 0; }

.hc-sectors-divider{ display: none;}
.hc-sectors-panels{ width: 100%; }
.hc-sectors-panel{ display: none;}
.hc-sectors-panel.is-active{ display: block; }

.hc-sectors-card{ background: #fcf3e1; border-radius: 18px; padding: clamp(22px, 3.8vw, 34px); box-shadow: none;}
.hc-sectors-card h3{ margin: 0 0 10px; font-size: 22px; font-weight: 800; letter-spacing: -0.01em; color: #000; }
.hc-sectors-card p{ margin: 0; font-size: 16px; line-height: 1.75; color: rgba(0,0,0,.78);}

.hc-compliances{ margin-top: clamp(26px, 5vw, 44px); padding: 20px 0; }
.hc-compliances-head{ display: flex; flex-direction: column; gap: 14px; max-width: 980px; padding: 10px 0 28px;}
.hc-compliances-head h2{ margin: 0; font-size: 44px; line-height: 1.18; letter-spacing: -0.015em; font-weight: 800; color: #000; }
.hc-compliances-head p{ margin: 0; font-size: 16px; line-height: 1.75; color: rgba(0,0,0,.75);}

@media (max-width: 680px){
  .hc-compliances-head h2{ font-size: 34px;}
}

.hc-mid-cta{
  background: #deffb3 url(/images/assets-ext/mid-cta.webp) no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  width: 100%;
  height: 278px;
  padding: 4rem 15px;
  margin: 6rem 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.hc-mid-cta-inner{ max-width: 820px; display: flex; flex-direction: column; align-items: center; gap: 22px; }
.hc-mid-cta-inner h2{ margin: 0; font-size: 30px; line-height: 1.25; letter-spacing: -0.01em; font-weight: 800; color: #0b0b0c;}
.hc-mid-cta-btn{ display: inline-flex; align-items: center; justify-content: center; padding: 14px 28px; border-radius: 12px; background: #0b5cff; color: #fff; font-weight: 800; text-decoration: none; box-shadow: 0 14px 26px rgba(11, 92, 255, 0.25); }
.hc-mid-cta-btn:hover{ filter: brightness(0.96);}

@media (max-width: 680px){
  .hc-mid-cta{ height: auto; padding: 44px 18px;}
  .hc-mid-cta-inner h2{ font-size: 24px; }
}

.hc-tech{ padding: 10px 0 0; }
.hc-tech-grid{ display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(26px, 4.2vw, 44px); align-items: start;}
.hc-tech-left{ position: sticky; top: 120px; align-self: start; }
.hc-tech-left h2{ margin: 0; font-size: clamp(34px, 4.2vw, 52px); line-height: 1.14; letter-spacing: -0.03em; font-weight: 700; color: #0b0b0c;}
.hc-tech-left p{ margin: 18px 0 0; font-size: 16px; line-height: 1.75; color: rgba(0,0,0,.74); max-width: 520px; }

.hc-tech-cta{
  margin-top: 26px;
  border-radius: 16px;
  padding: 18px 18px;
  background: #deffb3 url(/images/assets-ext/mid-cta.webp) no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.hc-tech-cta p{ margin: 0; font-size: 14px; font-weight: 800; color: #0b0b0c; max-width: 260px; }
.hc-tech-cta-btn{ display: inline-flex; align-items: center; justify-content: center; padding: 12px 22px; border-radius: 12px; background: #0b5cff; color: #fff; font-weight: 900; text-decoration: none; box-shadow: 0 14px 26px rgba(11, 92, 255, 0.25); white-space: nowrap;}
.hc-tech-cta-btn:hover{ filter: brightness(0.96); }

.hc-tech-right{ padding-right: 0;}

.hc-tech-item{ padding: 26px 0; border-top: 1px solid rgba(0,0,0,.10); }
.hc-tech-item + .hc-tech-item{ margin-top: clamp(22px, 4vw, 44px);}
.hc-tech-item:first-child{ border-top: 1px solid rgba(0,0,0,.10); }
.hc-tech-item-head{ display: flex; align-items: center; gap: 14px; margin: 0;}
.hc-tech-icon{ width: 36px; height: 36px; border-radius: 12px; background: #f3f4f6; color: #0b0b0c; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; }
.hc-tech-icon svg{ width: 20px; height: 20px; stroke: currentColor;}
.hc-tech-item h3{ margin: 0; font-size: 20px; font-weight: 900; letter-spacing: -0.01em; color: #0b0b0c; }
.hc-tech-item p{ margin: 16px 0 0; font-size: 16px; line-height: 1.75; color: rgba(0,0,0,.74); margin-left: 50px;}
.hc-tech-item a{ color: #0b5cff; font-weight: 700; text-decoration: none; }
.hc-tech-item a:hover{ text-decoration: underline;}

@media (max-width: 1024px){
  .hc-tech-grid{ grid-template-columns: minmax(0, 1fr);}
  .hc-tech-left{ position: static; }
  .hc-tech-right{ padding-right: 0;}
}

@media (max-width: 680px){
  .hc-tech-cta{ flex-direction: column; align-items: flex-start;}
  .hc-tech-left h2{ font-size: 34px; }
}

@media (max-width: 900px){
  .hc-solutions-grid{ grid-template-columns: minmax(0, 1fr);}
}

@media (max-width: 960px){
  .hc-sectors-body{ grid-template-columns: minmax(0, 1fr);}
  .hc-sectors-divider{ display: none; }
  .hc-sectors-tabs{ max-height: none; overflow-y: visible; padding-right: 0;}
}

@media (max-width: 1199px){
  .hc-page{ grid-template-columns: minmax(0, 1fr);}
  .hc-page-toc{ position: static; order: -1; top: auto; }
}
.hc-hero-strip-cta:hover{ filter: brightness(0.96); }
@media (max-width: 980px){
  .hc-hero-stats-bar{ grid-template-columns: repeat(2, 1fr); gap: 28px 0; }
  .hc-hero-stat-item:nth-child(3){ border-left: none; padding-left: 0; }
}
@media (max-width: 560px){
  .hc-hero-stats-bar{ grid-template-columns: 1fr 1fr; gap: 24px 0; }
  .hc-hero-actions{ flex-direction: column; align-items: stretch; }
  .hc-hero-cta-primary,
  .hc-hero-cta-secondary{ text-align: center; }
}
.hero-healthcare-frame {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(32px, 6vw, 88px);
  padding: clamp(48px, 7vw, 80px) clamp(32px, 6vw, 72px);
  border-top: 1px solid rgba(17, 17, 17, 0.16);
  border-bottom: 1px solid rgba(17, 17, 17, 0.16);
  background-color: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(2px);
}
.hero-healthcare-frame::before,
.hero-healthcare-frame::after,
.hero-healthcare-main::before,
.hero-healthcare-main::after,
.hero-healthcare-metrics::before,
.hero-healthcare-metrics::after {
  content: "";
  position: absolute;
  background: rgba(17, 17, 17, 0.12);
  pointer-events: none;
}
.hero-healthcare-frame::before,
.hero-healthcare-frame::after {
  top: clamp(12px, 4vw, 36px);
  bottom: clamp(12px, 4vw, 36px);
  width: 1px;
}
.hero-healthcare-frame::before { left: clamp(24px, 6vw, 64px); }
.hero-healthcare-frame::after { right: clamp(24px, 6vw, 64px); opacity: 0.6;}
.hero-healthcare-main::before {
  left: 0;
  right: 0;
  top: -24px;
  height: 1px;
}
.hero-healthcare-main::after {
  left: 0;
  right: calc(-1 * clamp(32px, 5vw, 48px));
  bottom: -32px;
  height: 1px;
}

.hero-healthcare-main::before,
.hero-healthcare-main::after {
  opacity: 0.4;
}
.hero-healthcare-metrics {
  position: relative;
  align-self: center;
}
.hero-healthcare-metrics::before,
.hero-healthcare-metrics::after {
  top: -32px;
  bottom: -32px;
  width: 1px;
  opacity: 0.4;
}
.hero-healthcare-metrics::before { left: -24px; }
.hero-healthcare-metrics::after { right: -24px;}
.hero-healthcare-main {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: clamp(18px, 3vw, 32px);
}
.hero-healthcare-main h1 {
  margin: 0;
  font-size: clamp(36px, 5.4vw, 62px);
  line-height: 1.05;
  letter-spacing: -0.015em;
  color: #111111;
}
.hero-healthcare-lead {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 18px;
  font-size: 18px;
  line-height: 1.7;
  color: rgba(17, 17, 17, 0.68);
  margin: 0;
}
.hero-healthcare-lead-bar {
  display: block;
  width: 2px;
  background: rgba(17, 17, 17, 0.26);
}
.hero-healthcare-lead p {
  margin: 0;
}
.hero-healthcare-metrics-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 4vw, 36px) clamp(24px, 5vw, 52px);
}
.hero-healthcare-metric {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: clamp(12px, 3vw, 24px);
}
.hero-healthcare-metric::after {
  content: "";
  position: absolute;
  right: -clamp(12px, 3vw, 24px);
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: rgba(17, 17, 17, 0.16);
  opacity: 0.6;
}
.hero-healthcare-metric:nth-child(2n)::after { opacity: 0; }
.hero-healthcare-metric:nth-child(-n + 2) {
  border-bottom: 1px solid rgba(17, 17, 17, 0.12);
  padding-bottom: clamp(20px, 4vw, 36px);
}
.hero-healthcare-metric:nth-child(n + 3) { padding-top: clamp(20px, 4vw, 36px); }
.hero-healthcare-stat {
  font-size: clamp(28px, 4.4vw, 46px);
  font-weight: 800;
  letter-spacing: -0.015em;
  color: #111111;
}
.hero-healthcare-label {
  font-size: 16px;
  line-height: 1.6;
  color: rgba(17, 17, 17, 0.58);
}
@media (max-width: 1040px) {
  .hero-healthcare-frame {
    grid-template-columns: 1fr;
    gap: clamp(40px, 10vw, 64px);
}
  .hero-healthcare-frame::before,
  .hero-healthcare-frame::after,
  .hero-healthcare-metrics::before,
  .hero-healthcare-metrics::after {
    display: none;
}
  .hero-healthcare-metric::after {
    display: none;
}
  .hero-healthcare-metric:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(17, 17, 17, 0.12);
}
}
@media (max-width: 640px) {
  .hero-healthcare {
    padding: clamp(72px, 18vw, 104px) 0 clamp(56px, 16vw, 88px);
    background-attachment: scroll;
}
  .hero-healthcare-frame {
    padding: clamp(32px, 10vw, 44px) clamp(20px, 8vw, 32px);
}
  .hero-healthcare-lead {
    grid-template-columns: 1fr;
    gap: 12px;
}
  .hero-healthcare-lead-bar {
    width: 36px;
    height: 2px;
}
  .hero-healthcare-metrics-grid {
    grid-template-columns: 1fr;
    gap: clamp(18px, 8vw, 28px);
}
  .hero-healthcare-metric {
    border-bottom: 1px solid rgba(17, 17, 17, 0.12);
    padding-top: 0;
    padding-bottom: clamp(18px, 7vw, 28px);
}
  .hero-healthcare-metric:last-child { border-bottom: none; }
}

/* Healthcare industry sections */
.healthcare-section {
  padding: clamp(88px, 16vw, 140px) 0;
  background: linear-gradient(180deg, rgba(255, 244, 220, 0.18) 0%, rgba(255, 255, 255, 0) 40%), #fdfbf4;
  color: #111111;
}
.healthcare-section + .healthcare-section { border-top: 1px solid rgba(17, 17, 17, 0.07); }
.healthcare-section--dark {
  background: radial-gradient(120% 120% at 50% 0%, rgba(15, 46, 152, 0.25) 0%, rgba(3, 8, 25, 0.9) 65%), #05060f;
  color: #f0f4ff;
}
.healthcare-section--pane { background: linear-gradient(180deg, rgba(255, 199, 92, 0.18) 0%, rgba(255, 255, 255, 0) 70%), #fdf7e6; }
.healthcare-section--compliance { background: #ffffff;}
.healthcare-section-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(32px, 6vw, 64px); align-items: start; }
.healthcare-section-content { display: flex; flex-direction: column; gap: clamp(28px, 6vw, 40px);}
.healthcare-section-head { display: flex; flex-direction: column; gap: clamp(16px, 4vw, 20px); max-width: 760px; }
.healthcare-section-head h2 { margin: 0; font-size: clamp(32px, 5vw, 44px); letter-spacing: -0.015em;}
.healthcare-section-head p { margin: 0; font-size: 18px; line-height: 1.7; color: rgba(17, 17, 17, 0.68); }
.healthcare-section--dark .healthcare-section-head p { color: rgba(240, 244, 255, 0.72);}
.healthcare-section--dark .healthcare-section-head h2 { color: #f8fbff; }
.healthcare-section--pane .healthcare-section-head p { color: rgba(17, 17, 17, 0.7);}
.healthcare-section--compliance .healthcare-section-head p { color: rgba(17,17,17,0.68); }

.healthcare-page { position: relative;}
.healthcare-page-main { position: relative; z-index: 0; }
.healthcare-toc {
  position: fixed;
  top: 50%;
  right: max(16px, calc((100vw - 1360px) / 2 + 8px));
  width: clamp(220px, 18vw, 280px);
  z-index: 30;
  opacity: 0;
  pointer-events: none;
  transform: translateY(calc(-50% + 16px));
  transition: opacity .25s ease, transform .25s ease;
}
.healthcare-toc.is-visible { opacity: 1; pointer-events: auto; transform: translateY(-50%); }
.healthcare-toc-card { position: relative; background: #f6f8fb; border-radius: 24px; border: 1px solid rgba(15, 23, 42, 0.08); padding: 26px 24px; box-shadow: 0 24px 46px rgba(15, 23, 42, 0.08); display: flex; flex-direction: column; gap: 18px;}
.healthcare-toc-card h2 { margin: 0; font-size: 15px; text-transform: uppercase; letter-spacing: 0.14em; color: rgba(15, 23, 42, 0.58); font-weight: 800; }
.healthcare-toc-nav ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px;}
.healthcare-toc-nav li { display: flex; }
.healthcare-toc-nav a { display: inline-flex; align-items: center; gap: 12px; font-weight: 600; font-size: 15px; color: rgba(15, 23, 42, 0.72); text-decoration: none; transition: color .2s ease;}
.healthcare-toc-dot { width: 9px; height: 9px; border-radius: 50%; background: rgba(37, 99, 235, 0.25); box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.45); transition: background .2s ease, transform .2s ease; }
.healthcare-toc-nav a:hover .healthcare-toc-dot { transform: scale(1.15); background: rgba(37, 99, 235, 0.5);}
.healthcare-toc-nav li.is-active a { color: #1d4ed8; }
.healthcare-toc-nav li.is-active .healthcare-toc-dot { background: #2563eb; box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.15);}
.healthcare-toc-nav li.is-active a::after { content: ""; display: inline-block; margin-left: auto; width: 18px; height: 18px; border-radius: 50%; background: linear-gradient(135deg, #2563eb, #60a5fa); box-shadow: 0 10px 20px rgba(37,99,235,0.35); }
.healthcare-toc-label { display: inline-flex; align-items: center; gap: 6px;}



@media (max-width: 1199px) {
  .healthcare-toc {
    position: static;
    width: auto;
    max-width: 420px;
    margin: 0 auto clamp(32px, 8vw, 48px);
    opacity: 1;
    pointer-events: auto;
    transform: none;
}
  .healthcare-page { padding-right: 0; }
}

.healthcare-accordion { display: flex; flex-direction: column; gap: clamp(14px, 3vw, 20px); }
.healthcare-accordion-item { background: #ffffff; border-radius: 22px; border: 1px solid rgba(17, 17, 17, 0.08); box-shadow: 0 18px 38px rgba(17, 17, 17, 0.06); overflow: hidden; transition: border-color .2s ease, box-shadow .2s ease;}
.healthcare-accordion-item.is-open { border-color: rgba(37, 99, 235, 0.45); box-shadow: 0 24px 48px rgba(37, 99, 235, 0.12); }
.healthcare-accordion-trigger { width: 100%; border: none; background: transparent; padding: clamp(22px, 5vw, 30px); display: flex; align-items: center; justify-content: space-between; gap: 24px; font-size: 18px; font-weight: 700; color: #111111; cursor: pointer; text-align: left;}
.healthcare-accordion-trigger:focus-visible { outline: 2px solid #2563eb; outline-offset: 6px; }
.healthcare-accordion-icon { width: 24px; height: 24px; position: relative; flex-shrink: 0;}
.healthcare-accordion-icon::before,
.healthcare-accordion-icon::after { content: ""; position: absolute; inset: 50% 0 auto 0; width: 100%; height: 2px; background: #2563eb; border-radius: 999px; transform: translateY(-50%); transition: transform .2s ease; }
.healthcare-accordion-icon::after { transform: translateY(-50%) rotate(90deg);}
.healthcare-accordion-item.is-open .healthcare-accordion-icon::after { transform: translateY(-50%) rotate(180deg); }
.healthcare-accordion-body { padding: 0 clamp(22px, 5vw, 30px) clamp(22px, 5vw, 32px); border-top: 1px solid rgba(17, 17, 17, 0.08);}
.healthcare-accordion-body p { margin: 16px 0 0; font-size: 16px; line-height: 1.7; color: rgba(17, 17, 17, 0.72); }

.healthcare-section--dark .healthcare-section-grid { align-items: stretch;}
.healthcare-solutions-card { position: relative; display: flex; flex-direction: column; gap: clamp(28px, 5vw, 40px); padding: clamp(36px, 7vw, 56px); border-radius: 32px; background: linear-gradient(180deg, rgba(15, 46, 152, 0.45) 0%, rgba(5, 10, 28, 0.85) 100%); border: 1px solid rgba(96, 165, 250, 0.25); box-shadow: 0 40px 80px rgba(2, 6, 23, 0.6); color: #e9f1ff; }
.healthcare-solutions-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; border-top: 4px solid #2563eb; pointer-events: none; opacity: 0.65;}
.healthcare-solutions-head { display: flex; flex-direction: column; gap: 18px; max-width: 760px; }
.healthcare-solutions-head h2 { margin: 0; font-size: clamp(32px, 4.6vw, 48px); letter-spacing: -0.015em; color: #f8fbff;}
.healthcare-solutions-head p { margin: 0; font-size: 17px; line-height: 1.7; color: rgba(233, 241, 255, 0.74); }
.healthcare-solutions-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 4vw, 32px);}
.healthcare-solutions-column { background: rgba(8, 15, 34, 0.78); border: 1px solid rgba(96, 165, 250, 0.15); border-radius: 24px; padding: clamp(24px, 4vw, 32px); display: flex; flex-direction: column; gap: 20px; }
.healthcare-solutions-column-head { display: flex; align-items: center; gap: 16px;}
.healthcare-card-icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: rgba(37, 99, 235, 0.25); border: 1px solid rgba(96, 165, 250, 0.45); backdrop-filter: blur(6px); }
.healthcare-solutions-column-head h3 { margin: 0; font-size: 18px; font-weight: 700; color: #f1f5ff;}
.healthcare-solutions-column ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.healthcare-solutions-column li { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 12px; font-size: 15px; line-height: 1.6; color: rgba(227, 237, 255, 0.85);}
.healthcare-list-check { width: 18px; height: 18px; border-radius: 50%; background: linear-gradient(135deg, #1d4ed8, #60a5fa); box-shadow: 0 8px 16px rgba(37, 99, 235, 0.35); position: relative; margin-top: 3px; }
.healthcare-list-check::before { content: ""; position: absolute; top: 45%; left: 52%; width: 6px; height: 10px; border: 2px solid #f8fbff; border-top: 0; border-left: 0; transform: translate(-50%, -50%) rotate(45deg);}

.healthcare-why-partner { padding: clamp(88px, 16vw, 140px) 0; background: linear-gradient(180deg, rgba(248, 245, 239, 0.75) 0%, rgba(255, 255, 255, 0.95) 100%); }
.healthcare-why-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(40px, 8vw, 84px); align-items: start;}
.healthcare-why-media { position: relative; }
.healthcare-why-media-frame { border-radius: 28px; overflow: hidden; box-shadow: 0 40px 80px rgba(15, 23, 42, 0.12); background: linear-gradient(135deg, rgba(37, 99, 235, 0.18), rgba(96, 165, 250, 0.08)); padding: 12px;}
.healthcare-why-media-frame img { width: 100%; height: auto; display: block; border-radius: 20px; object-fit: cover; }
.healthcare-why-content { display: flex; flex-direction: column; gap: clamp(20px, 5vw, 32px);}
.healthcare-why-content h2 { margin: 0; font-size: clamp(32px, 5.4vw, 46px); letter-spacing: -0.015em; }
.healthcare-why-intro { margin: 0; font-size: 18px; line-height: 1.7; color: rgba(17, 24, 39, 0.7);}
.healthcare-why-list { display: grid; gap: clamp(18px, 4vw, 24px); }
.healthcare-why-card { display: grid; grid-template-columns: auto 1fr; gap: 16px; padding: clamp(16px, 4vw, 24px); border-radius: 20px; background: #ffffff; border: 1px solid rgba(17, 24, 39, 0.08); box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08); align-items: start; opacity: 0.32; transition: opacity .18s ease;}
.healthcare-why-card.is-active { opacity: 1; }
.healthcare-why-card h3 { margin: 0 0 8px 0; font-size: 20px; letter-spacing: -0.01em;}
.healthcare-why-card p { margin: 0; font-size: 16px; line-height: 1.65; color: rgba(17, 24, 39, 0.72); }
.healthcare-why-icon { display: inline-flex; width: 44px; height: 44px; border-radius: 14px; background: rgba(37, 99, 235, 0.12); align-items: center; justify-content: center;}
.healthcare-why-icon img { width: 24px; height: 24px; object-fit: contain; }

@media (min-width: 1024px) {
  .healthcare-why-media-frame { position: sticky; top: 120px;}
  .healthcare-why-list[data-healthcare-why-scroll] { max-height: min(72vh, 560px); overflow: auto; padding-right: 10px; scroll-behavior: smooth; }
}

@media (prefers-reduced-motion: reduce) {
  .healthcare-why-list[data-healthcare-why-scroll] { scroll-behavior: auto;}
  .healthcare-why-card { transition: none; }
}

 .sticky-media-tabs{ padding: clamp(88px, 16vw, 140px) 0; background: #fff; }
 .sticky-media-tabs-head{ max-width: 980px; margin: 0 auto clamp(34px, 6vw, 54px);}
 .sticky-media-tabs-title{ margin:0; font-size: clamp(32px, 5.4vw, 46px); letter-spacing:-0.015em; color:#111827; }
 .sticky-media-tabs-intro{ margin: 14px 0 0; font-size:18px; line-height:1.7; color: rgba(17, 24, 39, 0.7);}

 .sticky-media-tabs-grid{ display:grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(40px, 8vw, 84px); align-items:start; }
 .sticky-media-tabs-media{ border-radius: 22px; overflow:hidden; box-shadow: 0 30px 70px rgba(15, 23, 42, 0.12); background: #f3f4f6;}
 .sticky-media-tabs-media img{ width:100%; height:auto; display:block; aspect-ratio: 1 / 1; object-fit: cover; }

 .sticky-media-tabs-list{ display:flex; flex-direction:column;}
 .sticky-media-tabs-tab{
   width:100%;
   border: 0;
   background: transparent;
   text-align:left;
   cursor:pointer;
   padding: 0;
   display:block;
   opacity: 0.25;
   transition: opacity .18s ease;
}
 .sticky-media-tabs-tab + .sticky-media-tabs-tab{ margin-top: clamp(26px, 5vw, 44px); }
 .sticky-media-tabs-tab.is-active{ opacity: 1;}
 .sticky-media-tabs-tab:focus-visible{ outline:2px solid rgba(37, 99, 235, 0.9); outline-offset: 8px; border-radius: 12px; }
 .sticky-media-tabs-tab-head{ display:block; font-size: clamp(24px, 3.8vw, 32px); font-weight: 800; letter-spacing:-0.01em; color:#111827; line-height: 1.2;}
 .sticky-media-tabs-tab-body{ display:block; margin-top: 14px; font-size: 16px; line-height: 1.75; color: rgba(17, 24, 39, 0.72); max-width: 720px; }

 @media (min-width: 1024px){
   .sticky-media-tabs-media{ position: sticky; top: 120px;}
 }

 @media (max-width: 1023px){
   .sticky-media-tabs-grid{ grid-template-columns: 1fr;}
 }

 @media (prefers-reduced-motion: reduce){
   .sticky-media-tabs-tab{ transition:none;}
 }

.healthcare-technologies { padding: clamp(88px, 16vw, 140px) 0; background: #ffffff; }
.healthcare-tech-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(36px, 7vw, 68px); align-items: start;}
.healthcare-tech-left { display: flex; flex-direction: column; gap: 18px; background: linear-gradient(160deg, rgba(205, 255, 218, 0.35), rgba(96, 165, 250, 0.18)); border-radius: 28px; padding: clamp(28px, 6vw, 48px); box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.08); }
.healthcare-tech-left h2 { margin: 0; font-size: clamp(32px, 4.8vw, 44px); letter-spacing: -0.015em; color: #111827;}
.healthcare-tech-left p { margin: 0; font-size: 18px; line-height: 1.7; color: rgba(17, 24, 39, 0.7); }
.healthcare-tech-note { font-size: 15px; font-weight: 600; color: rgba(17, 24, 39, 0.7); background: rgba(255, 255, 255, 0.65); padding: 12px 14px; border-radius: 14px; width: fit-content; box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);}
.healthcare-tech-right { display: grid; gap: clamp(16px, 4vw, 24px); }
.healthcare-tech-item { display: grid; grid-template-columns: auto 1fr; gap: 18px; padding: clamp(18px, 4vw, 26px); border-radius: 22px; border: 1px solid rgba(17, 24, 39, 0.08); background: #f8faff; box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08); align-items: start;}
.healthcare-tech-icon { width: 42px; height: 42px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; background: rgba(37, 99, 235, 0.18); color: #1e3a8a; }
.healthcare-tech-content h3 { margin: 0 0 8px 0; font-size: 18px; letter-spacing: -0.01em;}
.healthcare-tech-content p { margin: 0; font-size: 16px; line-height: 1.65; color: rgba(17, 24, 39, 0.7); }

.healthcare-awards { padding: clamp(88px, 16vw, 140px) 0; background: #f9fbff;}
.healthcare-awards-head { display: flex; flex-direction: column; gap: 16px; align-items: center; text-align: center; margin-bottom: clamp(32px, 6vw, 48px); }
.healthcare-awards-head h2 { margin: 0; font-size: clamp(32px, 4.6vw, 44px); letter-spacing: -0.015em; color: #111827;}
.healthcare-awards-head p { margin: 0; font-size: 17px; max-width: 720px; color: rgba(17, 24, 39, 0.7); }
.healthcare-awards-logos { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: clamp(20px, 5vw, 36px); align-items: center; justify-items: center; margin-bottom: clamp(32px, 6vw, 48px);}
.healthcare-award-logo { display: flex; align-items: center; justify-content: center; width: 100%; padding: clamp(12px, 3vw, 20px); border-radius: 18px; background: #ffffff; box-shadow: 0 16px 30px rgba(15, 23, 42, 0.08); border: 1px solid rgba(17, 24, 39, 0.05); }
.healthcare-award-logo img { max-width: 120px; max-height: 60px; width: auto; height: auto; object-fit: contain;}
.healthcare-awards-highlights { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: clamp(18px, 4vw, 28px); }
.healthcare-award-highlight { display: grid; grid-template-columns: auto 1fr; gap: 14px; padding: clamp(16px, 4vw, 22px); border-radius: 18px; background: #ffffff; border: 1px solid rgba(17, 24, 39, 0.08); box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08); align-items: start;}
.healthcare-award-highlight strong { font-size: 16px; }
.healthcare-award-highlight p { margin: 4px 0 0; font-size: 15px; color: rgba(17, 24, 39, 0.68); line-height: 1.6;}
.healthcare-award-wreath { font-size: 26px; }

.healthcare-tech-stack { padding: clamp(88px, 16vw, 140px) 0; background: linear-gradient(180deg, rgba(255, 245, 230, 0.35) 0%, rgba(255, 255, 255, 0.95) 100%);}
.healthcare-stack-shell { border-radius: 32px; border: 1px solid rgba(17, 24, 39, 0.08); box-shadow: 0 36px 60px rgba(15, 23, 42, 0.08); padding: clamp(32px, 7vw, 60px); background: #ffffff; display: flex; flex-direction: column; gap: clamp(24px, 5vw, 36px); }
.healthcare-stack-head h2 { margin: 0; font-size: clamp(30px, 4.8vw, 42px); letter-spacing: -0.015em; color: #111827;}
.healthcare-stack-head p { margin: 12px 0 0; font-size: 17px; line-height: 1.65; color: rgba(17, 24, 39, 0.7); max-width: 720px; }
.healthcare-stack-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: clamp(18px, 4vw, 28px);}
.healthcare-stack-card { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; padding: clamp(18px, 4vw, 26px); border-radius: 20px; background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(37, 99, 235, 0.04)); border: 1px solid rgba(37, 99, 235, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); }
.healthcare-stack-icon { display: inline-flex; width: 40px; height: 40px; border-radius: 12px; align-items: center; justify-content: center; font-size: 20px; background: #2563eb; color: #fff;}
.healthcare-stack-label { font-size: 16px; font-weight: 600; color: #111827; line-height: 1.5; }

.healthcare-blogs { padding: clamp(80px, 14vw, 120px) 0; background: #ffffff;}
.healthcare-blogs-head { margin-bottom: clamp(32px, 6vw, 48px); }
.healthcare-blogs-head h2 { margin: 0; font-size: clamp(30px, 4.6vw, 40px); letter-spacing: -0.015em; color: #111827;}
.healthcare-blogs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: clamp(20px, 5vw, 32px); }
.healthcare-blog-card { display: flex; flex-direction: column; border-radius: 24px; overflow: hidden; border: 1px solid rgba(17, 24, 39, 0.08); box-shadow: 0 20px 36px rgba(15, 23, 42, 0.08); background: #f8f9ff;}
.healthcare-blog-media { aspect-ratio: 1 / 1; overflow: hidden; background: linear-gradient(135deg, rgba(37, 99, 235, 0.2), rgba(96, 165, 250, 0.1)); position: relative; }
.healthcare-blog-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block;}
.healthcare-blog-body { display: flex; flex-direction: column; gap: 12px; padding: clamp(18px, 4vw, 24px); }
.healthcare-blog-body h3 { margin: 0; font-size: 18px; line-height: 1.5; color: #111827;}
.healthcare-blog-body p { margin: 0; font-size: 15px; line-height: 1.6; color: rgba(17, 24, 39, 0.7); }
.healthcare-blog-link { font-weight: 600; color: #2563eb; text-decoration: none;}

.healthcare-case-studies { padding: clamp(88px, 16vw, 140px) 0; background: #0d121f; color: #f8f9ff; }
.healthcare-case-head { display: flex; flex-direction: column; gap: 16px; margin-bottom: clamp(32px, 6vw, 48px); text-align: center;}
.healthcare-case-head h2 { margin: 0; font-size: clamp(32px, 4.6vw, 46px); letter-spacing: -0.02em; color: #f8f9ff; }
.healthcare-case-head p { margin: 0; font-size: 17px; line-height: 1.65; color: rgba(231, 233, 255, 0.78); max-width: 760px; align-self: center;}
.healthcare-case-slider { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; }
.healthcare-case-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(280px, 1fr); gap: clamp(18px, 4vw, 26px); overflow-x: auto; scroll-snap-type: x mandatory; padding: 6px;}
.healthcare-case-track::-webkit-scrollbar { display: none; }
.healthcare-case-slide { scroll-snap-align: start; display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: clamp(24px, 5vw, 36px); border-radius: 30px; background: linear-gradient(135deg, rgba(93, 118, 255, 0.36), rgba(32, 56, 160, 0.86)); border: 1px solid rgba(96, 165, 250, 0.3); box-shadow: 0 40px 80px rgba(0, 0, 0, 0.35); padding: clamp(24px, 5vw, 40px); min-height: 320px;}
.healthcare-case-slide img { width: 100%; height: 100%; object-fit: cover; border-radius: 24px; }
.healthcare-case-slide h3 { margin: 0 0 12px; font-size: 22px; letter-spacing: -0.01em; color: #f8f9ff;}
.healthcare-case-slide p { margin: 0 0 16px; font-size: 16px; line-height: 1.7; color: rgba(231, 233, 255, 0.82); }
.healthcare-case-stat { font-size: 15px; font-weight: 600; color: #c3d9ff; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 0.12em;}
.healthcare-case-nav { width: 42px; height: 42px; border-radius: 50%; border: none; background: rgba(248, 249, 255, 0.16); color: #f8f9ff; font-size: 20px; cursor: pointer; transition: background .2s ease; }
.healthcare-case-nav:hover { background: rgba(248, 249, 255, 0.28);}
.healthcare-case-cta { margin-top: clamp(28px, 6vw, 40px); text-align: center; }
.healthcare-case-cta .btn { min-width: 240px;}

.healthcare-sectors-shell { display: grid; grid-template-columns: minmax(220px, 260px) minmax(0, 1fr); gap: clamp(24px, 5vw, 48px); background: rgba(255, 255, 255, 0.72); border-radius: 28px; border: 1px solid rgba(17, 17, 17, 0.1); padding: clamp(28px, 5vw, 40px); box-shadow: 0 24px 48px rgba(17, 17, 17, 0.08); position: relative; overflow: hidden; }
.healthcare-sectors-shell::before { content: ""; position: absolute; inset: 0; border-radius: inherit; border-top: 4px solid rgba(255, 152, 0, 0.6); pointer-events: none;}
.healthcare-sectors-list { display: flex; flex-direction: column; gap: 10px; }
.healthcare-sectors-tab { border: none; background: rgba(255, 255, 255, 0.72); border-radius: 16px; padding: 16px 18px; font-size: 16px; font-weight: 600; color: rgba(17, 17, 17, 0.62); text-align: left; cursor: pointer; transition: background .2s ease, color .2s ease, transform .2s ease; box-shadow: inset 0 0 0 1px rgba(17, 17, 17, 0.08);}
.healthcare-sectors-tab:hover,
.healthcare-sectors-tab:focus-visible { color: #111111; box-shadow: inset 0 0 0 2px rgba(255, 152, 0, 0.55); outline: none; }
.healthcare-sectors-tab.is-active { background: linear-gradient(135deg, rgba(255, 152, 0, 0.16), rgba(255, 196, 103, 0.32)); color: #111111; box-shadow: inset 0 0 0 2px rgba(255, 152, 0, 0.5); transform: translateX(6px);}
.healthcare-sectors-panels { position: relative; display: flex; flex-direction: column; }
.healthcare-sectors-panel { display: flex; flex-direction: column; gap: 16px; padding: clamp(12px, 3vw, 24px); background: rgba(255, 244, 218, 0.75); border-radius: 24px; border: 1px solid rgba(255, 152, 0, 0.25); color: #111111; box-shadow: 0 18px 36px rgba(255, 152, 0, 0.18);}
.healthcare-sectors-panel h3 { margin: 0; font-size: 20px; letter-spacing: -0.01em; }
.healthcare-sectors-panel p { margin: 0; font-size: 16px; line-height: 1.7; color: rgba(17, 17, 17, 0.75);}
.healthcare-sectors-panel[hidden] { display: none; }

.healthcare-compliance-grid { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: clamp(18px, 4vw, 32px);}
.healthcare-compliance-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 18px 16px; border-radius: 18px; border: 1px solid rgba(17, 17, 17, 0.08); background: linear-gradient(180deg, #ffffff 0%, rgba(249, 250, 255, 0.85) 100%); box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08); font-weight: 700; font-size: 14px; text-align: center; color: #111111; min-height: 140px; }
.hc-compliance-logo{ width: 100%; max-width: 180px; display: inline-flex; align-items: center; justify-content: center;}
.hc-compliance-logo svg{ width: 100%; height: auto; display: block; }
.hc-compliance-logo img{ width: 100%; height: auto; max-height: 64px; object-fit: contain; display: block; }
.hc-compliance-name{ display: block; line-height: 1.35;}

 /* Compliance standards carousel */
 .compliance-standards{padding:100px 0;background:#000;color:#fff;}
.compliance-standards-head{max-width:980px;margin:0 auto 46px auto;text-align:center;display:flex;flex-direction:column;gap:14px;}
 .compliance-standards-head h2{margin:0;font-size:42px;line-height:1.15;color:#fff;}
 .compliance-standards-head p{margin:0;color:rgba(255,255,255,.72);line-height:1.7;font-size:15px;}
 
 .compliance-standards-stage{overflow:hidden;}
 .compliance-standards-rail{
   display:flex;
   transition: transform .35s ease;
   width:100%;
   border:1px solid rgba(255,255,255,.08);
   border-radius:12px;
   background:rgba(255,255,255,.02);
   box-shadow:0 28px 80px rgba(0,0,0,.78);
   overflow:hidden;
}
 .compliance-standards-slide{ flex: 0 0 100%; }
 .compliance-standards-grid{ display:grid; grid-template-columns: repeat(4, minmax(0, 1fr));}
 .compliance-standards-card{
   min-height:210px;
   background:transparent;
   border-right:1px solid rgba(255,255,255,.08);
   border-bottom:1px solid rgba(255,255,255,.08);
   padding:46px 18px 34px;
   display:flex;
   flex-direction:column;
   align-items:center;
   justify-content:center;
   text-align:center;
   gap:12px;
}
 .compliance-standards-grid > :nth-child(4n){ border-right:none; }
 .compliance-standards-grid > :nth-last-child(-n+4){ border-bottom:none;}
 
 .compliance-standards-mark{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.92);font-weight:800;font-size:18px;letter-spacing:0.02em;}
 .compliance-standards-mark img{max-height:52px;width:auto;height:auto;display:block;opacity:.92;filter:grayscale(1) invert(1) brightness(1.2);}
 
 .compliance-standards-card h3{margin:0;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;color:rgba(255,255,255,.9);font-weight:800;}
 .compliance-standards-card p{margin:0;font-size:10px;line-height:1.45;color:rgba(255,255,255,.68);text-decoration:underline;text-underline-offset:3px;}
 .compliance-standards-nav{display:flex;justify-content:center;gap:18px;margin-top:18px;}
 .compliance-standards-btn{background:transparent;border:none;color:#fff;font-size:28px;cursor:pointer;line-height:1;padding:8px 10px;opacity:.9;}
 .compliance-standards-btn:hover{opacity:1;}
 
 @media(max-width:960px){
   .compliance-standards-head h2{font-size:34px;}
   .compliance-standards-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .compliance-standards-card{padding:38px 14px 26px;}
   .compliance-standards-grid > :nth-child(4n){ border-right:1px solid rgba(255,255,255,.08); }
   .compliance-standards-grid > :nth-child(2n){ border-right:none;}
   .compliance-standards-grid > :nth-last-child(-n+4){ border-bottom:1px solid rgba(255,255,255,.08); }
   .compliance-standards-grid > :nth-last-child(-n+2){ border-bottom:none;}
 }

 @media(max-width:560px){
   .compliance-standards-grid{ grid-template-columns: 1fr;}
   .compliance-standards-grid > *{ border-right:none; }
   .compliance-standards-grid > :nth-last-child(-n+2){ border-bottom:1px solid rgba(255,255,255,.08);}
   .compliance-standards-grid > :last-child{ border-bottom:none; }
}

.wearables-security{padding:100px 0;background:#000;color:#fff;}
.wearables-security-head{max-width:980px;margin:0 auto 46px auto;text-align:center;display:flex;flex-direction:column;gap:14px;}
.wearables-security-head h2{margin:0;font-size:42px;line-height:1.15;color:#fff;}
.wearables-security-head p{margin:0;color:rgba(255,255,255,.72);line-height:1.7;font-size:15px;max-width:860px;align-self:center;}
.wearables-security-stage{overflow:hidden;}
.wearables-security-rail{display:flex;gap:22px;justify-content:center;align-items:stretch;}
.wearables-security-card{flex:0 0 260px;width:260px;min-width:260px;min-height:220px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:28px 22px;display:flex;flex-direction:column;gap:12px;opacity:.18;transform:translateY(10px);transition:opacity .35s ease, transform .35s ease;}
.wearables-security-card.is-visible{opacity:1;transform:translateY(0);}
.wearables-security-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(180deg, rgba(28,100,242,.95), rgba(59,130,246,.85));display:flex;align-items:center;justify-content:center;box-shadow:0 18px 36px rgba(37, 99, 235, 0.22);}
.wearables-security-icon svg{width:22px;height:22px;color:#fff;}
.wearables-security-card h3{margin:0;font-size:14px;letter-spacing:0.02em;color:#fff;font-weight:800;}
.wearables-security-card p{margin:0;font-size:13px;line-height:1.6;color:rgba(255,255,255,.72);}
.wearables-security-nav{display:flex;justify-content:center;gap:18px;margin-top:26px;}
.wearables-security-btn{background:transparent;border:none;color:#fff;font-size:28px;cursor:pointer;line-height:1;padding:8px 10px;opacity:.9;}
.wearables-security-btn:hover{opacity:1;}
.wearables-security.is-static .wearables-security-nav{display:none;}
@media(max-width:960px){
  .wearables-security-head h2{font-size:34px;}
}

.healthcare-wearables-security { padding: clamp(88px, 16vw, 140px) 0; background: #ffffff; }
.healthcare-wearables-security-head { display: flex; flex-direction: column; gap: 16px; align-items: center; text-align: center; margin-bottom: clamp(32px, 6vw, 48px);}
.healthcare-wearables-security-head h2 { margin: 0; font-size: clamp(32px, 4.6vw, 44px); letter-spacing: -0.015em; color: #111827; }
.healthcare-wearables-security-head p { margin: 0; font-size: 17px; max-width: 720px; color: rgba(17, 24, 39, 0.7);}
.healthcare-wearables-security-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: clamp(18px, 4vw, 28px); }
.healthcare-wearables-security-card { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; padding: clamp(18px, 4vw, 26px); border-radius: 20px; background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(37, 99, 235, 0.04)); border: 1px solid rgba(37, 99, 235, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);}
.healthcare-wearables-security-icon { display: inline-flex; width: 40px; height: 40px; border-radius: 12px; align-items: center; justify-content: center; font-size: 20px; background: #2563eb; color: #fff; }
.healthcare-wearables-security-label { font-size: 16px; font-weight: 600; color: #111827; line-height: 1.5;}

@media (max-width: 1024px) {
  .healthcare-section-grid { grid-template-columns: minmax(0, 1fr);}
  .healthcare-toc { position: static; order: -1; }
  .healthcare-toc-card { box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);}
  .healthcare-section-content { order: 0; }
  .healthcare-solutions-columns { grid-template-columns: minmax(0, 1fr);}
  .healthcare-sectors-shell { grid-template-columns: minmax(0, 1fr); }
  .healthcare-sectors-tab { transform: none !important;}
  .healthcare-why-grid { grid-template-columns: minmax(0, 1fr); }
  .healthcare-why-media { order: 1;}
  .healthcare-tech-grid { grid-template-columns: minmax(0, 1fr); }
  .healthcare-tech-left { order: -1;}
}

@media (max-width: 680px) {
  .healthcare-section { padding: clamp(64px, 20vw, 88px) 0;}
  .healthcare-section-head h2 { font-size: clamp(28px, 8vw, 36px); }
  .healthcare-section-head p { font-size: 17px;}
  .healthcare-accordion-trigger { font-size: 17px; padding: 20px; }
  .healthcare-accordion-body { padding: 0 20px 20px;}
  .healthcare-solutions-card { padding: clamp(28px, 10vw, 36px); }
  .healthcare-card-icon { width: 42px; height: 42px;}
  .healthcare-sectors-shell { padding: clamp(22px, 8vw, 32px); }
  .healthcare-sectors-tab { font-size: 15px; padding: 14px 16px;}
  .healthcare-compliance-item { padding: 18px 14px; font-size: 14px; }
  .healthcare-why-card { grid-template-columns: 1fr;}
  .healthcare-why-icon { width: 36px; height: 36px; }
  .healthcare-tech-item { grid-template-columns: 1fr;}
  .healthcare-tech-icon { width: 36px; height: 36px; margin-bottom: 4px; }
}

/* ========================================
   Hero Parallax - Reusable Sticky Title with Parallax Video/Image
   ======================================== */
.hero-parallax {
  position: relative;
  min-height: 100vh;
  background: #000;
  overflow: hidden;
}
.hero-parallax-content {
  position: sticky;
  top: 0;
  z-index: 10;
  min-height: 55vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 120px 20px 60px;
  background: #000;
}
.hero-parallax-copy {
  max-width: 1000px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.hero-parallax-copy h1 {
  margin: 0;
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 700;
  line-height: 1.1;
  color: #fff;
  letter-spacing: -0.02em;
}
.hero-parallax-copy p {
  margin: 0;
  font-size: 18px;
  line-height: 1.7;
  color: #c9d4e9;
  max-width: 900px;
}
.hero-parallax-copy .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;
  background: #1263ff;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.2s ease;
  margin-top: 8px;
}
.hero-parallax-copy .btn-primary:hover {
  background: #0d4fd6;
  transform: translateY(-2px);
}
.hero-parallax-media {
  position: relative;
  width: calc(100% - 160px);
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 16/9;
  max-height: 80vh;
}
.hero-parallax-video,
.hero-parallax-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  will-change: transform;
}
@media (max-width: 900px) {
  .hero-parallax-content {
    min-height: 45vh;
    padding: 100px 20px 50px;
}
  .hero-parallax-copy p {
    font-size: 16px;
}
  .hero-parallax-media {
    width: calc(100% - 40px);
    border-radius: 16px;
}
}
@media (max-width: 600px) {
  .hero-parallax-content {
    min-height: auto;
    padding: 100px 16px 40px;
}
  .hero-parallax-copy h1 {
    font-size: 32px;
}
  .hero-parallax-copy p {
    font-size: 15px;
}
  .hero-parallax-copy .btn-primary {
    padding: 14px 28px;
    font-size: 15px;
}
  .hero-parallax-media {
    width: calc(100% - 32px);
    border-radius: 12px;
}
}

.fitness-panel-features{
  padding: 88px 0;
  background: #0b0b0b;
  color: #fff;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.fitness-panel-features-head{
  text-align: center;
  max-width: 980px;
  margin: 0 auto 42px;
}
.fitness-panel-features-title{
  margin: 0;
  font-size: clamp(28px, 3.2vw, 42px);
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-weight: 800;
}
.fitness-panel-features-intro{
  margin: 18px auto 0;
  max-width: 860px;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(255,255,255,.72);
}

.fitness-panel-features-tabs{
  margin-top: 28px;
  display: inline-flex;
  gap: 0;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  padding: 6px;
  background: rgba(255,255,255,.04);
}
.fitness-panel-features-tab{
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.75);
  padding: 12px 18px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
.fitness-panel-features-tab.is-active{
  background: #1e6dff;
  color: #fff;
}
.fitness-panel-features-tab.is-disabled{
  opacity: .5;
  cursor: not-allowed;
}

.fitness-panel-features-panel{ display:none; }
.fitness-panel-features-panel.is-active{ display:block;}

.fitness-panel-features-summary{
  max-width: 720px;
  margin: 0 auto 26px 0px;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(255,255,255,.72);
  text-align: left;
  padding:10px;
  border-bottom: 1px solid rgba(255,255,255,.18);
}

.fitness-panel-features-grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 46px;
  margin-top: 8px;
}

.fitness-panel-features-left{
  display: flex;
  flex-direction: column;
  min-height: 520px;
  width: 100%;
}

.fitness-panel-features-pages{
  flex: 1;
  display: flex;
}

.fitness-panel-features-page{
  width: 100%;
}

.fitness-panel-features-items{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 22px 34px;
  padding-right: 18px;
}

.fitness-panel-features-item{
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
.fitness-panel-features-num{
  font-size: 26px;
  line-height: 1;
  font-weight: 900;
  color: #1e6dff;
  letter-spacing: -0.02em;
  padding-top: 2px;
}
.fitness-panel-features-item-title{
  font-size: 18px;
  line-height: 1.35;
  font-weight: 800;
  color: #fff;
}
.fitness-panel-features-item-desc{
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255,255,255,.68);
}

.fitness-panel-features-right{
  display: flex;
  justify-content: center;
}
.fitness-panel-features-image{
  width: 100%;
  max-width: 560px;
  height: auto;
  border-radius: 18px;
  display: block;
  box-shadow: 0 20px 60px rgba(0,0,0,.55);
}

.fitness-panel-features-page{ display:none; }
.fitness-panel-features-page.is-active{ display:block;}

.fitness-panel-features-media{ display:none; }
.fitness-panel-features-media.is-active{ display:block;}

.fitness-panel-features-pager{
  margin-top: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.fitness-panel-features-pager-left{
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.fitness-panel-features-dots{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.fitness-panel-features-dot{
  appearance:none;
  border:0;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  cursor: pointer;
}
.fitness-panel-features-dot.is-active{
  background: #fff;
  transform: scale(1.15);
}
.fitness-panel-features-page-indicator{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #fff;
  color: #0b0b0b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: -0.01em;
}
.fitness-panel-features-arrows{
  display: inline-flex;
  gap: 10px;
}
.fitness-panel-features-arrow{
  appearance: none;
  border: 0;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.85);
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
.fitness-panel-features-arrows{ gap: 12px; }
.fitness-panel-features-arrow:hover{
  background: rgba(255,255,255,.10);
  color: #fff;
}
.fitness-panel-features-arrow:disabled{
  opacity: .45;
  cursor: not-allowed;
}

.fitness-panel-features-coming{
  padding: 42px 0;
  text-align: center;
  color: rgba(255,255,255,.70);
  border: 1px dashed rgba(255,255,255,.22);
  border-radius: 16px;
}

@media (max-width: 980px){
  .fitness-panel-features{ padding: 68px 0;}
  .fitness-panel-features-head{ text-align: left; margin: 0 0 34px; }
  .fitness-panel-features-tabs{ width: 100%; justify-content: space-between;}
  .fitness-panel-features-grid{ grid-template-columns: minmax(0, 1fr); }
  .fitness-panel-features-right{ order: -1;}
  .fitness-panel-features-items{ grid-template-columns: minmax(0, 1fr); padding-right: 0; }
  .fitness-panel-features-left{ min-height: auto;}
}

@media (max-width: 560px){
  .fitness-panel-features-tabs{ overflow-x: auto; justify-content: flex-start;}
  .fitness-panel-features-tab{ white-space: nowrap; }
  .fitness-panel-features-pager{ flex-direction: row;}
}

.fitness-cta-banner{ padding: 70px 0; background: #000; color: #fff; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.fitness-cta-banner-card{ width: 100%; display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 40px;  padding: 48px; overflow: hidden; }
.fitness-cta-banner-left{ display:flex; flex-direction:column; gap: 28px;}
.fitness-cta-banner-title{ margin: 0; font-size: 34px; line-height: 1.15; letter-spacing: -0.02em; color:#fff; }
.fitness-cta-banner-stats{ display:grid; grid-template-columns: 1fr 1fr; gap: 26px 56px;}
.fitness-cta-banner-stat-value{ font-size: 44px; line-height: 1; font-weight: 700; color:#fff; letter-spacing: -0.02em; }
.fitness-cta-banner-stat-label{ margin-top: 10px; font-size: 13px; line-height: 1.55; color: rgba(255,255,255,.74); font-weight: 600;}
.fitness-cta-banner-actions{ display:flex; }
.fitness-cta-banner-btn{ display:inline-flex; align-items:center; justify-content:center; padding: 12px 22px; border-radius: 8px; background: #1e6dff; color:#fff; text-decoration:none; font-weight: 700; font-size: 12px;}
.fitness-cta-banner-btn:hover{ background: #1a60e0; }
.fitness-cta-banner-right{ display:flex; justify-content: center; align-items: center;}
.fitness-cta-banner-image{ width: min(520px, 100%); height: auto; display:block; object-fit: contain; }

@media (max-width: 980px){
  .fitness-cta-banner-card{ grid-template-columns: minmax(0, 1fr); padding: 32px 24px;}
  .fitness-cta-banner-right{ order: -1; }
  .fitness-cta-banner-stats{ gap: 22px 34px;}
}

@media (max-width: 560px){
  .fitness-cta-banner{ padding: 56px 0;}
  .fitness-cta-banner-stats{ grid-template-columns: minmax(0, 1fr); }
  .fitness-cta-banner-stat-value{ font-size: 40px;}
}

.fitness-market-stats{ padding: 75px 0 75px; background: #1b1b1b; color: #fff; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.fitness-market-stats-card{ width: 100%; display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); align-items: start; gap: 56px; padding: 0; background: none; border: 0; border-radius: 0; overflow: visible; }
.fitness-market-stats-left{ display:flex; flex-direction:column; gap: 22px;}
.fitness-market-stats-title{ margin: 0; font-size: 38px; line-height: 48px; letter-spacing: -0.02em; color:#fff; }
.fitness-market-stats-btn{ display:inline-flex; align-items:center; justify-content:center; width: fit-content; padding: 12px 22px; border-radius: 8px; background: #1e6dff; color:#fff; text-decoration:none; font-weight: 700; font-size: 12px;}
.fitness-market-stats-btn:hover{ background: #1a60e0; }

.fitness-market-stats-grid{ display:grid; grid-template-columns: repeat(3, 190px); gap: 18px;}
.fitness-market-stats-item{ background-color: #0f0f0f; border: 0; border-radius: 12px; padding: 16px; width: 190px; height: 149px; display:flex; flex-direction:column; justify-content:flex-start; }
.fitness-market-stats-value{ font-size: 22px; line-height: 30px; font-weight: 800; color: #1e6dff; letter-spacing: -0.01em;}
.fitness-market-stats-label{ margin-top: 10px; font-size: 15px; line-height: 25px; color: rgba(255,255,255,.80); font-weight: 600; }

@media (max-width: 980px){
  .fitness-market-stats{ padding: 64px 0;}
  .fitness-market-stats-card{ grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .fitness-market-stats-grid{ grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 600px){
  .fitness-market-stats-item {
    width:100%;
  }
  .fitness-market-stats-grid{ grid-template-columns: minmax(0, 1fr);}
}

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

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

.ml-readiness-cta.ml-readiness-cta--light{
  background:#fff;
}
.ml-readiness-cta.ml-readiness-cta--light .ml-readiness-content{
  color:#0b0b0b;
}
.ml-readiness-cta.ml-readiness-cta--light .ml-readiness-number,
.ml-readiness-cta.ml-readiness-cta--light .ml-readiness-title,
.ml-readiness-cta.ml-readiness-cta--light .ml-readiness-subtitle{
  color:#0b0b0b;
}
.ml-readiness-cta.ml-readiness-cta--light .ml-readiness-desc{
  color:rgba(11,11,11,0.85);
}
.ml-readiness-cta.ml-readiness-cta--light .ml-readiness-btn{
  background:#0b0b0b;
  color:#fff;
}
.ml-readiness-cta.ml-readiness-cta--light .ml-readiness-btn:hover{
  background:#111;
}

@media(max-width:900px){
  .genai-readiness-cta .genai-readiness-grid{
    grid-template-columns:1fr !important;
    grid-template-areas:"media" "content";
}
  .genai-readiness-cta .genai-readiness-content{
    padding:44px 32px !important;
    border-radius:0 0 24px 24px;
}
  .genai-readiness-cta .genai-readiness-media{
    min-height:240px !important;
    border-radius:24px 24px 0 0;
    overflow:hidden;
}
  .genai-readiness-cta .genai-readiness-media img{
    border-radius:24px 24px 0 0;
  }
  .genai-readiness-cta .genai-readiness-stat{
    grid-template-columns:1fr !important;
    grid-template-areas:"stat" "title" !important;
    row-gap:6px !important;
  }
  .genai-readiness-cta .genai-stat-number{
    font-size:42px !important;
  }
  .genai-readiness-cta .genai-stat-title,
  .genai-readiness-cta .genai-stat-subtitle{
    font-size:18px !important;
  }
  .genai-readiness-cta .genai-readiness-desc{
    font-size:14px !important;
  }
  .genai-readiness-cta .genai-readiness-btn{
    width:100% !important;
    padding:16px 18px !important;
  }

  .ml-readiness-cta .ml-readiness-grid{
    grid-template-columns:1fr;
    grid-template-areas:"media" "content";
}
  .ml-readiness-cta .ml-readiness-content{
    grid-area:content;
    padding:44px 32px;
    border-radius:0 0 24px 24px;
}
  .ml-readiness-cta .ml-readiness-media{
    grid-area:media;
    min-height:240px;
    border-radius:24px 24px 0 0;
    overflow:hidden;
}
  .ml-readiness-cta .ml-readiness-media img{
    border-radius:24px 24px 0 0;
}
  .ml-readiness-cta .ml-readiness-number{
    font-size:20px;
}
  .ml-readiness-cta .ml-readiness-title,
  .ml-readiness-cta .ml-readiness-subtitle{
    font-size:32px;
}
  .ml-readiness-cta .ml-readiness-desc{
    font-size:14px;
}
  .ml-readiness-cta .ml-readiness-btn{
    width:100%;
    padding:16px 18px;
}
}

.future-cta-card{
  padding:100px 0;
  background:#000;
}
.future-cta-wrapper{
  display:grid;
  grid-template-columns:1fr 1fr;
  background:#fff;
  border-radius:24px;
  overflow:hidden;
  min-height:480px;
}
.future-cta-content{
  padding:56px 54px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.future-cta-title{
  font-size:22px;
  font-weight:700;
  color:#0a0a0a;
  line-height:1.25;
  margin:0 0 18px;
}
.future-cta-desc{
  font-size:16px;
  color:#444;
  line-height:1.6;
  margin:0 0 22px;
}
.future-cta-benefits{
  list-style:none;
  margin:0 0 28px;
  padding:0;
}
.future-cta-benefits li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:12px;
  font-size:13px;
  color:#222;
  line-height:1.5;
}
.future-cta-check{
  flex-shrink:0;
  margin-top:2px;
}
.future-cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  background:#1263ff;
  color:#fff;
  font-size:12px;
  font-weight:600;
  border-radius:7px;
  text-decoration:none;
  transition:all .3s ease;
  width:fit-content;
}
.future-cta-btn:hover{
  background:#0d4fd6;
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(18,99,255,.3);
}
.future-cta-media{
  position:relative;
  overflow:hidden;
}
.future-cta-media img,
.future-cta-media video{
  width:100%;
  height:100%;
  object-fit:cover;
}

@media(max-width:900px){
  .future-cta-wrapper{
    grid-template-columns:1fr;
  }
  .future-cta-media{
    height:320px;
    order:-1;
  }
  .future-cta-content{
    padding:40px 30px;
  }
  .future-cta-title{
    font-size:26px;
  }
}

body.page-qa-testing .qa-intro{ background:#fff; padding:90px 20px 60px; }
body.page-qa-testing .qa-intro__inner{ max-width:780px; margin-left:auto; margin-right:auto; }
body.page-qa-testing .qa-intro__title{ margin:0 0 16px; font-size:clamp(40px, 5.5vw, 70px); line-height:1.02; letter-spacing:-0.03em; font-weight:800; color:#0b0c0d; white-space:pre-line;}
body.page-qa-testing .qa-intro__copy{ margin:0 0 26px; font-size:16px; line-height:1.7; color:rgba(11,12,13,0.70); max-width:720px; }
body.page-qa-testing .qa-intro__btn{ display:inline-flex; align-items:center; justify-content:center; padding:14px 26px; border-radius:6px; background:#1263ff; color:#fff; font-size:14px; font-weight:700; text-decoration:none; box-shadow:0 12px 28px rgba(18,99,255,0.28); transition:transform .2s ease, box-shadow .2s ease, background .2s ease;}
body.page-qa-testing .qa-intro__btn:hover{ background:#0d4ed8; transform:translateY(-1px); box-shadow:0 16px 36px rgba(18,99,255,0.32); }

body.page-qa-testing .qa-riskfree{ background:#fff; padding:80px 20px 90px;}
body.page-qa-testing .qa-riskfree__grid{ display:grid; grid-template-columns:1fr; gap:38px; max-width:980px; margin-left:auto; margin-right:auto;}
body.page-qa-testing .qa-riskfree__title{ margin:0 0 18px; font-size:clamp(36px, 4.6vw, 56px); line-height:1.05; letter-spacing:-0.02em; font-weight:800; color:#0b0c0d; white-space:pre-line; }
body.page-qa-testing .qa-riskfree__copy{ margin:0; font-size:16px; line-height:1.75; color:rgba(11,12,13,0.70); max-width:820px;}
body.page-qa-testing .qa-riskfree__cols{ display:grid; grid-template-columns:1fr 1fr; gap:56px; }
body.page-qa-testing .qa-riskfree__col{ font-size:15px; line-height:1.9; color:rgba(11,12,13,0.70);}
body.page-qa-testing .qa-riskfree__col p{ margin:0 0 18px; }

body.page-qa-testing .qa-services{ background:#fff; padding:90px 20px 110px;}
body.page-qa-testing .qa-services__head{ max-width:860px; margin-left:auto; margin-right:auto;}
body.page-qa-testing .qa-services__title{ margin:0 0 16px; font-size:clamp(36px, 4.8vw, 58px); line-height:1.05; letter-spacing:-0.02em; font-weight:800; color:#2b2b2b; white-space:pre-line; }
body.page-qa-testing .qa-services__copy{ margin:0; font-size:16px; line-height:1.75; color:rgba(43,43,43,0.78); max-width:760px; }
body.page-qa-testing .qa-services__grid{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:20px; max-width:980px; margin-left:auto; margin-right:auto; margin-top:28px; }
body.page-qa-testing .qa-services__card{ border:1px solid rgba(15,23,42,0.10); background:#fff; border-radius:0; padding:22px 22px 20px; min-height:140px; display:flex; flex-direction:column; justify-content:flex-start; gap:12px;}
body.page-qa-testing .qa-services__icon{ width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; color:#1263ff; }
body.page-qa-testing .qa-services__icon svg{ width:32px; height:32px;}
body.page-qa-testing .qa-services__card-title{ margin:0; font-size:14px; line-height:1.3; font-weight:800; color:#2b2b2b; max-width:160px; }

body.page-qa-testing .qa-services__card:nth-child(1) .qa-services__icon{ color:#0b6bff; }
body.page-qa-testing .qa-services__card:nth-child(2) .qa-services__icon{ color:#ff6b3d; }
body.page-qa-testing .qa-services__card:nth-child(3) .qa-services__icon{ color:#0b6bff; }
body.page-qa-testing .qa-services__card:nth-child(4) .qa-services__icon{ color:#f2b100; }
body.page-qa-testing .qa-services__card:nth-child(5) .qa-services__icon{ color:#ff6b3d; }
body.page-qa-testing .qa-services__card:nth-child(6) .qa-services__icon{ color:#f2b100; }

body.page-qa-testing .qa-basics{ background:#fff; padding:80px 20px 90px;}
body.page-qa-testing .qa-basics__head{ max-width:820px; margin-left:auto; margin-right:auto;}
body.page-qa-testing .qa-basics__title{ margin:0 0 12px; font-size:clamp(32px, 4.2vw, 44px); line-height:1.1; font-weight:800; letter-spacing:-0.02em; color:#0b0c0d; white-space:pre-line; }
body.page-qa-testing .qa-basics__copy{ margin:0; font-size:15px; line-height:1.75; color:rgba(11,12,13,0.70);}

body.page-qa-testing .qa-basics__list{ display:flex; flex-direction:column; gap:18px; max-width:980px; margin-left:auto; margin-right:auto; }
body.page-qa-testing .qa-basics__item{ display:grid; grid-template-columns:44px 1fr; gap:16px; padding:18px 0; border-top:1px solid rgba(15,23,42,0.10);}
body.page-qa-testing .qa-basics__item:first-child{ border-top:none; }
body.page-qa-testing .qa-basics__icon{ width:44px; height:44px; display:flex; align-items:flex-start; justify-content:flex-start; color:#1263ff;}
body.page-qa-testing .qa-basics__icon svg{ width:26px; height:26px; }
body.page-qa-testing .qa-basics__item-title{ margin:0 0 6px; font-size:16px; font-weight:800; color:#0b0c0d;}
body.page-qa-testing .qa-basics__item-copy{ margin:0 0 10px; font-size:14px; line-height:1.7; color:rgba(11,12,13,0.70); }
body.page-qa-testing .qa-basics__bullets{ margin:0; padding:0 0 0 18px;}
body.page-qa-testing .qa-basics__bullets li{ margin:0 0 6px; font-size:13px; line-height:1.65; color:rgba(11,12,13,0.70); }

body.page-qa-testing .qa-edge{ background:#fff; padding:80px 20px 110px;}
body.page-qa-testing .qa-edge__inner{ max-width:980px; margin-left:auto; margin-right:auto; text-align:center;}
body.page-qa-testing .qa-edge__title{ margin:0 0 14px; font-size:clamp(34px, 4.6vw, 54px); line-height:1.05; font-weight:900; letter-spacing:-0.02em; color:#0b0c0d; }
body.page-qa-testing .qa-edge__copy{ margin:0 auto 26px; max-width:860px; font-size:16px; line-height:1.75; color:rgba(11,12,13,0.70);}
body.page-qa-testing .qa-edge__bullets{ margin:0 auto; padding:0; max-width:760px; text-align:left; }
body.page-qa-testing .qa-edge__bullets li{ margin:0 0 14px; font-size:15px; line-height:1.65; color:rgba(11,12,13,0.82);}
body.page-qa-testing .qa-edge__bullets li::marker{ color:#0b0c0d; }

@media(max-width:1024px){
  body.page-qa-testing .qa-services__grid{ grid-template-columns:repeat(3, minmax(0, 1fr));}
  body.page-qa-testing .qa-riskfree__cols{ gap:40px; }
}

@media(max-width:760px){
  body.page-qa-testing .qa-intro{ padding:70px 16px 50px;}
  body.page-qa-testing .qa-riskfree{ padding:64px 16px 70px; }
  body.page-qa-testing .qa-riskfree__cols{ grid-template-columns:1fr; gap:18px;}
  body.page-qa-testing .qa-services{ padding:70px 16px 86px; }
  body.page-qa-testing .qa-services__grid{ grid-template-columns:repeat(2, minmax(0, 1fr));}
  body.page-qa-testing .qa-basics{ padding:64px 16px 70px; }
  body.page-qa-testing .qa-edge{ padding:64px 16px 86px;}
}

@media(max-width:460px){
  body.page-qa-testing .qa-services__grid{ grid-template-columns:1fr;}
}

.offshore-global-potential{
  background:#000;
  padding:100px 0;
  color:#fff;
}
.offshore-global-potential__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:52px;
}
.offshore-global-potential__title{
  margin:0;
  font-size:48px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:-0.01em;
  color:#fff;
  max-width:1040px;
}
.offshore-global-potential__intro{
  margin:18px 0 0;
  font-size:18px;
  line-height:1.75;
  color:rgba(255,255,255,0.78);
  max-width:1040px;
}
.offshore-global-potential__head-right{
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:14px;
}
.offshore-global-potential__arrow{
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.18);
  background:transparent;
  color:#fff;
  cursor:pointer;
  display:grid;
  place-items:center;
  transition:transform .2s ease, background .2s ease, border-color .2s ease, opacity .2s ease;
}
.offshore-global-potential__arrow:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.32);
}
.offshore-global-potential__arrow:disabled{
  opacity:0.35;
  cursor:not-allowed;
  transform:none;
}
.offshore-global-potential__stage{
  overflow:hidden;
  height:var(--offshore-global-potential-h, auto);
  transition:height .45s ease;
}
.offshore-global-potential__track{
  display:flex;
  gap:24px;
  width:fit-content;
  transform:translate3d(var(--offshore-global-potential-x, 0px), 0, 0);
  will-change:transform;
}
.offshore-global-potential__track.is-animated{
  transition:transform .45s ease;
}
.offshore-global-potential__page{
  flex:0 0 100%;
  width:100%;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:24px;
}
.offshore-global-potential__card{
  width:100%;
  background:linear-gradient(180deg, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0.03) 100%);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:12px;
  padding:35px;
  min-height:260px;
  display:flex;
  flex-direction:column;
  transition:transform .25s ease, background .25s ease, border-color .25s ease;
}
.offshore-global-potential__card:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,0.05);
  border-color:rgba(255,255,255,0.18);
}
.offshore-global-potential__card-title{
  margin:0 0 14px;
  font-size:30px;
  font-weight:700;
  color:#fff;
  padding-bottom:14px;
  position:relative;
}
.offshore-global-potential__card-title:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:rgba(255,255,255,0.12);
}
.offshore-global-potential__card-desc{
  margin:0;
  font-size:18px;
  line-height:1.75;
  color:rgba(255,255,255,0.72);
}

@media(max-width:960px){
  .offshore-global-potential{ padding:80px 0;}
  .offshore-global-potential__title{ font-size:36px; }
  .offshore-global-potential__intro{ font-size:18px;}
}

@media(max-width:640px){
  .offshore-global-potential{ padding:48px 0; }
  .offshore-global-potential__head{ flex-direction:column; gap:16px; margin-bottom:24px; }
  .offshore-global-potential__head-right{ display:flex; }
  .offshore-global-potential__title{ font-size:clamp(24px, 6vw, 30px); }
  .offshore-global-potential__intro{ font-size:15px; }
  .offshore-global-potential__page{ grid-template-columns:1fr; }
  .offshore-global-potential__card{ padding:24px 20px; min-height:auto; box-sizing:border-box; }
  .offshore-global-potential__card-title{ font-size:20px; overflow-wrap:break-word; }
  .offshore-global-potential__card-desc{ font-size:15px; overflow-wrap:break-word; }
}

/* DevOps Industries Carousel */
.devops-industries{ background:#000; padding:100px 0; color:#fff; }
.devops-industries[data-theme="dark"]{ background:#000; color:#fff; }
.devops-industries[data-theme="light"]{ background:#fff; color:#111; }
.devops-industries[data-theme="light"] .devops-industries-title,
.devops-industries[data-theme="light"] .devops-industries-intro,
.devops-industries[data-theme="light"] .devops-industries-arrow{ color:#111; }
.devops-industries[data-theme="light"] .devops-industry-title{ color:#111; }
.devops-industries[data-theme="light"] .devops-industry-desc{ color:#333; }
.devops-industries-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:0; padding-bottom:80px; position:relative; }
.devops-industries[data-arrows-variant="side"] .devops-industries-head{ margin-bottom:52px; padding-bottom:0; }
.devops-industries[data-arrows-variant="side"][data-carousel-mode="infinite"] .devops-industries-page{ display:flex; gap:24px; width:100%; align-items:stretch; }
.devops-industries[data-arrows-variant="side"][data-carousel-mode="infinite"] .devops-industries-track{ width:100%; flex-wrap:nowrap; }
.devops-industries[data-arrows-variant="side"][data-carousel-mode="infinite"] .devops-industry-card{ flex:0 0 calc((100% - 48px) / 3); width:auto; min-width:0; height:100%; }
.devops-industries-title{ margin:0; font-size:var(--font-size-4xl); font-weight:700; line-height:1.2; letter-spacing:-0.01em; color:#fff; max-width:1040px; }
.devops-industries-intro{ margin:18px 0 0; font-size:var(--font-size-base); line-height:1.75; color:#fff; max-width:1040px; }
.devops-industries-head-right{ display:flex; align-items:center; gap:14px; padding-top:0; position:absolute; right:0; bottom:24px; overflow:visible; }
.devops-industries-stage{ position:relative; overflow:hidden; height:var(--devops-industries-h, auto); transition:height .45s ease; margin-bottom:3rem; }
.devops-industries-viewport{ overflow:hidden; width:100%; }
.devops-industries[data-arrows-variant="side"] .devops-industries-stage{ overflow:visible; }
.devops-industries-side-nav{ position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); display:flex; justify-content:space-between; pointer-events:none; z-index:2; }
.devops-industries-side-nav .devops-industries-arrow{ pointer-events:auto; width:48px; height:48px; border-radius:999px; background:rgba(0,0,0,0.72); border:1px solid rgba(255,255,255,0.3); padding:0; box-shadow:0 10px 30px rgba(0,0,0,0.45); }
.devops-industries[data-theme="light"] .devops-industries-side-nav .devops-industries-arrow{ background:rgba(255,255,255,0.92); border:1px solid rgba(0,0,0,0.18); box-shadow:0 10px 30px rgba(0,0,0,0.18); color:#111; }
.devops-industries-side-nav .devops-industries-arrow:hover{ background:rgba(0,0,0,0.82); }
.devops-industries[data-theme="light"] .devops-industries-side-nav .devops-industries-arrow:hover{ background:#fff; }
.devops-industries-side-nav .devops-industries-arrow:first-child{ transform:translateX(-50%); }
.devops-industries-side-nav .devops-industries-arrow:last-child{ transform:translateX(50%); }
.devops-industries-side-nav .devops-industries-arrow svg{ width:22px; height:22px; display:block; }
.devops-industries-arrow{ width:44px; height:44px; border-radius:0; border:0; padding:0; background:transparent; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; line-height:1; transition:transform .2s ease, opacity .2s ease; overflow:visible; }
.devops-industries-arrow span{ font-size:32px; font-weight:900; line-height:1; display:block; transform:scaleX(1.15); }
.devops-industries-arrow:hover{ transform:translateY(-1px); }
.devops-industries-arrow:disabled{ opacity:0.35; cursor:not-allowed; transform:none; }
.devops-industries-track{ display:flex; align-items:flex-start; gap:24px; width:fit-content; transform:translate3d(var(--devops-industries-x, 0px), 0, 0); will-change:transform; }
.devops-industries-track.is-animated{ transition:transform .45s ease; }
.devops-industries-page{ flex:0 0 100%; width:100%; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:24px; }
.devops-industry-card{ width:100%; background:#1b1b1b; border:1px solid #5b5b5b; border-radius:8px; padding:30px; display:flex; text-align:center; flex-direction:column; transition:transform .25s ease, background .25s ease, border-color .25s ease; }
.devops-industry-card:hover{ transform:translateY(-3px); background:rgba(255,255,255,0.05); border-color:rgba(255,255,255,0.18); }
.devops-industries[data-theme="dark"] .devops-industry-card{ background:#0f0f0f; border-color:rgba(255,255,255,0.14); }
.devops-industries[data-theme="dark"] .devops-industry-card:hover{ background:rgba(255,255,255,0.06); border-color:rgba(255,255,255,0.22); }
.devops-industries[data-theme="light"] .devops-industry-card{ background:#fff; border-color:rgba(0,0,0,0.14); }
.devops-industries[data-theme="light"] .devops-industry-card:hover{ background:rgba(0,0,0,0.02); border-color:rgba(0,0,0,0.22); }
.devops-industry-icon{ width:56px; height:56px; border-radius:14px; background:rgba(255,255,255,0.08); display:flex; align-items:center; justify-content:center; margin:0 auto 18px; }
.devops-industry-icon svg{ width:28px; height:28px; }
.devops-industry-title{ padding:20px 0px; font-size:var(--font-size-md); font-weight:700; color:#fff; }
.devops-industry-desc{ margin:0; font-size:var(--font-size-base); line-height:1.4; font-weight:400; color:#fff; }
@media(max-width:1200px){
  .devops-industries-page{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
  .devops-industries[data-arrows-variant="side"][data-carousel-mode="infinite"] .devops-industry-card{ flex-basis:calc((100% - 48px) / 3); }
}
@media(max-width:960px){
  .devops-industries{ padding:80px 0; }
  .devops-industries-page{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .devops-industries[data-arrows-variant="side"][data-carousel-mode="infinite"] .devops-industry-card{ flex-basis:calc((100% - 24px) / 2); }
  .devops-industries-side-nav{ position:static; transform:none; display:flex; justify-content:flex-end; gap:12px; margin-bottom:24px; pointer-events:auto; }
  .devops-industries-side-nav .devops-industries-arrow{ transform:none; width:auto; height:auto; background:transparent; border:none; border-radius:0; box-shadow:none; padding:0; color:#fff; }
  .devops-industries-side-nav .devops-industries-arrow svg{ width:20px; height:20px; }
  .devops-industries-side-nav .devops-industries-arrow:first-child{ transform:none; }
  .devops-industries-side-nav .devops-industries-arrow:last-child{ transform:none; }
  .devops-industries[data-arrows-variant="side"] .devops-industries-head{ margin-bottom:24px; }
}
@media(max-width:640px){
  .devops-industries{ padding:60px 0; }
  .devops-industries-head{ flex-direction:column; gap:16px; margin-bottom:24px; padding-bottom:0; }
  .devops-industries-head-right{ display:none; }
  .devops-industries-title{ font-size:clamp(24px, 6vw, 34px); }
  .devops-industries-intro{ font-size:14px; }
  .devops-industries-stage{ overflow:hidden; height:var(--devops-industries-h, auto); }
  .devops-industries-viewport{ overflow:hidden; }
  .devops-industries-page{ grid-template-columns:1fr; display:grid; width:100%; }
  .devops-industry-card{ padding:24px 20px; width:100%; box-sizing:border-box; }
  .devops-industries[data-arrows-variant="side"][data-carousel-mode="infinite"] .devops-industry-card{ flex-basis:100%; }
  .devops-industries-side-nav{ position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); justify-content:space-between; margin-bottom:0; }
  .devops-industries-side-nav .devops-industries-arrow{ width:36px; height:36px; border-radius:999px; background:rgba(0,0,0,0.72); border:1px solid rgba(255,255,255,0.3); box-shadow:0 6px 18px rgba(0,0,0,0.4); }
  .devops-industries-side-nav .devops-industries-arrow:first-child{ transform:translateX(-30%); }
  .devops-industries-side-nav .devops-industries-arrow:last-child{ transform:translateX(30%); }
  .devops-industries-side-nav .devops-industries-arrow svg{ width:16px; height:16px; }
  .devops-industries[data-arrows-variant="side"] .devops-industries-stage{ overflow:visible; }
}

body.page-it-consulting .genai-approach .approach-accordions{ border-top: 0; }

 body.page-fitness{
  overflow-x:hidden;
}

 body.page-fitness{
  overflow-x:hidden;
}
 
 .genai-tech-stack{
  padding:100px 20px 120px;
  background:#000;
  color:#f5f7ff;
 }

 .genai-tech-stack .tech-stack-header{
  max-width:1100px;
  margin:0 auto 60px;
 }

 .genai-tech-stack .tech-stack-title{
  font-size:52px;
  line-height:1.15;
  margin:0 0 28px;
  color:#fff;
  font-weight:700;
  letter-spacing:-0.01em;
 }

 .genai-tech-stack .tech-stack-intro{
  font-size:18px;
  line-height:1.7;
  color:#b8bcc8;
  margin:0;
 }

 .genai-tech-stack .tech-stack-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
 }

 .genai-tech-stack .tech-stack-item{
  display:flex;
  align-items:center;
  gap:12px;
  background:#0f0f0f;
  border-top:1px solid #3f3f3f;
  border-radius:0;
  padding:20px 22px;
  transition:all 0.3s ease;
 }

 .genai-tech-stack .tech-stack-item:hover{
  background:rgba(255,255,255,0.08);
  transform:translateY(-2px);
 }

 .genai-tech-stack .tech-stack-icon{
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  flex-shrink:0;
 }

 .genai-tech-stack .tech-stack-icon svg{
  width:22px;
  height:22px;
 }

 .genai-tech-stack .tech-stack-name{
  font-size:14px;
  font-weight:600;
  color:#fff;
 }

 @media(max-width:960px){
  .genai-tech-stack .tech-stack-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
 }

 @media(max-width:640px){
  .genai-tech-stack{
    padding:60px 16px 80px;
  }
  .genai-tech-stack .tech-stack-header{
    margin-bottom:28px;
  }
  .genai-tech-stack .tech-stack-title{
    font-size:24px;
    margin-bottom:16px;
  }
  .genai-tech-stack .tech-stack-intro{
    font-size:14px;
    line-height:1.6;
  }
  .genai-tech-stack .tech-stack-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
  }
  .genai-tech-stack .tech-stack-item{
    padding:16px 18px;
    gap:12px;
  }
  .genai-tech-stack .tech-stack-icon{
    width:24px;
    height:24px;
  }
  .genai-tech-stack .tech-stack-icon svg{
    width:22px;
    height:22px;
  }
  .genai-tech-stack .tech-stack-name{
    font-size:14px;
  }
 }
 
 .genai-tech-stack--tabs{
  background:#f7eee9;
  padding:90px 20px 100px;
}

 .hc-tech-stack .genai-tech-stack--tabs{
  border-top:4px solid var(--color-accent);
  border-radius:24px 24px 0 0;
  overflow:hidden;
}
 .genai-tech-stack--tabs .container{display:grid; grid-template-columns:1fr 1fr; grid-template-areas:
    "title title"
    "desc desc"
    "stack stack"; column-gap:32px;}
 .genai-tech-stack--tabs .tech-title{
  grid-area:title;
  font-size:52px;
  line-height:1.15;
  margin:0 0 18px;
  color:#0a0d1f;
  text-align:left;
  font-weight:700;
  letter-spacing:-0.01em;
}
 .genai-tech-stack--tabs .tech-description{
  grid-area:desc;
  font-size:18px;
  line-height:1.7;
  color:#3c4257;
  margin:0 0 50px;
}
 
 .genai-tech-stack--tabs .tech-stack-shell{
  grid-area:stack;
  display:grid;
  grid-template-columns:1fr 1fr;
  background:#fff;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(15, 23, 42, 0.12);
}
.tech-tabs-scroll{
  max-height:500px;
  overflow-y:auto;
}
 .tech-tabs-scroll::-webkit-scrollbar,
 .scrollle_content::-webkit-scrollbar,
 .tools_tech_scroll::-webkit-scrollbar{
  -webkit-appearance:none;
  width:7px;
}
 .tech-tabs-scroll::-webkit-scrollbar-thumb,
 .scrollle_content::-webkit-scrollbar-thumb,
 .tools_tech_scroll::-webkit-scrollbar-thumb{
  background-color:rgba(157, 151, 255, 1);
  border-radius:10px;
}
 .tech-tabs-scroll::-webkit-scrollbar-track,
 .scrollle_content::-webkit-scrollbar-track,
 .tools_tech_scroll::-webkit-scrollbar-track{
  background:rgba(255,255,255,0.12);
  border-radius:20px;
}
.genai-tech-stack--tabs .tech-tabs{
  background:#3b82f6;
  padding:28px 30px;
  display:flex;
  flex-direction:column;
  gap:10px;
  height:auto;
  overflow-y:auto;
}
.genai-tech-stack--tabs .tech-tab-btn{
  width:100%;
  border:none;
  background:transparent;
  color:#e0deff;
  text-align:left;
  cursor:pointer;
  padding:25px;
  border-radius:12px;
  font-size:20px;
  font-weight:600;
  display:flex;
  align-items:center;
  gap:12px;
  transition:all .3s ease;
}
.genai-tech-stack--tabs .tech-tab-btn:hover{
  color:#fff;
  background: rgba(91, 84, 232, 1);
  border-radius: 12px;
}
.genai-tech-stack--tabs .tech-tab-btn.active{
  color:#fff;
  background:rgba(255,255,255,0.16);
}
.genai-tech-stack--tabs .tech-tab-icon{
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.genai-tech-stack--tabs .tech-tab-icon img{
  width:22px;
  height:22px;
  filter:brightness(0) invert(1);
}
.genai-tech-stack--tabs .tech-tab-label{ flex:1; }
.genai-tech-stack--tabs .tech-tab-arrow{
  font-size:22px;
  opacity:0;
  transition:opacity .3s ease;
}
.genai-tech-stack--tabs .tech-tab-btn.active .tech-tab-arrow{
  opacity:1;
}
.genai-tech-stack--tabs .tech-content{
  padding:28px;
  background:#fff;
}
.genai-tech-stack--tabs .tech-panel{ display:none; }
.genai-tech-stack--tabs .tech-panel.active{ display:block;}
.genai-tech-stack--tabs .tech-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px 16px;
}
.genai-tech-stack--tabs .tech-item{
  background:#f6f6f6;
  border-radius:14px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  gap:14px;
  border:1px solid #eef0f5;
}
.genai-tech-stack--tabs .tech-icon{
  width:36px;
  height:36px;
  border-radius:10px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.genai-tech-stack--tabs .tech-icon img{
  max-width:24px;
  max-height:24px;
  object-fit:contain;
}
.genai-tech-stack--tabs .tech-name{
  font-size:14px;
  font-weight:600;
  color:#0f172a;
}
.genai-tech-stack--tabs .tech-tabs::-webkit-scrollbar{
  width:6px;
}
.genai-tech-stack--tabs .tech-tabs::-webkit-scrollbar-track{
  background:rgba(255,255,255,0.12);
  border-radius:20px;
}
.genai-tech-stack--tabs .tech-tabs::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,0.6);
  border-radius:20px;
}

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

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

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

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

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

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

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

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

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


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


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

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

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


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

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

/* body.page-retail .genai-tech-stack .tech-panel{ display:none; }
body.page-retail .genai-tech-stack .tech-panel.active{ display:block;}
body.page-retail .genai-tech-stack .tech-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px 16px;
} */

/* body.page-retail .genai-tech-stack .tech-item{
  background:#f6f6f6;
  border-radius:14px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  gap:14px;
  border:1px solid #eef0f5;
} */

/* body.page-retail .genai-tech-stack .tech-icon{
  width:36px;
  height:36px;
  border-radius:10px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
} */

/* 
body.page-retail .genai-tech-stack .tech-icon img{
  max-width:24px;
  max-height:24px;
  object-fit:contain;
} */


/* body.page-retail .genai-tech-stack .tech-name{
  font-size:14px;
  font-weight:600;
  color:#0f172a;
} */


/* body.page-retail .genai-tech-stack .tech-tabs::-webkit-scrollbar{ width:6px; }
body.page-retail .genai-tech-stack .tech-tabs::-webkit-scrollbar-track{ background:rgba(255,255,255,0.12); border-radius:20px;}
body.page-retail .genai-tech-stack .tech-tabs::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.6); border-radius:20px; } */

/* @media(max-width:1100px){
  body.page-retail .genai-tech-stack .tech-stack-shell{ grid-template-columns:1fr;}
} */

 .retail-agile{ background:#ffffff; color:#0b0c0d; padding: 90px 0 84px; }
.retail-agile-top{ display:flex; align-items:flex-start; justify-content:space-between; gap: 24px; }
 .retail-agile-head{ max-width: 860px;}
 .retail-agile-head h2{ margin:0; font-size: clamp(30px, 3.8vw, 44px); line-height: 1.12; letter-spacing: -0.02em; color:#0b0c0d; }
 .retail-agile-head p{ margin: 14px 0 0; font-size: 14px; line-height: 1.75; color: rgba(11, 12, 13, .72); max-width: 860px;}

 .retail-agile-nav{ display:flex; align-items:center; gap: 16px; padding-top: 8px; }
 .retail-agile-progress{ display:none; font-size: 12px; font-weight: 800; letter-spacing: .14em; color: rgba(11, 12, 13, .55);}
 .retail-agile-arrows{ display:flex; align-items:center; gap: 10px; }
 .retail-agile-arrow{ width: 34px; height: 34px; border-radius: 999px; background: transparent; border: 1px solid rgba(11, 12, 13, .18); color:#0b0c0d; cursor:pointer; position:relative;}
 .retail-agile-arrow::before{ content:""; position:absolute; inset:0; margin:auto; width: 8px; height: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); }
 .retail-agile-arrow.prev::before{ transform: rotate(-135deg);}
 .retail-agile-arrow:hover{ border-color: rgba(11, 12, 13, .35); background: rgba(11, 12, 13, .04); }
 
 .retail-agile-track{ margin-top: 28px; display:grid; grid-auto-flow: column; grid-auto-columns: minmax(300px, 1fr); gap: 18px; overflow-x: auto; padding-bottom: 0; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none;}
 .retail-agile-track::-webkit-scrollbar{ height: 0; display: none; }
 .retail-agile-track::-webkit-scrollbar-track{ background: transparent;}
 .retail-agile-track::-webkit-scrollbar-thumb{ background: transparent; }

 .retail-agile-card{ scroll-snap-align: start; background: #ffffff; border: 1px solid rgba(11, 12, 13, .12); border-radius: 14px; padding: 18px 18px 20px; min-height: 320px; display:flex; flex-direction:column; gap: 12px; box-shadow: 0 18px 44px rgba(12, 22, 55, .08);}
 .retail-agile-card-top{ display:flex; justify-content:space-between; align-items:center; gap: 12px; }
 .retail-agile-card-step{ font-size: 11px; font-weight: 800; letter-spacing: .10em; color: rgba(11, 12, 13, .55);}
 .retail-agile-icon{ width: 34px; height: 34px; border-radius: 10px; background: rgba(23, 98, 242, .10); color: #1762f2; display:flex; align-items:center; justify-content:center; flex: 0 0 auto; }
 .retail-agile-icon svg{ width: 18px; height: 18px; stroke: currentColor;}
 .retail-agile-card h3{ margin: 6px 0 0; font-size: 16px; font-weight: 900; color:#0b0c0d; line-height: 1.25; }
 .retail-agile-card p{ margin: 0; font-size: 12px; line-height: 1.7; color: rgba(11, 12, 13, .72);}

 @media (max-width: 900px){
   .retail-agile-top{ flex-direction:column;}
   .retail-agile-nav{ justify-content:flex-end; width:100%; }
   .retail-agile-progress{ display:inline-block;}
 }

/* @media(max-width:960px){
  body.page-retail .genai-tech-stack .container{grid-template-columns:1fr; grid-template-areas:
      "title"
      "desc"
      "stack";}
  body.page-retail .genai-tech-stack .tech-title{ font-size:38px; }
  body.page-retail .genai-tech-stack .tech-description{ font-size:16px;}
  body.page-retail .genai-tech-stack .tech-stack-shell{ grid-template-columns:1fr; }
  body.page-retail .genai-tech-stack .tech-tabs{ max-height:320px;}
  body.page-retail .genai-tech-stack .tech-grid{ grid-template-columns:1fr; }
} */

@media(max-width:1100px){
  .genai-tech-stack--tabs .tech-stack-shell{
    grid-template-columns:1fr;
}
}
 
@media(max-width:960px){
  .genai-tech-stack--tabs .container{grid-template-columns:1fr; grid-template-areas:
      "title"
      "desc"
      "stack";}
  .genai-tech-stack--tabs .tech-title{
    font-size:38px;
    font-weight:600;
}
  .genai-tech-stack--tabs .tech-description{
    font-size:16px;
}
  .genai-tech-stack--tabs{
    padding-left:0;
    padding-right:0;
}
  /* Hide desktop tabs, show accordion */
  .genai-tech-stack--tabs .tech-stack-desktop{ display:none; }
  .genai-tech-stack--tabs .tech-stack-accordion{
    display:flex;
    flex-direction:column;
    grid-area:stack;
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 18px 40px rgba(15, 23, 42, 0.12);
    padding:16px;
    gap:8px;
}
  .genai-tech-stack--tabs .tech-accordion-btn{
    width:100%;
    border:none;
    background:#3b82f6;
    color:#fff;
    text-align:left;
    cursor:pointer;
    padding:14px 16px;
    border-radius:14px;
    font-size:15px;
    font-weight:500;
    display:flex;
    align-items:center;
    gap:12px;
    transition:all .3s ease;
}
  .genai-tech-stack--tabs .tech-accordion-btn .tech-tab-icon{
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
}
  .genai-tech-stack--tabs .tech-accordion-btn .tech-tab-icon img{
    width:22px;
    height:22px;
    filter:brightness(0) invert(1);
}
  .genai-tech-stack--tabs .tech-accordion-panel{
    max-height:0;
    overflow:hidden;
    padding:0 4px;
    transition:max-height .4s ease, padding .4s ease, opacity .3s ease;
    opacity:0;
}
  .genai-tech-stack--tabs .tech-accordion-panel.active{
    max-height:600px;
    padding:12px 4px 4px;
    opacity:1;
}
  .genai-tech-stack--tabs .tech-accordion-panel .tech-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
}
  .genai-tech-stack--tabs .tech-accordion-panel .tech-item{
    background:#f6f6f6;
    border-radius:12px;
    padding:10px 10px;
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid #eef0f5;
    min-width:0;
}
  .genai-tech-stack--tabs .tech-accordion-panel .tech-icon{
    width:32px;
    height:32px;
    min-width:32px;
    border-radius:8px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}
  .genai-tech-stack--tabs .tech-accordion-panel .tech-icon img{
    max-width:20px;
    max-height:20px;
    object-fit:contain;
}
  .genai-tech-stack--tabs .tech-accordion-panel .tech-name{
    font-size:12px;
    font-weight:500;
    color:#0f172a;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    min-width:0;
}
}

body.page-fitness .approach-img-accordion{
  padding:100px 0;
  background:#000;
  color:#fff;
}
body.page-ecommerce .approach-img-accordion{
  padding:100px 0;
  background:#000;
  color:#fff;
}
body.page-fitness .approach-img-header{
  max-width: 980px;
  margin:0 auto 56px;
}
body.page-fitness .approach-img-title{
  margin:0;
  font-size: clamp(34px, 4.6vw, 54px);
  line-height:1.08;
  letter-spacing:-0.02em;
  font-weight:800;
  color:#fff;
}
body.page-fitness .approach-img-desc{
  margin:16px 0 0;
  font-size:15px;
  line-height:1.75;
  color:rgba(255,255,255,.78);
  max-width: 840px;
}

body.page-ecommerce .approach-img-header{
  max-width: 980px;
  margin:0 auto 56px;
}
body.page-ecommerce .approach-img-title{
  margin:0;
  font-size: clamp(34px, 4.6vw, 54px);
  line-height:1.08;
  letter-spacing:-0.02em;
  font-weight:800;
  color:#fff;
}
body.page-ecommerce .approach-img-desc{
  margin:16px 0 0;
  font-size:15px;
  line-height:1.75;
  color:rgba(255,255,255,.78);
  max-width: 840px;
}

body.page-fitness .approach-img-grid{
  display:grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap:56px;
  align-items:start;
}

body.page-ecommerce .approach-img-grid{
  display:grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap:56px;
  align-items:start;
}

body.page-fitness .approach-img-right{
  order:1;
}
body.page-fitness .approach-img-left{
  order:2;
  position:sticky;
  top:120px;
}
body.page-fitness .approach-img-media{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height: 520px;
}
body.page-fitness .approach-img-media::before{
  content:'';
  position:absolute;
  width: 520px;
  height: 520px;
  border-radius:999px;
  background: radial-gradient(circle at 40% 40%, rgba(255,255,255,.10), rgba(0,0,0,0) 60%);
  opacity:.9;
}
body.page-fitness .approach-img-media img{
  width:100%;
  height:auto;
  max-width:520px;
  max-height:520px;
  object-fit:contain;
  display:block;
  position:relative;
}

body.page-ecommerce .approach-img-right{
  order:1;
}
body.page-ecommerce .approach-img-left{
  order:2;
  position:sticky;
  top:120px;
}
body.page-ecommerce .approach-img-media{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height: 520px;
}
body.page-ecommerce .approach-img-media::before{
  content:'';
  position:absolute;
  width: 520px;
  height: 520px;
  border-radius:999px;
  background: radial-gradient(circle at 40% 40%, rgba(255,255,255,.10), rgba(0,0,0,0) 60%);
  opacity:.9;
}
body.page-ecommerce .approach-img-media img{
  width:100%;
  height:auto;
  max-width:none;
  display:block;
  position:relative;
}

body.page-fitness .approach-img-item{
  border-bottom:1px solid rgba(255,255,255,.12);
}
body.page-fitness .approach-img-item:first-child{
  border-top:1px solid rgba(255,255,255,.12);
}
body.page-fitness .approach-img-trigger{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:22px 0;
  background:transparent;
  border:0;
  cursor:pointer;
  text-align:left;
  color:#fff;
}
body.page-fitness .approach-img-step-title{
  font-size:16px;
  line-height:1.35;
  font-weight:800;
  color:#fff;
}
body.page-fitness .approach-img-icon{
  color:rgba(255,255,255,.65);
  transition:transform .25s ease, color .25s ease;
}
body.page-fitness .approach-img-item.is-open .approach-img-icon{
  transform:rotate(180deg);
  color:#fff;
}
body.page-fitness .approach-img-panel{
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease, opacity .25s ease;
  opacity:0;
}
body.page-fitness .approach-img-panel p{
  margin:0;
  padding: 0 0 18px;
  font-size:14px;
  line-height:1.75;
  color:rgba(255,255,255,.72);
  max-width: 560px;
}

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

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

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

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

.genai-services.genai-services--fitness .genai-services-grid{
  margin-left:auto;
  margin-right:auto;
  border:1px solid #15497e;
}
.genai-nav-scroll{
  max-height: 80%;
  width:100%;
  overflow-y:auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #fff #8897fa;
}

 .genai-nav-scroll::-webkit-scrollbar{
  -webkit-appearance:none;
  width:4px;
}
 .genai-nav-scroll::-webkit-scrollbar-thumb{
  background-color:#fff;
  border-radius:10px;
}
 .genai-nav-scroll::-webkit-scrollbar-track{
  border-radius:10px;
  background-color:#8897fa;
}

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

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

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

 .genai-nav-scroll::-webkit-scrollbar-track-piece{
  border-radius:10px;
  background-color:#8897fa;
}

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

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

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

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

.genai-services.genai-services--fitness .genai-services-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  align-items:stretch;
  max-width:100%;
  min-height:487px;
  height:550px;
  position:relative;
  background: linear-gradient(
    to right bottom,
    rgba(30,109,255,0.05),
    rgba(30,109,255,0.02),
    rgba(0,0,0,0)
  );
  margin-top:50px;
  border:1px solid #15497e;
  border-radius:24px;
  overflow:hidden;
}

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

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

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

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

 .genai-services.genai-services--fitness .genai-services-nav,
 .genai-services.genai-services--fitness .genai-services-content{ position:relative; z-index:1; }
 .genai-services.genai-services--fitness .genai-services-nav{
   position:relative;
   top:auto;
   background:#3b82f6;
   padding: 25px 60px 25px 30px;
   height:100%;
   max-height:100% !important;
   overflow:hidden;
   scrollbar-width:none;
 }

 .genai-services.genai-services--fitness .genai-services-nav::-webkit-scrollbar{
  width:0;
}
 .genai-services.genai-services--fitness .genai-nav-item{
   position:relative;
   display:flex;
   align-items:center;
   gap:14px;
   padding:25px 0;
   background:transparent;
   border:none;
   color:rgba(255,255,255,0.8);
   text-align:left;
   cursor:pointer;
   transition:all .25s ease;
   border-bottom:1px solid rgba(255,255,255,0.22);
   font-size:21px;
   font-weight:600;
   width:100%;
}
 .genai-services.genai-services--fitness .genai-nav-item:last-child{ border-bottom:none; }
 .genai-services.genai-services--fitness .genai-nav-item:hover{ color:#fff;}
 .genai-services.genai-services--fitness .genai-nav-item.is-active{ color:#fff; }
 .genai-services.genai-services--fitness .genai-nav-number{
   font-size:14px;
   font-weight:700;
   min-width:34px;
   opacity:0.95;
}
 .genai-services.genai-services--fitness .genai-services-content{ position:relative; padding:44px 44px; min-height:420px; }

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

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

  @media(max-width:960px){
   .genai-services.genai-services--fitness{ padding:60px 0px 80px;}
   .genai-services.genai-services--fitness .genai-services-title{ font-size: var(--font-size-2xl); text-align: center; }
   .genai-services.genai-services--fitness .genai-services-intro{ margin-bottom:26px; max-width: none; width: 100%; text-align: center; }
   .genai-services.genai-services--fitness .genai-services-grid{ grid-template-columns:1fr; gap:28px; background:rgba(255,255,255,0.03); }

  .genai-services.genai-services--fitness.genai-services--light .genai-services-grid{ background:rgba(2,6,23,0.03); border-color:rgba(21,73,126,0.3);}
   .genai-services.genai-services--fitness .genai-services-nav{ position:static; padding:28px 24px; }
   .genai-services.genai-services--fitness .genai-services-content{ padding:28px 24px; min-height:auto;}
   .genai-services.genai-services--fitness .genai-service-card{ position:static; opacity:1; visibility:visible; transform:none; padding:0; pointer-events:auto; }

   /* Light variant mobile adjustments */
   .genai-services.genai-services--fitness.genai-services--light{ background:#fff; color:#0b1220; }
   .genai-services.genai-services--fitness.genai-services--light .genai-services-title{ color:#0b1220; }
   .genai-services.genai-services--fitness.genai-services--light .genai-services-intro{ color:rgba(11,18,32,0.72); }
   .genai-services.genai-services--fitness.genai-services--light .genai-services-grid{ background:#fff; border-color:rgba(11,18,32,0.12); }
   .genai-services.genai-services--fitness.genai-services--light .genai-services-nav{ background:#1e6dff; background-image:linear-gradient(to right bottom, #3b82f6, #2563eb); }
   .genai-services.genai-services--fitness.genai-services--light .genai-nav-item{ color:rgba(255,255,255,0.85); border-bottom-color:rgba(255,255,255,0.22); }
   .genai-services.genai-services--fitness.genai-services--light .genai-nav-item.is-active{ color:#fff; }
   .genai-services.genai-services--fitness.genai-services--light .genai-services-content{ background:#fff; }
   .genai-services.genai-services--fitness.genai-services--light .genai-service-title{ color:#0b1220; }
   .genai-services.genai-services--fitness.genai-services--light .genai-service-desc{ color:rgba(11,18,32,0.72); }
   .genai-services.genai-services--fitness.genai-services--light .genai-service-icon{ background:#1e6dff; }
}

 body.page-ecommerce .ai-agent-compliance{
  background:#000;
  padding:100px 0 110px;
  color:#fff;
}
body.page-ecommerce .ai-agent-compliance .compliance-head{
  text-align:left;
  max-width:980px;
  margin:0 auto 46px;
}
 body.page-ecommerce .ai-agent-compliance .compliance-head h2{
  margin:0 0 18px;
  font-size:42px;
  line-height:1.15;
  font-weight:800;
  color:#fff;
}
 body.page-ecommerce .ai-agent-compliance .compliance-head p{
  margin:0;
  color:rgba(255,255,255,.72);
  line-height:1.7;
  font-size:15px;
}

 body.page-ecommerce .ai-agent-compliance .compliance-tabs-wrap,
 body.page-ecommerce .ai-agent-compliance .compliance-nav{ display:none; }

 body.page-ecommerce .ai-agent-compliance .compliance-panel{ display:block !important;}
 body.page-ecommerce .ai-agent-compliance .compliance-panel[hidden]{ display:block !important; }

 body.page-ecommerce .ai-agent-compliance .compliance-stage{ overflow:visible; margin:0; padding:0;}
 body.page-ecommerce .ai-agent-compliance .compliance-rail{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:22px;
  align-items:stretch;
  transform:none !important;
}
 
 body.page-ecommerce .ai-agent-compliance .compliance-card{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:28px 22px;
  display:flex;
  flex-direction:column;
  gap:12px;
  text-align:left;
  align-items:flex-start;
  min-height:170px;
  height:100%;
}
 body.page-ecommerce .ai-agent-compliance .compliance-icon{ display:none; }
 body.page-ecommerce .ai-agent-compliance .compliance-card h3{
  margin:0;
  font-size:14px;
  font-weight:800;
  color:#fff;
  line-height:1.4;
}
 body.page-ecommerce .ai-agent-compliance .compliance-card p{
  margin:0;
  font-size:13px;
  line-height:1.7;
  color:rgba(255,255,255,.72);
}

 @media(max-width:960px){
  body.page-ecommerce .ai-agent-compliance{ padding:80px 0 90px;}
  body.page-ecommerce .ai-agent-compliance .compliance-head h2{ font-size:34px; }
  body.page-ecommerce .ai-agent-compliance .compliance-rail{ grid-template-columns:repeat(2, minmax(0, 1fr));}
 }

 @media(max-width:560px){
  body.page-ecommerce .ai-agent-compliance .compliance-rail{ grid-template-columns:1fr;}
 }

/* Fintech page-specific overrides */
body.page-fintech section:not(.genai-readiness-cta):not(.genai-blogs):not(.ai-agent-metrics):not(.cb-services){
  background:#000 !important;
}
body.page-fintech .ai-agent-testimonials .testimonials-nav,
body.page-fintech .ai-agent-testimonials .testimonials-dots{
  display:none;
}

 body.page-fintech .ai-agent-compliance{
  background:#000;
  padding:100px 0 110px;
  color:#fff;
}
body.page-fintech .ai-agent-compliance .compliance-head{
  text-align:center;
  max-width:980px;
  margin:0 auto 40px;
}
 body.page-fintech .ai-agent-compliance .compliance-head h2{
  margin:0 0 20px;
  font-size:clamp(30px, 3.2vw, 44px);
  font-weight:800;
  line-height:1.15;
  color:#fff;
}
 body.page-fintech .ai-agent-compliance .compliance-head p{
  margin:0;
  font-size:16px;
  line-height:1.7;
  color:rgba(255,255,255,.72);
}

 body.page-fintech .ai-agent-compliance .compliance-tabs-wrap{
  display:none;
}
 body.page-fintech .ai-agent-compliance .compliance-tabs{
  display:inline-flex;
  align-items:stretch;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  padding:8px;
  gap:8px;
}
 body.page-fintech .ai-agent-compliance .compliance-tab{
  padding:14px 26px;
  background:transparent;
  border:none;
  border-radius:10px;
  color:rgba(255,255,255,.75);
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  cursor:pointer;
  transition:all 0.25s ease;
  white-space:nowrap;
}
 body.page-fintech .ai-agent-compliance .compliance-tab:hover{ color:#fff; }
 body.page-fintech .ai-agent-compliance .compliance-tab.is-active{
  background:#fff;
  color:#000;
}

 body.page-fintech .ai-agent-compliance .compliance-stage{
  overflow:hidden;
  margin:0 -10px;
  padding:0 10px;
}
 body.page-fintech .ai-agent-compliance .compliance-rail{
  display:flex;
  gap:16px;
  transition:transform 0.35s ease;
}
 body.page-fintech .ai-agent-compliance .compliance-rail.is-centered{ justify-content:center; transform:none !important; }

 body.page-fintech .ai-agent-compliance .compliance-card{
  flex:0 0 calc((100% - 64px) / 5);
  min-width:0;
  background:transparent;
  border:1px solid rgba(255,255,255,.08);
  border-left:none;
  border-radius:16px;
  padding:28px 20px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  gap:12px;
  min-height:210px;
}
 body.page-fintech .ai-agent-compliance .compliance-card:first-child{ border-left:1px solid rgba(255,255,255,.08); }

 body.page-fintech .ai-agent-compliance .compliance-icon{
  width:80px;
  height:80px;
  border-radius:50%;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.08);
  display:grid;
  place-items:center;
  font-size:18px;
  filter:grayscale(1) brightness(1.2);
}
 body.page-fintech .ai-agent-compliance .compliance-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:invert(1) brightness(1.2);
}
 body.page-fintech .ai-agent-compliance .compliance-icon span{
  font-weight:900;
  letter-spacing:.08em;
  color:rgba(255,255,255,.85);
}
 body.page-fintech .ai-agent-compliance .compliance-card h3{
  margin:0;
  font-size:16px;
  font-weight:800;
  color:#fff;
}
 body.page-fintech .ai-agent-compliance .compliance-card p{
  margin:0;
  font-size:13px;
  line-height:1.6;
  color:rgba(255,255,255,.72);
}

 body.page-fintech .ai-agent-compliance .compliance-nav{
  display:flex;
  justify-content:center;
  gap:16px;
  margin-top:26px;
}
 body.page-fintech .ai-agent-compliance .compliance-btn{
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid transparent;
  background:transparent;
  color:rgba(255,255,255,.72);
  font-size:22px;
  cursor:pointer;
  display:grid;
  place-items:center;
  transition:all 0.25s ease;
}
 body.page-fintech .ai-agent-compliance .compliance-btn:hover:not(:disabled){
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.18);
}
 body.page-fintech .ai-agent-compliance .compliance-btn:disabled{ opacity:0.3; cursor:not-allowed; }

 body.page-fintech-software-development .ai-agent-compliance .compliance-nav{ display:none; }
 body.page-fintech-consulting .ai-agent-compliance .compliance-nav{ display:none; }
 body.page-insurance .compliance-standards-nav{ display:none; }
 body.page-ott .awards-nav{ display:none; }
 body.page-how-we-work .ai-faq-card-icon{ display:none; }

 @media(max-width:1100px){
  body.page-fintech .ai-agent-compliance .compliance-card{ flex:0 0 calc((100% - 48px) / 4);}
 }
 @media(max-width:900px){
  body.page-fintech .ai-agent-compliance .compliance-tabs-wrap{ justify-content:flex-start; }
  body.page-fintech .ai-agent-compliance .compliance-tabs{ overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; max-width:100%; flex-wrap:nowrap; }
  body.page-fintech .ai-agent-compliance .compliance-tabs::-webkit-scrollbar{ display:none; }
  body.page-fintech .ai-agent-compliance .compliance-card{ flex:0 0 calc((100% - 32px) / 3); }
}
 @media(max-width:640px){
  body.page-fintech .ai-agent-compliance{ padding:60px 0 70px;}
  body.page-fintech .ai-agent-compliance .compliance-tabs{ padding:4px; gap:4px; border-radius:10px; }
  body.page-fintech .ai-agent-compliance .compliance-tab{ padding:8px 14px; font-size:12px; border-radius:8px; }
  body.page-fintech .ai-agent-compliance .compliance-card{ flex:0 0 100%; border-radius:8px; }
  body.page-fintech .ai-agent-compliance .compliance-icon{ width:52px; height:52px;}
 }

 .ai-agent-compliance{
  --compliance-active-bg:#fff;
  --compliance-active-color:#000;
  background:#000;
  padding:100px 0 110px;
  color:#fff;
 }
 .ai-agent-compliance.ai-agent-compliance--active-blue{
  --compliance-active-bg:#1263ff;
  --compliance-active-color:#fff;
 }
 .ai-agent-compliance .compliance-head{
  text-align:center;
  max-width:980px;
  margin:0 auto 40px;
 }
 .ai-agent-compliance .compliance-head h2{
  margin:0 0 20px;
  font-size:clamp(30px, 3.2vw, 44px);
  font-weight:800;
  line-height:1.15;
  color:#fff;
 }
 .ai-agent-compliance .compliance-head p{
  margin:0;
  font-size:16px;
  line-height:1.7;
  color:rgba(255,255,255,.72);
 }
 .ai-agent-compliance .compliance-tabs-wrap{
  display:flex;
  justify-content:center;
  margin-bottom:40px;
 }
 .ai-agent-compliance .compliance-tabs{
  display:inline-flex;
  align-items:stretch;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  padding:5px;
  gap:5px;
 }
 .ai-agent-compliance .compliance-tab{
  padding:10px 22px;
  background:transparent;
  border:none;
  border-radius:7px;
  color:rgba(255,255,255,.82);
  font-size:14px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  transition:all 0.25s ease;
  white-space:nowrap;
 }
 .ai-agent-compliance .compliance-tab:hover{ color:#fff; }
 .ai-agent-compliance .compliance-tab.is-active{
  background:var(--compliance-active-bg);
  color:var(--compliance-active-color);
 }

 .ai-agent-compliance .compliance-stage{
  overflow:hidden;
  margin:0 -10px;
  padding:0 10px;
 }
 .ai-agent-compliance .compliance-rail{
  display:flex;
  gap:22px;
  transition:transform 0.35s ease;
 }
 .ai-agent-compliance .compliance-rail.is-centered{ justify-content:center; transform:none !important; }

 .ai-agent-compliance .compliance-card{
  flex:0 0 calc((100% - 88px) / 5);
  min-width:0;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px;
  padding:22px 16px 20px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  min-height:200px;
 }
 .ai-agent-compliance .compliance-card:hover{
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.03);
 }

 .ai-agent-compliance .compliance-icon{
  width:72px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  line-height:1;
  opacity:0.9;
  filter:grayscale(1) brightness(1.35);
 }
 .ai-agent-compliance .compliance-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:invert(1) brightness(1.2);
 }
 .ai-agent-compliance .compliance-card h3{
  margin:0;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#fff;
 }
 .ai-agent-compliance .compliance-card p{
  margin:0;
  font-size:11px;
  line-height:1.65;
  color:rgba(255,255,255,.78);
  text-decoration:underline;
  text-decoration-color:rgba(255,255,255,.35);
  text-underline-offset:4px;
 }

 .ai-agent-compliance .compliance-nav{
  display:flex;
  justify-content:center;
  gap:18px;
  margin-top:26px;
 }
 .ai-agent-compliance .compliance-btn{
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  background:transparent;
  color:rgba(255,255,255,.72);
  display:grid;
  place-items:center;
  font-size:18px;
  line-height:1;
  cursor:pointer;
  transition:all 0.25s ease;
 }
 .ai-agent-compliance .compliance-btn:hover:not(:disabled){
  background:rgba(255,255,255,0.06);
  border-color:rgba(255,255,255,0.22);
  color:#fff;
 }
 .ai-agent-compliance .compliance-btn:disabled{ opacity:0.28; cursor:not-allowed; }

 @media(max-width:1100px){
  .ai-agent-compliance .compliance-card{ flex:0 0 calc((100% - 66px) / 4); }
 }
 @media(max-width:900px){
  .ai-agent-compliance .compliance-tabs-wrap{ justify-content:flex-start; }
  .ai-agent-compliance .compliance-tabs{ overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; max-width:100%; flex-wrap:nowrap; }
  .ai-agent-compliance .compliance-tabs::-webkit-scrollbar{ display:none; }
  .ai-agent-compliance .compliance-card{ flex:0 0 calc((100% - 44px) / 3); }
 }
 @media(max-width:640px){
  .ai-agent-compliance{ padding:60px 0 70px; }
  .ai-agent-compliance .compliance-tabs{ padding:4px; gap:4px; border-radius:8px; }
  .ai-agent-compliance .compliance-tab{ padding:8px 14px; font-size:12px; border-radius:6px; }
  .ai-agent-compliance .compliance-card{ flex:0 0 100%; min-height:180px; border-radius:6px; }
  .ai-agent-compliance .compliance-icon{ width:60px; height:42px; font-size:26px; }
  .ai-agent-compliance .compliance-card h3{ font-size:11px; }
  .ai-agent-compliance .compliance-card p{ font-size:10px; }
 }

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

 body.page-healthcare .genai-success-stories

 {
  border-top: 6px solid #c0f;
  border-radius: 26px;
}
body.page-retail .genai-success-stories{ padding:100px 20px 80px; }
.genai-success-stories::before,
 .genai-success-stories::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:420px;
  background:url('/images/assets-ext/ellipse1-new-banner.webp') center / contain no-repeat;
  pointer-events:none;
  z-index:-1;
}
 .genai-success-stories::before,
 .genai-success-stories::after{
  display:none;
}
 .genai-success-stories::before{ left:0; }
 .genai-success-stories::after{ right:0; transform:scaleX(-1);}
 .success-stories-header{
   max-width:1100px;
   margin-bottom:60px;
}
 .success-stories-title{
   font-size:52px;
   line-height:1.15;
   margin:0 0 28px;
   color:#fff;
   font-weight:700;
   letter-spacing:-0.01em;
}
 .success-stories-intro{
   font-size:18px;
   line-height:1.7;
   color:#b8bcc8;
   margin:0;
}
 .success-stories-carousel{
   position:relative;
   display:block;
   margin-bottom:40px;
}
 .success-stories-wrapper{
   padding:0;
   overflow:hidden;
   position:relative;
}
 .success-story-slide{ display:none; }
 .success-story-slide.is-active{
   display:block;
   animation:fadeInSlide 0.4s ease;
}
 @keyframes fadeInSlide{
   from{opacity:0;transform:translateX(20px);}
   to{opacity:1;transform:translateX(0);}
}
 .success-story-card{
   display:grid;
   grid-template-columns: minmax(0, 65%) minmax(0, 35%);
   gap:0;
   min-height:450px;
   background:transparent;
   /* border:1px solid rgba(255,255,255,0.08); */
   /* border-radius:24px; */
   overflow:hidden;
}
 .success-story-content{
   padding:48px 44px;
   display:flex;
   flex-direction:column;
   gap:20px;
   background:rgba(255,255,255,0.03);
   background-color: #1b1b1b;
  border: 1px solid #5b5b5b;
  border-right: 0;
  border-radius: 12px 0 0 12px
}
 .success-story-card-title{
   font-size:32px;
   font-weight:700;
   color:#fff;
   margin:0;
   line-height:1.2;
}
 .success-story-desc{
   font-size:18px;
   line-height:1.7;
   color:#b8bcc8;
   margin:0;
}
 .success-story-outcome-label{
   font-size:16px;
   font-weight:600;
   color:#fff;
   margin:0;
}
 .success-story-metrics{
   display:flex;
   gap:24px;
   flex-wrap:wrap;
}
 .success-story-metric{
   display:flex;
   flex-direction:column;
   gap:4px;
   padding-right:24px;
   border-right:1px solid rgba(255,255,255,0.2);
}
 .success-story-metric:last-child{
   border-right:none;
   padding-right:0;
}
 .metric-value{
   font-size:28px;
   font-weight:700;
   color:#fff;
   line-height:1.2;
}
 .metric-label{
   font-size:15px;
   color:#b8bcc8;
   line-height:1.4;
}
 .success-story-results{
   margin:0;
   padding:0;
   list-style:none;
   display:flex;
   flex-direction:column;
   gap:6px;
   color:#b8bcc8;
   font-size:15px;
   line-height:1.5;
}
 .success-story-results li{
   margin:0;
}
 .success-story-cta{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   padding:12px 26px;
   font-size:15px;
   font-weight:600;
   color:#fff;
   background:transparent;
   border:1px solid rgba(255,255,255,0.55);
   border-radius:6px;
   text-decoration:none;
   transition:all 0.3s ease;
   width:fit-content;
   margin-top:28px;
}
 .success-story-cta:hover{
   background:rgba(255,255,255,0.1);
   border-color:rgba(255,255,255,0.5);
}
 .success-story-image{
   position:relative;
   overflow:hidden;
   border-radius: 0 12px 12px 0;
}
 .success-story-image img{
   width:100%;
   height:100%;
   object-fit:cover;
   display:block;
}
 .success-stories-nav{
   width:48px;
   height:48px;
   border-radius:50%;
   background:#fff;
   border:none;
   display:flex;
   align-items:center;
   justify-content:center;
   cursor:pointer;
   transition:all 0.3s ease;
   flex-shrink:0;
   color:#05070b;
   position:absolute;
   top:50%;
   transform:translateY(-50%);
   z-index:2;
}
 .success-stories-nav.prev{ left:-24px; }
 .success-stories-nav.next{ right:-24px;}
 .success-stories-nav:hover{
   background:#3b82f6;
   color:#fff;
}
 .success-stories-nav svg{
   width:20px;
   height:20px;
}
 .success-stories-tabs{
   display:flex;
   justify-content:center;
   gap:40px;
   flex-wrap:wrap;
   padding-top:22px;
   /* border-top:1px solid rgba(255,255,255,0.12); */
   position:relative;
   z-index:0;
}
 .success-stories-tabs::before,
 .success-stories-tabs::after{
  display:none;
}
 .success-story-tab{
   background:none;
   border:none;
   font-size:16px;
   font-weight:500;
   color:#b8bcc8;
   cursor:pointer;
   padding:0 0 10px;
   position:relative;
   transition:color 0.3s ease;
}
 .success-story-tab::after{
   content:'';
   position:absolute;
   bottom:0;
   left:50%;
   width:56px;
   height:2px;
   background:transparent;
   transition:background 0.3s ease;
   transform:translateX(-50%);
}
 .success-story-tab:hover{ color:#fff; }
 .success-story-tab.is-active{ color:#fff;}
 .success-story-tab.is-active::after{ background:#fff; }

 @media(max-width:960px){
   .genai-success-stories{ padding:80px 16px 60px;}
   .success-stories-header{ margin-bottom:24px; }
   .success-stories-title{ font-size:var(--font-size-2xl); }
   .success-stories-intro{ font-size:var(--font-size-base); }
   /* Arrows after subhead, right-aligned */
   .success-stories-carousel{ display:flex; flex-wrap:wrap; gap:16px; }
   .success-stories-nav{ position:static; transform:none; width:auto; height:auto; background:transparent; border:none; border-radius:0; box-shadow:none; color:#fff; padding:0; order:-1; }
   .success-stories-nav svg{ width:20px; height:20px; }
   .success-stories-nav.prev{ margin-left:auto; }
   .success-stories-nav.next{ margin-right:0; }
   .success-stories-wrapper{ width:100%; order:1; }
   .success-story-card{ grid-template-columns:1fr; gap:0; border:1px solid rgba(255,255,255,0.08); border-radius:20px; overflow:hidden; min-height:auto; background:#111318; }
   .success-story-content{ padding:32px 24px; order:1; border:none; border-radius:0; background:transparent; }
   .success-story-image{ order:2; height:auto; border-radius:0; }
   .success-story-image img{ height:auto; }
   .success-stories-tabs{ display:none; }
   .success-story-card-title{ font-size:var(--font-size-xl); }
   .success-story-desc{ font-size:var(--font-size-base); }
   .success-story-metrics{ flex-direction:column; gap:16px; }
   .success-story-metric{
     flex-direction:row;
     align-items:baseline;
     gap:8px;
     border-right:none;
     padding-right:0;
     border-left:2px solid rgba(255,255,255,0.2);
     padding-left:12px;
   }
   .metric-value{ font-size:var(--font-size-xl); }
 }

 .saas-success-split{ padding:92px 0; background:#05070b; color:#fff; }
.saas-success-split-grid{ display:grid; grid-template-columns: 1.05fr 0.95fr; gap:72px; align-items:center; }
 .saas-success-split-title{ margin:0 0 26px; font-size: clamp(30px, 3.6vw, 44px); line-height:1.18; font-weight:800; letter-spacing:-0.02em; color:#fff;}
 .saas-success-split-list{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:14px; }
 .saas-success-split-list li{ position:relative; padding-left:22px; font-size:15px; line-height:1.7; color:rgba(255,255,255,0.88); font-weight:600;}
 .saas-success-split-list li::before{ content:''; width:6px; height:6px; border-radius:50%; background:#ff5a3c; position:absolute; left:0; top:10px; }
 .saas-success-split-list li span{ color:#ff5a3c; font-weight:800;}
 .saas-success-split-cta{ margin-top:34px; display:inline-flex; align-items:center; gap:12px; padding:12px 18px; border-radius:10px; border:1px solid rgba(255,255,255,0.55); background:transparent; color:#fff; text-decoration:none; font-weight:800; font-size:12px; letter-spacing:0.01em; }
 .saas-success-split-cta:hover{ background:rgba(255,255,255,0.06);}
 .saas-success-split-cta-arrow{ opacity:0.9; font-size:16px; }
 .saas-success-split-media{ border-radius:18px; overflow:hidden; background:rgba(255,255,255,0.04); box-shadow:0 28px 72px rgba(0,0,0,.62);}
 .saas-success-split-media img{ width:100%; height:auto; display:block; object-fit:cover; }

 @media(max-width:960px){
  .saas-success-split{ padding:72px 0;}
  .saas-success-split-grid{ grid-template-columns:1fr; gap:36px; }
}

 @media(max-width:640px){
  .saas-success-split{ padding:60px 0;}
  .saas-success-split-title{ font-size:28px; }
}

/* ===== THANK YOU PAGE ===== */
.thank-you-hero{
  min-height:calc(100vh - 80px);
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg, #0a0a0a 0%, #111 100%);
  padding:80px 24px;
}
.thank-you-content{
  max-width:640px;
  margin:0 auto;
  text-align:center;
}
.thank-you-icon{
  width:80px;
  height:80px;
  margin:0 auto 32px;
  color:#22c55e;
}
.thank-you-icon svg{ width:100%; height:100%; }
.thank-you-content h1{
  font-size:48px;
  font-weight:700;
  color:#fff;
  margin:0 0 16px;
}
.thank-you-lead{
  font-size:20px;
  color:rgba(255,255,255,0.9);
  margin:0 0 12px;
}
.thank-you-copy{
  font-size:16px;
  color:rgba(255,255,255,0.6);
  margin:0 0 48px;
}
.thank-you-next{
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;
  padding:32px;
  margin:0 0 40px;
  text-align:left;
}
.thank-you-next h2{
  font-size:18px;
  font-weight:600;
  color:#fff;
  margin:0 0 24px;
  text-align:center;
}
.thank-you-steps{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:20px;
}
.thank-you-steps li{
  display:flex;
  align-items:flex-start;
  gap:16px;
}
.thank-you-step-num{
  flex-shrink:0;
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, #e32d0c 0%, #ff6b4a 100%);
  border-radius:50%;
  font-size:14px;
  font-weight:600;
  color:#fff;
}
.thank-you-steps li strong{
  display:block;
  font-size:16px;
  font-weight:600;
  color:#fff;
  margin:0 0 4px;
}
.thank-you-steps li p{
  font-size:14px;
  color:rgba(255,255,255,0.6);
  margin:0;
}
.thank-you-actions{
  display:flex;
  gap:16px;
  justify-content:center;
  flex-wrap:wrap;
}
.thank-you-actions .btn-primary,
.thank-you-actions .btn-secondary{
  padding:14px 28px;
  font-size:15px;
  font-weight:600;
  border-radius:8px;
  text-decoration:none;
  transition:all 0.2s ease;
}
.thank-you-actions .btn-primary{
  background:linear-gradient(135deg, #e32d0c 0%, #ff6b4a 100%);
  color:#fff;
}
.thank-you-actions .btn-primary:hover{ opacity:0.9; transform:translateY(-1px); }
.thank-you-actions .btn-secondary{
  background:transparent;
  border:1px solid rgba(255,255,255,0.2);
  color:#fff;
}
.thank-you-actions .btn-secondary:hover{ border-color:rgba(255,255,255,0.4); background:rgba(255,255,255,0.05); }

@media(max-width:640px){
  .thank-you-hero{ padding:60px 16px;}
  .thank-you-content h1{ font-size:36px; }
  .thank-you-lead{ font-size:18px;}
  .thank-you-next{ padding:24px 20px; }
  .thank-you-actions{ flex-direction:column;}
  .thank-you-actions .btn-primary,
  .thank-you-actions .btn-secondary{ width:100%; text-align:center; }
}

/* ===== LANDING PAGE (Google Ads Optimized) ===== */
.landing-hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  background:linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 100%);
  padding:100px 24px 80px;
  overflow:hidden;
}
.landing-hero--video-bg .landing-hero-bg-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.landing-hero--video-bg .landing-hero-bg-overlay{ position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,.6) 48%, rgba(0,0,0,.45) 100%); }
.landing-hero--video-bg .container{ position:relative; z-index:2; }
.landing-hero-grid{
  display:grid;
  grid-template-columns:1fr 420px;
  gap:60px;
  align-items:center;
  max-width:1200px;
  margin:0 auto;
}
.landing-hero-content{
  min-width:0;
  overflow:hidden;
}
.landing-hero-eyebrow{
  display:inline-block;
  font-size:13px;
  font-weight:600;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:#e32d0c;
  margin:0 0 16px;
}
.landing-hero-title{
  font-size:52px;
  font-weight:700;
  line-height:1.15;
  color:#fff;
  margin:0 0 20px;
}
.landing-hero-subtitle{
  font-size:18px;
  color:rgba(255,255,255,0.7);
  line-height:1.6;
  margin:0 0 32px;
  max-width:540px;
}
.landing-hero-points{
  list-style:none;
  margin:0 0 40px;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.landing-hero-points li{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:16px;
  color:rgba(255,255,255,0.85);
}
.landing-check{
  width:22px;
  height:22px;
  flex-shrink:0;
  color:#22c55e;
}
.landing-hero-trust{
  display:flex;
  align-items:center;
  gap:20px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,0.1);
}
.landing-trust-label{
  font-size:13px;
  color:rgba(255,255,255,0.5);
  text-transform:uppercase;
  letter-spacing:0.05em;
}
.landing-trust-logos{
  flex:1;
  min-width:0;
  overflow:hidden;
  max-height:32px;
  position:relative;
  -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%);
}
.landing-trust-track{
  display:inline-flex;
  align-items:center;
  gap:36px;
  animation:landing-trust-scroll 20s linear infinite;
  will-change:transform;
}
.landing-trust-logos img{
  height:22px;
  max-width:100px;
  width:auto;
  object-fit:contain;
  filter:brightness(0) invert(1);
  opacity:0.85;
  flex-shrink:0;
}
@keyframes landing-trust-scroll{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}
/* Form Card */
.landing-hero-form-wrap{
  position:relative;
}
.landing-hero-form-card{
  background:#fff;
  border-radius:16px;
  padding:36px 32px;
  box-shadow:0 25px 50px -12px rgba(0,0,0,0.4);
}
.landing-form-title{
  font-size:24px;
  font-weight:700;
  color:#0a0a0a;
  margin:0 0 8px;
  text-align:center;
}
.landing-form-copy{
  font-size:14px;
  color:#666;
  margin:0 0 24px;
  text-align:center;
}
.landing-form-alert{
  padding:12px 16px;
  border-radius:8px;
  font-size:14px;
  margin:0 0 20px;
  background:#dcfce7;
  color:#166534;
}
.landing-form-alert.is-error{
  background:#fee2e2;
  color:#991b1b;
}
.landing-form{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.landing-input{
  width:100%;
  padding:14px 16px;
  font-size:15px;
  border:1px solid #e5e7eb;
  border-radius:8px;
  background:#f9fafb;
  color:#0a0a0a;
  transition:all 0.2s ease;
}
.landing-input:focus{
  outline:none;
  border-color:#e32d0c;
  background:#fff;
  box-shadow:0 0 0 3px rgba(227,45,12,0.1);
}
.landing-input::placeholder{ color:#9ca3af; }
textarea.landing-input{ resize:vertical; min-height:80px;}
.landing-captcha{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14px;
  color:#666;
}
.landing-captcha-input{
  width:70px;
  text-align:center;
}
.landing-submit{
  width:100%;
  padding:16px 24px;
  font-size:16px;
  font-weight:600;
  color:#fff;
  background:linear-gradient(135deg, #e32d0c 0%, #ff6b4a 100%);
  border:none;
  border-radius:8px;
  cursor:pointer;
  transition:all 0.2s ease;
  margin-top:8px;
}
.landing-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 20px rgba(227,45,12,0.3);
}
.landing-assurances{
  list-style:none;
  margin:16px 0 0;
  padding:0;
  display:flex;
  justify-content:center;
  gap:20px;
  flex-wrap:wrap;
}
.landing-assurances li{
  font-size:12px;
  color:#888;
  display:flex;
  align-items:center;
  gap:6px;
}
.landing-assurances li::before{
  content:"✓";
  color:#22c55e;
  font-weight:700;
}

@media(max-width:960px){
  .landing-hero-grid{
    grid-template-columns:1fr;
    gap:48px;
}
  .landing-hero-content{ text-align:center; }
  .landing-hero-subtitle{ margin-left:auto; margin-right:auto;}
  .landing-hero-points{ align-items:center; }
  .landing-hero-trust{ justify-content:center; flex-wrap:wrap;}
  .landing-trust-logos{ max-height:none; }
  .landing-trust-track{ gap:28px; }
  .landing-trust-logos img{ height:20px; }
}
@media(max-width:640px){
  .landing-hero{ padding:80px 16px 60px;}
  .landing-hero-title{ font-size:36px; }
  .landing-hero-subtitle{ font-size:16px;}
  .landing-hero-form-card{ padding:28px 20px; }
  .landing-form-title{ font-size:20px;}
  .landing-assurances{ flex-direction:column; align-items:center; gap:8px; }
}

/* Split hero with form (service pages) */
.hero-split-form{
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 90px 24px 50px;
  background: #0a0a0a;
  overflow: hidden;
}
.hsf-video-bg{
  position: absolute;
  inset: 0;
  z-index: 0;
}
.hsf-video-bg video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hsf-video-overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.65) 48%, rgba(0,0,0,.45) 100%);
  z-index: 1;
  pointer-events: none;
}
.hsf--has-video .container{
  position: relative;
  z-index: 2;
}
.hsf-grid{
  display: grid;
  grid-template-columns: 65% 35%;
  gap: 30px;
  align-items: end;
}
.hsf-right{ position: relative; z-index: 2; align-self: start; height: 90%; display:flex; justify-content: flex-end; min-width: 0; }
.hsf-right.hsf-right--top-right{
  background: rgba(0, 0, 0, .0);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  position: absolute;
  right: 0;
  top: var(--header-height, 0px);
  bottom: auto;
  max-width: 605px;
  width: 31.5%;
  z-index: 2;
  height: calc(100vh - var(--header-height, 0px));
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: opacity .4s ease, visibility .4s ease, transform .4s ease;
}
.hsf-right.hsf-right--top-right.show{
  opacity: 1;
  padding-top:100px;
  visibility: visible;
  transform: translateX(0);
}
.hsf-left{ color:#fff;
display:flex;
flex-direction:column;
justify-content:flex-end;
height:100%;
padding-right:40px;
}
.hero-split-form .hsf-left{ padding-top: 34px; padding-bottom: 16px; }
.hero-split-form .hsf-title{ max-width: 820px;}
.hero-split-form .hsf-copy{ max-width: 720px; }
.hero-split-form .hsf-trust{ margin-top: auto; padding-top: 18px;}

/* Make hero trust row match reference (muted logos + divider) */
.hero-split-form .cap-section.hsf-cap-trust .cap-trust{
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.18);
}
.hero-split-form .cap-section.hsf-cap-trust .cap-trust-track{ opacity: 0.85; }
.hero-split-form .cap-section.hsf-cap-trust .cap-trust-logo img,
.hero-split-form .cap-section.hsf-cap-trust .cap-trust-logo svg{
  filter: grayscale(100%) brightness(0) invert(1);
  opacity: 0.62;
}
.hero-split-form .cap-section.hsf-cap-trust .cap-trust-logo:hover img,
.hero-split-form .cap-section.hsf-cap-trust .cap-trust-logo:hover svg{
  opacity: 0.88;
}
.hsf-title{
  margin: 0 0 18px;
  font-size: 56px;
  line-height: 1.12;
  letter-spacing: -0.02em;
  font-weight: 800;
}
.hsf-copy{
  margin: 0 0 26px;
  font-size: 18px;
  line-height: 1.65;
  color: rgba(255,255,255,0.78);
  max-width: 620px;
}
.hsf-cta{ margin: 0 0 34px; }
.hsf-cta .btn{ padding: 12px 18px; border-radius: 8px;}
.hsf-trust{ margin-top: 34px; }
.hsf-trust--mobile{ display: none; }

/* Trust logos inside hero (transparent) */
.hero-split-form .cap-section.hsf-cap-trust{
  padding: 0;
  background: transparent;
  color: inherit;
}
.hero-split-form .cap-section.hsf-cap-trust .cap-trust{ align-items: flex-start; text-align: left;}
.hero-split-form .cap-section.hsf-cap-trust .cap-eyebrow{ width: 100%; text-align: left; color: rgba(255,255,255,0.72); }
.hero-split-form .cap-section.hsf-cap-trust .cap-trust-track{ overflow: hidden;}
.hero-split-form .cap-section.hsf-cap-trust .cap-trust-logo{ padding: 8px 10px; }

.hsf-form-card{
  border-radius: 12px;
  padding: 34px 32px;
  box-shadow: 0 18px 50px rgba(0,0,0,0.35);
  border: 1px solid rgba(255,255,255,0.16);
  width: 100%;
}
.hsf-form-card--solid{
  background: #fff;
  border-color: rgba(0,0,0,0.08);
  max-width: 560px;
  margin-left: auto;
}
.hsf-form-card--translucent{
  padding: 0;
  border-radius: 0;
  max-width: 520px;
  margin-left: auto;
  background: linear-gradient(180deg, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0.12) 100%);
  backdrop-filter: blur(10px);
  color:white;
  -webkit-backdrop-filter: blur(10px);
  border: none;
  box-shadow: 0 18px 50px rgba(0,0,0,0.45);
}
.hsf-form-card--translucent .hsf-input{
  color:white;
}
.hsf-form-card--translucent .hsf-form-title{
  color: #fff;
  padding: 22px 22px 0;
  text-align: left;
  font-size: 20px;
  letter-spacing: -0.01em;
}
.hsf-form-card--translucent .hsf-form-copy{
  color: rgba(255,255,255,0.82);
  padding: 8px 22px 0;
  text-align: left;
  font-size: 13px;
  line-height: 1.55;
}
.hsf-form-card--translucent .hsf-form{ padding: 16px 22px 20px; gap: 14px; }
.hsf-form-card--translucent .hsf-input{
  border-bottom-color: rgba(255,255,255,0.34);
  padding-left: 0;
  padding-right: 0;
  font-size: 13px;
}
.hsf-form-card--translucent .hsf-input::placeholder{ color: rgba(255,255,255,0.62); }
.hsf-form-card--translucent .hsf-captcha{ justify-content: space-between; gap: 16px; margin-top: 6px;}
.hsf-form-card--translucent .hsf-captcha span{ color: rgba(255,255,255,0.82); }
.hsf-form-card--translucent .hsf-captcha-input{
  border-color: rgba(255,255,255,0.26);
  background: rgba(255,255,255,0.06);
  color: #fff;
}
.hsf-form-card--translucent .hsf-submit{
  border-radius: 999px;
  padding: 14px 18px;
  font-size: 14px;
  background: #1a63ff;
  box-shadow: 0 14px 34px rgba(26,99,255,0.32);
}
.hsf-form-card--translucent .hsf-submit:hover{ background: #1456e0; }
.hsf-form-card--translucent .hsf-assurances{ margin-top: 6px;}
.hsf-form-card--translucent .hsf-assurances li{
  color: rgba(255,255,255,0.82);
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 12px;
  padding: 12px 14px;
}

.hsf-form-title{
  margin: 0;
  color: #0b0d16;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.hsf-form-copy{
  margin: 6px 0 16px;
  color: rgba(11,13,22,0.70);
  font-size: 13px;
  line-height: 1.35;
  text-align: center;
}
.hsf-form-alert{
  margin: 10px 0 12px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(34,197,94,0.12);
  color: #0b0d16;
  font-size: 12px;
}
.hsf-form-alert.is-error{ background: rgba(239,68,68,0.12); }
.hsf-form{ display: flex; flex-direction: column; gap: 12px;}
.hsf-input{
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgba(11,13,22,0.20);
  padding: 12px 10px;
  background: transparent;
  color: #0b0d16;
  font-size: 13px;
  outline: none;
}
.hsf-input::placeholder{ color: rgba(11,13,22,0.55); }
select.hsf-input{ appearance: none; -webkit-appearance: none; cursor: pointer; padding-right: 32px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(11,13,22,0.45)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px; }
select.hsf-input:invalid, select.hsf-input option[disabled]{ color: rgba(11,13,22,0.55); }
select.hsf-input:not(:invalid){ color: #0b0d16; }
select.hsf-input option{ color: #0b0d16; }
.hsf-form-card--translucent select.hsf-input{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.62)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); }
.hsf-form-card--translucent select.hsf-input:invalid{ color: rgba(255,255,255,0.62); }
.hsf-form-card--translucent select.hsf-input:not(:invalid){ color: #fff; }
.hsf-form-card--translucent select.hsf-input option{ color: #0b0d16; }
.hsf-captcha{ display:flex; align-items:center; gap: 10px;}
.hsf-captcha span{ font-size: 12px; color: rgba(11,13,22,0.70); white-space: nowrap; }
.hsf-captcha-input{ max-width: 110px; border: 1px solid rgba(11,13,22,0.22); border-radius: 6px; padding: 10px 12px;}
.hsf-submit{
  margin-top: 4px;
  width: 100%;
  padding: 14px 16px;
  border: 0;
  border-radius: 8px;
  background: #1463ff;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
.hsf-submit:hover{ background: #0f55e0; }
.hsf-assurances{ list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px;}
.hsf-assurances li{ font-size: 11px; color: rgba(11,13,22,0.70); }

@media (max-width: 960px){
  .hero-split-form{ min-height: auto; overflow: hidden; padding-top: 90px; padding-bottom: 40px; }
  .hero-split-form,
  .hero-split-form .container,
  .hero-split-form .hsf-grid,
  .hero-split-form .hsf-left,
  .hero-split-form .hsf-right,
  .hero-split-form .hsf-form-card,
  .hero-split-form .hsf-trust--mobile,
  .hero-split-form .hsf-trust--mobile .cap-section,
  .hero-split-form .hsf-trust--mobile .container{
    max-width: 100vw;
    box-sizing: border-box;
  }
  .hsf-video-overlay{ background: rgba(0,0,0,.80); }
  .hsf-grid{ grid-template-columns: 1fr !important; gap: 28px !important; align-items: stretch; padding: 0 20px; }
  .hsf-left{
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    order: 1;
    padding: 28px 24px;
    min-width: 0;
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 16px;
  }
  .hsf-title{ font-size: clamp(26px, 6vw, 42px); overflow-wrap: break-word; word-break: break-word; }
  .hsf-copy{ margin-left: 0; margin-right: 0; font-size: 15px; margin-bottom: 16px; }
  .hsf-cta{ display: block; margin-bottom: 0; }
  .hsf-cta .btn{ display: block; width: 100%; text-align: center; }
  .hsf-right{ min-width: 0; height: auto; justify-content: center; order: 2; }
  .hsf-form-card{ margin-left: 0; margin-right: 0; }
  .hsf-form-card--solid{ margin-left: 0; }
  .hsf-form-card--translucent{ margin-left: 0; }
  .hsf-trust--desktop{ display: none; }
  .hsf-trust--mobile{ display: block; order: 3; margin-top: 0; overflow: hidden; }
  .hero-split-form .hsf-trust{ margin-top: 0; }
  .hero-split-form .cap-section.hsf-cap-trust .cap-trust{ align-items: center; text-align: center;}
  .hero-split-form .cap-section.hsf-cap-trust .cap-eyebrow{ text-align: center; }
  .hsf-right.hsf-right--top-right{ position: relative; top: auto; right: auto; bottom: auto; width: auto; max-width: none; height: auto; opacity: 1; visibility: visible; transform: none; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; transition: none; padding-top: 0; }
}

@media (max-width: 1200px) and (min-width: 961px){
  .hsf-grid{ gap: 40px;}
  .hsf-right{ min-width: 360px; }
}
@media (max-width: 640px){
  .hsf-grid{display: block;}
  .hero-split-form{ padding: 80px 16px 46px;}
  .hsf-title{ font-size: 38px; }
  .hsf-copy{ font-size: 16px;}
  .hsf-form-card{ padding: 26px 20px; }
  .hsf-input{ font-size: 16px; padding: 14px 10px; }
  .hsf-submit{ padding: 16px; font-size: 15px; }
  .hsf-captcha{ flex-wrap: wrap; }
}

/* Landing form pages - hero-split-form overrides */
.page-mobile-app-development-usa .hsf-grid,
.page-mobile-app-development-uk .hsf-grid,
.page-mobile-app-development-global .hsf-grid{
  grid-template-columns: 55% 45%;
  align-items: start;
  gap: 40px;
}
.page-mobile-app-development-usa .hsf-right,
.page-mobile-app-development-uk .hsf-right,
.page-mobile-app-development-global .hsf-right{
  align-self: center;
  height: auto;
}
.page-mobile-app-development-usa .hsf-form-card--solid,
.page-mobile-app-development-uk .hsf-form-card--solid,
.page-mobile-app-development-global .hsf-form-card--solid{
  max-width: 100%;
}
@media (max-width: 960px){
  .page-mobile-app-development-usa .hsf-grid,
  .page-mobile-app-development-uk .hsf-grid,
  .page-mobile-app-development-global .hsf-grid{
    grid-template-columns: 1fr;
  }
}

/* Healthcare landing form pages - hero-split-form overrides */
.page-healthcare-software-usa .hsf-grid,
.page-healthcare-software-uk .hsf-grid,
.page-healthcare-software-global .hsf-grid{
  grid-template-columns: 55% 45%;
  align-items: start;
  gap: 40px;
}
.page-healthcare-software-usa .hsf-right,
.page-healthcare-software-uk .hsf-right,
.page-healthcare-software-global .hsf-right{
  align-self: center;
  height: auto;
}
.page-healthcare-software-usa .hsf-form-card--solid,
.page-healthcare-software-uk .hsf-form-card--solid,
.page-healthcare-software-global .hsf-form-card--solid{
  max-width: 100%;
}
@media (max-width: 960px){
  .page-healthcare-software-usa .hsf-grid,
  .page-healthcare-software-uk .hsf-grid,
  .page-healthcare-software-global .hsf-grid{
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

/* Healthcare landing pages — hc-solutions & hc-services spacing + container */
.page-healthcare-software-usa .hc-solutions,
.page-healthcare-software-uk .hc-solutions,
.page-healthcare-software-global .hc-solutions{
  padding: 80px 0 60px;
}
.page-healthcare-software-usa .hc-solutions-panel,
.page-healthcare-software-uk .hc-solutions-panel,
.page-healthcare-software-global .hc-solutions-panel{
  max-width: 1280px;
  margin: 0 auto;
  padding-left: clamp(20px, 4vw, 48px);
  padding-right: clamp(20px, 4vw, 48px);
}
.page-healthcare-software-usa .hc-service-section,
.page-healthcare-software-uk .hc-service-section,
.page-healthcare-software-global .hc-service-section{
  padding: 70px 0 80px;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: clamp(20px, 4vw, 48px);
  padding-right: clamp(20px, 4vw, 48px);
}
.page-healthcare-software-usa .hc-service-head h2,
.page-healthcare-software-uk .hc-service-head h2,
.page-healthcare-software-global .hc-service-head h2{
  color: #fff;
}
.page-healthcare-software-usa .hc-service-head p,
.page-healthcare-software-uk .hc-service-head p,
.page-healthcare-software-global .hc-service-head p{
  color: rgba(255,255,255,.72);
}
.page-healthcare-software-usa .hc-accordion-item,
.page-healthcare-software-uk .hc-accordion-item,
.page-healthcare-software-global .hc-accordion-item{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
}
.page-healthcare-software-usa .hc-accordion-title,
.page-healthcare-software-uk .hc-accordion-title,
.page-healthcare-software-global .hc-accordion-title{
  color: #fff;
}
.page-healthcare-software-usa .hc-accordion-icon::before,
.page-healthcare-software-usa .hc-accordion-icon::after,
.page-healthcare-software-uk .hc-accordion-icon::before,
.page-healthcare-software-uk .hc-accordion-icon::after,
.page-healthcare-software-global .hc-accordion-icon::before,
.page-healthcare-software-global .hc-accordion-icon::after{
  background: #3b82f6;
}
.page-healthcare-software-usa .hc-accordion-panel p,
.page-healthcare-software-uk .hc-accordion-panel p,
.page-healthcare-software-global .hc-accordion-panel p{
  color: rgba(255,255,255,.72);
}

/* Software development landing form pages - hero-split-form overrides */
.page-software-development-usa .hsf-grid,
.page-software-development-uk .hsf-grid,
.page-software-development-global .hsf-grid{
  grid-template-columns: 55% 45%;
  align-items: start;
  gap: 40px;
}
.page-software-development-usa .hsf-right,
.page-software-development-uk .hsf-right,
.page-software-development-global .hsf-right{
  align-self: center;
  height: auto;
}
.page-software-development-usa .hsf-form-card--solid,
.page-software-development-uk .hsf-form-card--solid,
.page-software-development-global .hsf-form-card--solid{
  max-width: 100%;
}
@media (max-width: 960px){
  .page-software-development-usa .hsf-grid,
  .page-software-development-uk .hsf-grid,
  .page-software-development-global .hsf-grid{
    grid-template-columns: 1fr;
  }
}

/* ── Landing pages: mobile responsiveness ─────────────────── */

/* hero-split-form: 480px — small phones (iPhone 12 Pro = 390px) */
@media (max-width: 480px){
  .hsf-grid{ padding: 0 12px; gap: 20px !important; }
  .hsf-left{ padding: 20px 16px; }
  .hsf-cta .btn{ padding: 12px 16px; font-size: 14px; }
  .hsf-form-card{ padding: 22px 16px; }
  .hsf-form-title{ font-size: 16px; }
  .hsf-form-copy{ font-size: 12px; }
  .hsf-form-card--translucent .hsf-form-title{ font-size: 16px; padding: 18px 16px 0; }
  .hsf-form-card--translucent .hsf-form-copy{ font-size: 12px; padding: 6px 16px 0; }
  .hsf-form-card--translucent .hsf-form{ padding: 14px 16px 18px; }
}

/* hc-solutions: mobile font reductions */
@media (max-width: 640px){
  .hc-solutions-title{ font-size: 30px; }
  .hc-solutions-copy{ font-size: 14px; }
  .hc-solutions-card{ padding: clamp(18px, 4vw, 28px); border-radius: 16px; }
  .hc-solutions-card-head{ grid-template-columns: 48px minmax(0, 1fr); gap: 12px; }
  .hc-solutions-card-icon{ width: 48px; height: 48px; border-radius: 10px; }
  .hc-solutions-card-title{ font-size: 17px; }
  .hc-solutions-list li{ font-size: 14px; }
}

/* hc-services: mobile font reductions */
@media (max-width: 640px){
  .hc-service-head h2{ font-size: 30px; }
  .hc-service-head p{ font-size: 15px; }
  .hc-accordion-trigger{ padding: 20px 18px; }
  .hc-accordion-title{ font-size: 17px; }
  .hc-accordion-panel p{ padding: 0 18px 20px; font-size: 15px; }
}

/* Landing proof strip: 480px */
@media (max-width: 480px){
  .landing-proof{ padding: 32px 16px; }
  .landing-proof-grid{ gap: 18px; }
  .landing-proof-num{ font-size: 24px; }
  .landing-proof-label{ font-size: 12px; }
}

/* Landing Header (minimal) */
.landing-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1000;
  background:rgba(10,10,10,0.95);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,0.08);
  padding:16px 0;
}
.landing-header .container{display:flex; align-items:center; justify-content:space-between;}
.landing-logo img{ height:32px; width:auto; }
.landing-header-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 20px;
  font-size:14px;
  font-weight:600;
  color:#fff;
  background:linear-gradient(135deg, #e32d0c 0%, #ff6b4a 100%);
  border-radius:6px;
  text-decoration:none;
  transition:all 0.2s ease;
}
.landing-header-cta:hover{ transform:translateY(-1px); box-shadow:0 4px 12px rgba(227,45,12,0.3); }
@media (max-width: 480px){
  .landing-header{ padding: 12px 0; }
  .landing-logo img{ height: 26px; }
  .landing-header-cta{ padding: 8px 14px; font-size: 13px; gap: 6px; }
}

/* Landing Proof Strip */
.landing-proof{
  background:#fff;
  padding:48px 24px;
}
.landing-proof-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:32px;
  max-width:900px;
  margin:0 auto;
  text-align:center;
}
.landing-proof-stat{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.landing-proof-num{
  font-size:36px;
  font-weight:700;
  color:#e32d0c;
}
.landing-proof-label{
  font-size:14px;
  color:#666;
}
@media(max-width:640px){
  .landing-proof-grid{ grid-template-columns:repeat(2, 1fr); gap:24px;}
  .landing-proof-num{ font-size:28px; }
}

 .universal-awards-strip{ background:#000; padding:40px 0; }
.universal-awards-strip-rail{ display:flex; gap:22px; align-items:center; justify-content:center; flex-wrap:wrap; }
 .universal-awards-strip-pill{ height:88px; min-width: 160px; padding:18px 28px; display:flex; align-items:center; justify-content:center; border-radius:999px; border:1px solid rgba(255,255,255,0.14); background:rgba(255,255,255,0.04); box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);}
 .universal-awards-strip-pill img{ max-height:46px; width:auto; max-width: 220px; display:block; filter: grayscale(100%); opacity:0.92; }
 .universal-awards-strip-pill[aria-hidden="true"]{ display:none; }
 @media(max-width:960px){
  .universal-awards-strip-pill[aria-hidden="true"]{ display:flex; }
  .universal-awards-strip{ padding:28px 0; overflow:hidden;}
  .universal-awards-strip .container{ max-width:100%; overflow:hidden; padding:0;}
  .universal-awards-strip-rail{ gap:18px; justify-content:flex-start; flex-wrap:nowrap; overflow:hidden; animation:awards-marquee 20s linear infinite; width:max-content; }
  .universal-awards-strip-pill{ height:72px; min-width: 150px; padding:14px 20px; flex:0 0 auto;}
  .universal-awards-strip-pill img{ max-height:38px; }
}
@keyframes awards-marquee{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}

 .split-link-cards{ background:#000; padding:90px 0; color:#e8ecf7; }
.split-link-cards-grid{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:70px; align-items:start; }
 .split-link-cards-left{ max-width:580px;}
 .split-link-cards-left h2{ margin:0 0 22px; font-size:38px; font-weight:700; line-height:1.2; color:#fff; letter-spacing:-0.01em; }
 .split-link-cards-left p{ margin:0; font-size:18px; line-height:1.75; color:#c9d4e9;}
 .split-link-cards-cards{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0; border-left:1px solid rgba(255,255,255,0.1); }
 .split-link-card{ position:relative; isolation:isolate; display:flex; flex-direction:column; gap:14px; padding:54px 52px; min-height:260px; text-decoration:none; color:#fff; border-right:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); overflow:hidden;}
 .split-link-card:nth-child(2n){ border-right:none; }
 .split-link-card:nth-last-child(-n+2){ border-bottom:none;}
 .split-link-card-icon{ width:46px; height:46px; border-radius:999px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; }
 .split-link-card-title{ font-size:20px; line-height:1.6; font-weight:500; color:#fff; max-width:360px;}
 .service-link-hover{
   background-color:#1163fb;
   border-radius:50%;
   height:0;
   width:0;
   position:absolute;
   transform:translate(-50%, -50%);
   transition:width .6s ease, height .6s ease, left 0s, top 0s;
   pointer-events:none;
   z-index:-1;
}
 .split-link-card.is-hovering .service-link-hover{ width:520px; height:520px; }

 @media(max-width:1024px){
   .split-link-cards{ padding:70px 0;}
   .split-link-cards-grid{ grid-template-columns:1fr; gap:40px; }
   .split-link-cards-left{ max-width:unset;}
 }
 @media(max-width:640px){
   .split-link-cards{ padding:60px 0;}
   .split-link-cards-left h2{ font-size:30px; }
   .split-link-cards-cards{ grid-template-columns:1fr;}
   .split-link-card{ padding:34px 28px; min-height:200px; border-right:none; }
   .split-link-card:nth-last-child(-n+2){ border-bottom:1px solid rgba(255,255,255,0.1);}
   .split-link-card:last-child{ border-bottom:none; }
 }

 .entertainment-services-carousel{ background:#000; padding:90px 0; color:#e8ecf7; overflow:hidden; }
 .entertainment-services-carousel-head{ text-align:center;  margin:0 auto 34px; }
 .entertainment-services-carousel-head h2{ margin:0 auto; font-size:44px; font-weight:700; line-height:1.15; letter-spacing:-0.02em; color:#fff; max-width: 1180px;  }
 .entertainment-services-carousel-head p{ margin:16px auto 0;  font-size:17px; line-height:1.7; color:rgba(255,255,255,.72); }
 
 .entertainment-services-carousel-stage{ position:relative; padding-top:56px; }
 .entertainment-services-carousel-nav{ position:absolute; top:0; right:0; display:flex; gap:18px; align-items:center; }
 .entertainment-services-carousel-arrow{ width:54px; height:54px; border-radius:0; border:none; background:transparent; color:rgba(255,255,255,.62); cursor:pointer; display:grid; place-items:center; padding:6px; }
 .entertainment-services-carousel-arrow:hover{ color:rgba(255,255,255,.80); }
 .entertainment-services-carousel-arrow svg{ width:44px; height:44px; display:block; }
 
 .entertainment-services-carousel-viewport{ overflow:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
 .entertainment-services-carousel-viewport::-webkit-scrollbar{ display:none; }
 .entertainment-services-carousel-track{ display:flex; gap:0; padding:6px 0 10px; }
  
 .entertainment-services-carousel .split-link-card{
   flex:0 0 360px;
   scroll-snap-align:start;
   min-height:360px;
   padding:56px 44px;
   border:none;
   border-radius:0;
   background:transparent;
 }
 .entertainment-services-carousel .split-link-card + .split-link-card{ border-left:1px solid rgba(255,255,255,.12); }
  
 .entertainment-services-carousel .split-link-card-icon{
   width:44px;
   height:44px;
   border-radius:10px;
   background:#0a49ff;
   box-shadow:0 12px 28px rgba(10,73,255,.24);
 }
 .entertainment-services-carousel .split-link-card-icon img{
   width:22px;
   height:22px;
   display:block;
   filter:brightness(0) invert(1);
 }
 .entertainment-services-carousel .split-link-card-title{ font-size:20px; font-weight:500; line-height:1.55; max-width:none; }
 .entertainment-services-carousel-desc{ font-size:14px; line-height:1.9; color:rgba(255,255,255,.72); }
  
 @media(max-width:980px){
   .entertainment-services-carousel{ padding:70px 0; }
   .entertainment-services-carousel-stage{ padding-top:48px; }
   .entertainment-services-carousel-head{ max-width:980px; }
   .entertainment-services-carousel-head h2{ font-size:36px; max-width: 920px; }
   .entertainment-services-carousel-head p{ font-size:13px; max-width:920px; }
   .entertainment-services-carousel .split-link-card{ flex-basis:320px; padding:44px 32px; min-height:320px; }
 }
 @media(max-width:640px){
   .entertainment-services-carousel{ padding:60px 0; }
   .entertainment-services-carousel-nav{ display:none; }
   .entertainment-services-carousel-stage{ padding-top:0; }
   .entertainment-services-carousel-head{ max-width:560px; }
   .entertainment-services-carousel-head h2{ font-size:30px; }
   .entertainment-services-carousel .split-link-card{ flex-basis:280px; min-height:320px; padding:44px 28px; }
 }

 .stack-cards-process{
   background:#000;
   color:#fff;
   padding:110px 0;
 }
.stack-cards-process .stack-cards-process-grid{
   display:grid;
   grid-template-columns:minmax(320px, 0.95fr) minmax(0, 1.05fr);
   gap:70px;
   align-items:start;
}
 .stack-cards-process .stack-cards-process-left{
   position:sticky;
   top:120px;
   max-width:620px;
}
 .stack-cards-process .stack-cards-process-title{
   margin:0 0 22px;
   font-size:clamp(34px, 4.5vw, 62px);
   line-height:1.06;
   letter-spacing:-0.02em;
   font-weight:700;
}
 .stack-cards-process .stack-cards-process-description{
   margin:0;
   font-size:15px;
   line-height:1.75;
   color:rgba(255,255,255,.72);
   max-width:560px;
}
 .stack-cards-process .stack-cards-process-right{
   min-height:var(--stack-height, 150vh);
}
 .stack-cards-process .stack-cards-process-stack{
   position:relative;
}
 .stack-cards-process .stack-cards-process-card{
   position:sticky;
   top:120px;
   z-index:calc(10 + var(--i, 0));
   border-radius:28px;
   padding:64px 64px;
   min-height:520px;
   background:#050505;
   border:1px solid rgba(255,255,255,.14);
   box-shadow:0 26px 70px rgba(0,0,0,.55);
   transform:translate3d(0, var(--stack-y, 0px), 0) scale(var(--stack-scale, 1));
   transition:box-shadow .25s ease, border-color .25s ease;
   will-change:transform;
   isolation:isolate;
}
 .stack-cards-process .stack-cards-process-card::after{
   content:'';
   position:absolute;
   inset:0;
   border-radius:inherit;
   border:1px solid rgba(255,255,255,.18);
   pointer-events:none;
   opacity:0.55;
}
 .stack-cards-process .stack-cards-process-card + .stack-cards-process-card{
   margin-top:140px;
}
 .stack-cards-process .stack-cards-process-icon{
   width:56px;
   height:56px;
   border-radius:14px;
   background:#0b5cff;
   display:flex;
   align-items:center;
   justify-content:center;
   margin-bottom:18px;
   box-shadow:0 12px 28px rgba(11,92,255,.25);
}
 .stack-cards-process .stack-cards-process-icon svg{
   width:26px;
   height:26px;
   display:block;
   stroke:#fff;
}
 .stack-cards-process .stack-cards-process-card-title{
   margin:0 0 14px;
   font-size:26px;
   font-weight:700;
   letter-spacing:-0.01em;
   color:#fff;
}
 .stack-cards-process .stack-cards-process-card-desc{
   margin:0;
   font-size:18px;
   line-height:1.75;
   color:rgba(255,255,255,.72);
}
 .stack-cards-process .stack-cards-process-card:hover{
   border-color:rgba(255,255,255,.22);
   box-shadow:0 30px 86px rgba(0,0,0,.62);
 }

 .payment-gateway-integration{
   background:#000;
   padding:92px 0 96px;
   color:#fff;
 }
 .payment-gateway-integration-head{ max-width:780px; margin:0 auto 42px; text-align:center; }
 .payment-gateway-integration-head h2{ margin:0 0 16px; font-size:clamp(30px, 3.6vw, 44px); font-weight:600; line-height:1.15; letter-spacing:-0.02em; white-space:pre-line; }
 .payment-gateway-integration-head p{ margin:0; font-size:14px; line-height:1.7; color:rgba(255,255,255,.72); }

 .payment-gateway-integration-marquee{
   max-width:1180px;
   margin:0 auto;
   display:flex;
   flex-direction:column;
   gap:16px;
 }
 .payment-gateway-integration-marquee-row{
   position:relative;
   overflow:hidden;
   -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
   mask-image:linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
 }
 .payment-gateway-integration-marquee-track{
   display:flex;
   width:max-content;
   gap:16px;
   will-change:transform;
 }
 .payment-gateway-integration-marquee-row.is-forward .payment-gateway-integration-marquee-track{
   animation:paymentGatewayMarqueeLeft 26s linear infinite;
 }
 .payment-gateway-integration-marquee-row.is-reverse .payment-gateway-integration-marquee-track{
   animation:paymentGatewayMarqueeRight 30s linear infinite;
 }
 .payment-gateway-integration-marquee-row.is-speed-1 .payment-gateway-integration-marquee-track{ animation-duration:28s; }
 .payment-gateway-integration-marquee-row.is-speed-2 .payment-gateway-integration-marquee-track{ animation-duration:34s; }
 .payment-gateway-integration-marquee-row.is-speed-3 .payment-gateway-integration-marquee-track{ animation-duration:30s; }

 @keyframes paymentGatewayMarqueeLeft{
   0%{ transform:translateX(0); }
   100%{ transform:translateX(-50%); }
 }
 @keyframes paymentGatewayMarqueeRight{
   0%{ transform:translateX(-50%); }
   100%{ transform:translateX(0); }
 }

 .payment-gateway-integration-pill{
   height:54px;
   min-width:160px;
   padding:0 18px;
   border-radius:999px;
   border:1px solid rgba(255,255,255,0.10);
   background:rgba(255,255,255,0.04);
   display:flex;
   align-items:center;
   justify-content:center;
   gap:10px;
   box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
 }
 .payment-gateway-integration-pill img{ max-height:22px; max-width:86px; width:auto; height:auto; filter:brightness(0) invert(1); opacity:.95; }
 .payment-gateway-integration-pill span{ font-size:12px; font-weight:700; letter-spacing:.10em; text-transform:uppercase; color:rgba(255,255,255,.72); }

 @media(max-width:640px){
   .payment-gateway-integration{ padding:64px 0 72px; }
   .payment-gateway-integration-pill{ min-width:140px; height:50px; }
 }

 @media (prefers-reduced-motion: reduce){
   .payment-gateway-integration-marquee-row{ overflow:auto; -webkit-mask-image:none; mask-image:none; }
   .payment-gateway-integration-marquee-track{ animation:none !important; transform:none !important; }
 }

 .offshore-engagement-models{
   background:#05070b;
   padding: 100px 20px 100px;
   color:#fff;
 }
.offshore-engagement-models-title{
   font-size:52px;
   line-height:1.15;
   margin:0 0 18px;
   font-weight:700;
   letter-spacing:-0.01em;
}
 .offshore-engagement-models-intro{
   font-size:16px;
   line-height:1.7;
   color:rgba(255,255,255,0.75);
   max-width:980px;
   margin:0 0 44px;
}
 .offshore-engagement-models-carousel{
   position:relative;
}
 .offshore-engagement-models-nav{
   position:absolute;
   top:-64px;
   right:0;
   display:flex;
   gap:10px;
}
 .offshore-engagement-models-btn{
   width:40px;
   height:40px;
   border-radius:10px;
   border:1px solid rgba(255,255,255,0.22);
   background:rgba(255,255,255,0.10);
   color:#fff;
   display:inline-flex;
   align-items:center;
   justify-content:center;
   cursor:pointer;
}
 .offshore-engagement-models-btn:disabled{
   opacity:0.35;
   cursor:default;
}
 .offshore-engagement-models-viewport{
   overflow-x:auto;
   scroll-behavior:smooth;
   -webkit-overflow-scrolling:touch;
   scrollbar-width:none;
}
 .offshore-engagement-models-viewport::-webkit-scrollbar{
   display:none;
}
 .offshore-engagement-models-grid{
   display:flex;
   gap:28px;
}
 .offshore-engagement-models-card{
   flex:0 0 calc((100% - 56px) / 3);
   min-width:0;
   box-sizing:border-box;
}
 .offshore-engagement-models-card{
   background:#1f2937;
   border-radius:12px;
   padding:34px 30px;
   box-shadow:0 18px 44px rgba(0,0,0,0.35);
}
 .offshore-engagement-models-icon{
   width:44px;
   height:44px;
   border-radius:10px;
   background:linear-gradient(135deg, #1e88e5 0%, #0d47a1 100%);
   display:flex;
   align-items:center;
   justify-content:center;
   color:#fff;
   margin-bottom:18px;
}
 .offshore-engagement-models-icon svg{
   display:block;
}
 .offshore-engagement-models-card-title{
   font-size:18px;
   margin:0 0 12px;
   font-weight:700;
}
 .offshore-engagement-models-card-desc{
   font-size:14px;
   line-height:1.7;
   color:rgba(255,255,255,0.75);
   margin:0;
}

 @media(max-width:960px){
   .offshore-engagement-models{
     padding:0 20px 80px;
}
   .offshore-engagement-models-title{
     font-size:36px;
}
   .offshore-engagement-models-nav{
     top:-56px;
}
   .offshore-engagement-models-card{
     flex-basis:100%;
}
 }

 @media (max-width: 1024px){
   .stack-cards-process{ padding:90px 0;}
   .stack-cards-process .stack-cards-process-grid{ grid-template-columns:1fr; gap:34px; }
   .stack-cards-process .stack-cards-process-left{ position:static; max-width:unset;}
   .stack-cards-process .stack-cards-process-right{ min-height:auto; }
   .stack-cards-process .stack-cards-process-card{ position:relative; top:auto; transform:none;}
 }
 @media (max-width: 640px){
   .stack-cards-process{ padding:70px 0;}
   .stack-cards-process .stack-cards-process-title{ font-size:30px; }
   .stack-cards-process .stack-cards-process-card{ padding:34px 28px; min-height:auto;}
   .stack-cards-process .stack-cards-process-card-desc{ font-size:16px; }
 }

 /* Proven consulting testimonials marquee */
 .proven-testimonials{
   position: relative;
   padding: 90px 0;
   background: linear-gradient(180deg, #000 0%, #1163fb 100%);
   color: #fff;
 }
 .proven-testimonials-grid{
   display: grid;
   grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
   gap: 56px;
   align-items: start;
 }
 .proven-testimonials-left{
   position: sticky;
   top: 120px;
   max-width: 560px;
 }
 .proven-testimonials-title{
   margin: 0;
   font-size: clamp(34px, 4.4vw, 56px);
   line-height: 1.08;
   letter-spacing: -0.02em;
   font-weight: 600;
   white-space: pre-line;
 }
 .proven-testimonials-copy{
   margin: 18px 0 0;
   font-size: 15px;
   line-height: 1.85;
   color: rgba(255,255,255,0.78);
 }
 .proven-testimonials-cta{
   margin-top: 26px;
 }
.proven-testimonials-right{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  height: 760px;
  overflow: hidden;
}
 .proven-testimonials-right{
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 22px;
   height: 760px;
   overflow: hidden;
 }

 .proven-testimonials-col{
   position: relative;
   overflow: hidden;
   border-radius: 18px;
 }
 .proven-testimonials-col-track{
   display: flex;
   flex-direction: column;
   gap: 22px;
   animation-duration: 26s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   will-change: transform;
 }
 .proven-testimonials-col[data-direction="up"] .proven-testimonials-col-track{
   animation-name: provenMarqueeUp;
 }
 .proven-testimonials-col[data-direction="down"] .proven-testimonials-col-track{
   animation-name: provenMarqueeDown;
 }

 .proven-testimonials-col:hover .proven-testimonials-col-track{
   animation-play-state: paused;
 }

 @keyframes provenMarqueeUp{
   0%{ transform: translateY(0); }
   100%{ transform: translateY(-50%); }
 }
 @keyframes provenMarqueeDown{
   0%{ transform: translateY(-50%); }
   100%{ transform: translateY(0); }
 }

 .proven-testimonial-card{
   border: 1px solid #64afe6;
   background: rgba(0, 0, 0, .1);
   border-radius: 16px;
   backdrop-filter: blur(18px);
   box-shadow: none;
 }
 .proven-testimonial-card.is-quote{
   padding: 32px 30px 28px;
 }
 .proven-testimonial-badge{
   display: inline-flex;
   align-items: center;
   justify-content: center;
   height: 26px;
   padding: 0 12px;
   border-radius: 999px;
   border: 1px solid rgba(255,255,255,0.26);
   font-size: 12px;
   letter-spacing: 0.08em;
   font-weight: 700;
   margin-bottom: 12px;
 }
 .proven-testimonial-badge img{
   display: block;
   max-height: 18px;
   width: auto;
 }
 .proven-testimonial-quote{
   margin: 0;
   font-size: 15px;
   line-height: 1.85;
   color: rgba(255,255,255,0.84);
 }
 .proven-testimonial-author{
   margin-top: 22px;
   display: grid;
   grid-template-columns: 42px 1fr;
   gap: 12px;
   align-items: center;
 }
 .proven-testimonial-avatar{
   width: 42px;
   height: 42px;
   border-radius: 50%;
   object-fit: cover;
 }
 .proven-testimonial-author-meta strong{
   display: block;
   font-size: 14px;
   font-weight: 700;
   color: #fff;
 }
 .proven-testimonial-author-meta span{
   display: block;
   margin-top: 2px;
   font-size: 13px;
   color: rgba(255,255,255,0.7);
 }

 .proven-testimonial-card.is-video{
   overflow: hidden;
 }
 .proven-testimonial-media{
   position: relative;
   aspect-ratio: 4 / 5;
   min-height: 420px;
   background: rgba(255,255,255,0.06);
 }
 .proven-testimonial-media img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   filter: grayscale(100%);
   transition: opacity .2s ease;
 }
 .proven-testimonial-media video{
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   transition: opacity .2s ease, visibility .2s ease;
 }
 .proven-testimonial-card.is-video.is-playing .proven-testimonial-media video{
   opacity: 1;
   visibility: visible;
 }
 .proven-testimonial-card.is-video.is-playing .proven-testimonial-media img{ opacity: 0; }
 .proven-testimonial-card.is-video.is-playing .proven-testimonial-play{ display: none; }
 .proven-testimonial-play{
   position: absolute;
   top: 50%;
   left: 50%;
   width: 44px;
   height: 44px;
   border-radius: 50%;
   background: rgba(255,255,255,0.95);
   transform: translate(-50%, -50%);
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .proven-testimonial-play::before{
   content: '';
   width: 0;
   height: 0;
   border-left: 10px solid #0b0b0b;
   border-top: 6px solid transparent;
   border-bottom: 6px solid transparent;
   margin-left: 2px;
 }
 .proven-testimonial-meta{
   padding: 32px;
 }
 .proven-testimonial-meta strong{
   display: block;
   font-size: 14px;
   font-weight: 700;
 }
 .proven-testimonial-meta span{
   display: block;
   margin-top: 4px;
   font-size: 12px;
   color: rgba(255,255,255,0.72);
 }

@media (max-width: 1024px){
  .proven-testimonials-grid{ grid-template-columns: 1fr; gap: 34px; }
  .proven-testimonials-left{ position: static; top: auto; max-width: none; }
  .proven-testimonials-right{ height: 660px; }
}
@media (max-width: 640px){
  .proven-testimonials{ padding: 70px 0; }
  .proven-testimonials-right{ grid-template-columns: 1fr; height: 620px; }
}

.hww-engagement-models{
  background: linear-gradient(180deg, #031a3a 0%, #1163fb 100%);
  padding: 96px 0 110px;
  color: #fff;
}
.hww-engagement-head{
  max-width: 980px;
  margin: 0 auto 56px;
  text-align: center;
}
.hww-engagement-head h2{
  margin: 0 0 16px;
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
}
.hww-engagement-head p{
  margin: 0 auto;
  max-width: 820px;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(255,255,255,0.78);
}
.hww-engagement-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}
.hww-engagement-card{
  padding: 28px 26px;
  text-align: center;
  position: relative;
}
.hww-engagement-card:not(:first-child)::before{
  content: '';
  position: absolute;
  left: 0;
  top: 34px;
  bottom: 34px;
  width: 1px;
  background: rgba(255,255,255,0.35);
}
.hww-engagement-icon{
  width: 74px;
  height: 74px;
  border-radius: 999px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
}
.hww-engagement-icon img{
  width: 34px;
  height: 34px;
  object-fit: contain;
}
.hww-engagement-card h3{
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 650;
  color: #fff;
}
.hww-engagement-card p{
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: rgba(255,255,255,0.86);
}
@media (max-width: 1024px){
  .hww-engagement-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hww-engagement-card{
    padding: 26px 22px;
  }
  .hww-engagement-card:not(:first-child)::before{
    top: 28px;
    bottom: 28px;
  }
  .hww-engagement-card:nth-child(3)::before{
    display: none;
  }
}
@media (max-width: 640px){
  .hww-engagement-models{
    padding: 72px 0 86px;
  }
  .hww-engagement-head{
    margin-bottom: 34px;
  }
  .hww-engagement-grid{
    grid-template-columns: 1fr;
  }
  .hww-engagement-card{
    padding: 24px 18px;
  }
  .hww-engagement-card::before{
    display: none !important;
  }
}

.team-carousel{
  background:#000;
  padding:100px 20px;
}

.team-carousel-header{
  max-width:1100px;
  margin:0 auto 60px;
  text-align:center;
}

.team-carousel-header h2{
  font-size:48px;
  font-weight:700;
  color:#fff;
  margin:0 0 24px;
  line-height:1.15;
  letter-spacing:-0.02em;
}

.team-carousel-header p{
  font-size:17px;
  line-height:1.7;
  color:#9ca3af;
  margin:0;
}

.team-carousel-viewport{
  position:relative;
  overflow:hidden;
}

.team-carousel-track{
  display:flex;
  gap:24px;
  transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.team-card{
  flex:0 0 calc((100% - 72px) / 4);
  background:#111318;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

.team-card-badge{
  position:absolute;
  top:16px;
  left:16px;
  background:rgba(0,0,0,0.6);
  backdrop-filter:blur(8px);
  padding:6px 12px;
  border-radius:20px;
  font-size:14px;
  color:#fff;
  z-index:2;
}

.team-card-badge .team-card-sep{
  color:#6b7280;
  margin:0 2px;
}

.team-card-badge .team-card-total{
  color:#6b7280;
}

.team-card-image{
  position:relative;
  aspect-ratio:4/3;
  overflow:hidden;
}

.team-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 0.4s ease;
}

.team-card:hover .team-card-image img{
  transform:scale(1.05);
}

.team-card-content{
  padding:24px;
  flex:1;
  display:flex;
  flex-direction:column;
}

.team-card-content h3{
  font-size:20px;
  font-weight:700;
  color:#fff;
  margin:0 0 12px;
  line-height:1.3;
}

.team-card-content p{
  font-size:15px;
  line-height:1.6;
  color:#9ca3af;
  margin:0;
}

.team-carousel-nav{
  position:absolute;
  bottom:50%;
  right:18px;
  transform:translateY(50%);
  display:flex;
  gap:12px;
  z-index:10;
}

.team-carousel-counter{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  background:rgba(0,0,0,0.65);
  border:1px solid rgba(255,255,255,0.22);
  backdrop-filter:blur(8px);
  padding:6px 12px;
  border-radius:999px;
  color:#fff;
  font-size:13px;
  font-weight:600;
  letter-spacing:0.02em;
  z-index:10;
}

.team-nav-btn{
  width:54px;
  height:54px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.55);
  background:rgba(0,0,0,0.85);
  backdrop-filter:blur(8px);
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all 0.3s ease;
  box-shadow:0 14px 36px rgba(0,0,0,0.70);
}

.team-nav-btn:hover:not(:disabled){
  background:rgba(255,255,255,0.16);
  border-color:rgba(255,255,255,0.75);
  transform:translateY(-1px);
}

.team-nav-btn:focus-visible{
  outline:2px solid rgba(18,99,255,0.9);
  outline-offset:4px;
}

.team-nav-btn:disabled{
  opacity:0.35;
  cursor:not-allowed;
}

@media(max-width:1200px){
  .team-card{
    flex:0 0 calc((100% - 48px) / 3);
  }
}

@media(max-width:900px){
  .team-carousel{
    padding:60px 20px;
  }
  .team-carousel-header h2{
    font-size:36px;
  }
  .team-card{
    flex:0 0 calc((100% - 24px) / 2);
  }
  .team-carousel-nav{
    position:relative;
    bottom:auto;
    right:auto;
    transform:none;
    justify-content:center;
    margin-top:32px;
  }
  .team-carousel-counter{
    position:relative;
    left:auto;
    bottom:auto;
    transform:none;
    width:fit-content;
    margin:18px auto 0;
  }
}

@media(max-width:640px){
  .team-carousel-header h2{
    font-size:28px;
  }
  .team-carousel-header p{
    font-size:15px;
  }
  .team-card{
    flex:0 0 calc(100% - 40px);
  }
  .team-card-content{
    padding:20px;
  }
  .team-card-content h3{
    font-size:18px;
  }
}

 
 body.page-fintech .genai-contact-cta{background:#000 !important;}

 .hero--ai-dev{position:relative;min-height:180vh;padding:120px 0 0;overflow:visible;display:flex;flex-direction:column;align-items:center;background:#000;}
 .hero-ai-dev-inner{position:sticky;top:25vh;z-index:3;margin:0;padding:0 20px;}
   .hero-ai-dev-media{width:100%;max-width:1200px;margin:0 auto;position:relative;z-index:2;padding:0 20px;margin-top:80px;}
 .hero-ai-dev-video{width:100%;height:auto;display:block;border-radius:16px;}

 @media(max-width:768px){
  .hero-ai-dev-media{margin-top:40px;}
 }

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

 @media(max-width:1024px){
  .ai-agent-metrics .metrics-grid{grid-template-columns:repeat(2,1fr);}
 }
 @media(max-width:640px){
  .ai-agent-metrics{padding:60px 0;}
  .ai-agent-metrics .metrics-grid{grid-template-columns:1fr;}
  .ai-agent-metrics .metric-card{padding:24px 20px;min-height:auto;}
 }

 .ai-agent-cases{background:#000;padding:90px 0 100px;color:#e8ecf7;}
 .ai-agent-cases .cases-head{text-align:center;max-width:980px;margin:0 auto 50px;}
 .ai-agent-cases .cases-head h2{margin:0 0 20px;font-size:32px;font-weight:700;letter-spacing:-0.01em;color:#fff;}
 .ai-agent-cases .cases-head p{margin:0;font-size:17px;line-height:1.7;color:#c9d4e9;}
 .ai-agent-cases .cases-carousel{position:relative;display:flex;align-items:center;gap:20px;}
 .ai-agent-cases .cases-nav{width:48px;height:48px;border-radius:50%;background:#fff;border:none;color:#0b0c0d;font-size:24px;cursor:pointer;flex-shrink:0;display:grid;place-items:center;transition:all 0.25s ease;box-shadow:0 8px 20px rgba(0,0,0,0.2);}
 .ai-agent-cases .cases-nav:hover{background:#1263ff;color:#fff;transform:scale(1.05);}
 .ai-agent-cases .cases-stage{flex:1;overflow:hidden;}
 .ai-agent-cases .cases-slide{display:none;}
 .ai-agent-cases .cases-slide.is-active{display:block;animation:fadeInCase 0.4s ease;}
 @keyframes fadeInCase{from{opacity:0;transform:translateX(20px);}to{opacity:1;transform:translateX(0);}}
 .ai-agent-cases .cases-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#111318;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden;min-height:480px;}
 .ai-agent-cases .cases-content{padding:40px 36px;display:flex;flex-direction:column;gap:20px;}
 .ai-agent-cases .cases-content h3{margin:0;font-size:24px;font-weight:700;color:#fff;}
 .ai-agent-cases .cases-section{display:flex;flex-direction:column;gap:6px;}
 .ai-agent-cases .cases-label{font-size:15px;font-weight:700;color:#4aa0ff;}
 .ai-agent-cases .cases-text{font-size:15px;line-height:1.65;color:#c9d4e9;}
 .ai-agent-cases .cases-impacts{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;}
 .ai-agent-cases .cases-impacts li{display:flex;align-items:center;gap:10px;font-size:15px;color:#e3e7f3;}
 .ai-agent-cases .impact-dot{color:#4aa0ff;font-size:12px;}
 .ai-agent-cases .cases-cta{display:inline-block;margin-top:auto;padding:10px 20px;background:transparent;border:1px solid #fff;border-radius:8px;color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:all 0.25s ease;width:fit-content;}
 .ai-agent-cases .cases-cta:hover{background:#fff;color:#0b0c0d;}
 .ai-agent-cases .cases-image{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg, rgba(50,180,200,0.15), rgba(80,120,180,0.1));padding:20px;}
 .ai-agent-cases .cases-image img{max-width:100%;max-height:440px;object-fit:contain;}
 .ai-agent-cases .cases-tabs{display:flex;justify-content:center;gap:32px;margin-top:36px;flex-wrap:wrap;}
 .ai-agent-cases .cases-tab{background:none;border:none;padding:8px 0;color:#9aa3b5;font-size:15px;font-weight:600;cursor:pointer;position:relative;transition:color 0.25s ease;}
 .ai-agent-cases .cases-tab::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#fff;transform:scaleX(0);transition:transform 0.25s ease;}
 .ai-agent-cases .cases-tab:hover{color:#fff;}
 .ai-agent-cases .cases-tab.is-active{color:#fff;}
 .ai-agent-cases .cases-tab.is-active::after{transform:scaleX(1);}

 @media(max-width:1024px){
  .ai-agent-cases .cases-card{grid-template-columns:1fr;}
  .ai-agent-cases .cases-image{height:300px;order:-1;}
 }
 @media(max-width:768px){
  .ai-agent-cases .cases-carousel{flex-direction:column;gap:16px;}
  .ai-agent-cases .cases-nav{display:none;}
  .ai-agent-cases .cases-content{padding:28px 24px;}
  .ai-agent-cases .cases-tabs{gap:16px;}
 }

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

 @media(max-width:768px){
  .testimonials-carousel{flex-direction:column;gap:16px;}
  .testimonials-nav{display:none;}
  .testimonials-card{padding:32px 24px;}
  .testimonials-quote{font-size:15px;}
  .testimonials-cta-bottom{flex-direction:column;align-items:center;}
 }

 .fintech-smart-features{background:#000;padding:90px 0 100px;color:#e8ecf7;}
 .fintech-smart-features-head{text-align:center;max-width:980px;margin:0 auto 28px;}
 .fintech-smart-features-head h2{margin:0 0 18px;font-size:32px;font-weight:700;letter-spacing:-0.01em;color:#fff;line-height:1.2;}
 .fintech-smart-features-head p{margin:0;font-size:15px;line-height:1.8;color:#c9d4e9;}
 .fintech-smart-features-divider{height:1px;background:rgba(255,255,255,0.12);width:100%;margin:36px 0 34px;}
 .fintech-smart-features-grid{list-style:none;padding:0;margin:0;max-width:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px clamp(26px,4vw,64px);}
 .fintech-smart-features-item{display:flex;align-items:center;gap:14px;color:#e3e7f3;font-size:16px;font-weight:600;line-height:1.7;}
 .fintech-smart-features-tick{color:#1263ff;font-weight:800;font-size:22px;line-height:1;flex:0 0 auto;}
 .fintech-smart-features-text{display:block;}
 @media(max-width:1024px){.fintech-smart-features-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
 @media(max-width:640px){.fintech-smart-features{padding:70px 0 80px;}.fintech-smart-features-head h2{font-size:28px;}.fintech-smart-features-grid{grid-template-columns:1fr;gap:14px;}}

 .cb-types{padding:90px 0;background:#000;color:#f5f7ff;}
 .cb-types-head{text-align:center;max-width:980px;margin:0 auto 48px;}
 .cb-types-head h2{margin:0 0 20px;font-size:32px;font-weight:700;letter-spacing:-0.01em;}
 .cb-types-head p{margin:0;color:#c9d4e9;line-height:1.7;font-size:17px;}
 .cb-types-stage{overflow:hidden;position:relative;}
 .cb-types-rail{display:flex;gap:16px;transition:transform 0.4s ease;}
 .cb-type-card{flex:0 0 calc((100% - 48px) / 4);min-width:260px;background:#111318;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 24px;min-height:280px;display:flex;flex-direction:column;gap:16px;box-shadow:0 16px 32px rgba(0,0,0,.28);}
 .cb-type-icon{width:52px;height:52px;border-radius:12px;background:#1263ff;display:grid;place-items:center;color:#fff;font-size:24px;}
 .cb-type-card h3{margin:0;color:#fff;font-size:18px;font-weight:700;}
 .cb-type-card p{margin:0;color:#c9d4e9;line-height:1.7;font-size:15px;}
 .cb-types-nav{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:32px;}
 .cb-types-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;font-size:18px;cursor:pointer;display:grid;place-items:center;transition:all 0.25s ease;}
 .cb-types-btn:hover:not(:disabled){background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);}
 .cb-types-btn:disabled{opacity:0.35;cursor:not-allowed;background:rgba(255,255,255,.04);}
 @media(max-width:1100px){.cb-type-card{flex:0 0 calc((100% - 32px) / 3);}}
 @media(max-width:860px){.cb-type-card{flex:0 0 calc((100% - 16px) / 2);}}
 @media(max-width:560px){.cb-type-card{flex:0 0 100%;}}

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

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

 .trust-clients{background:#000;padding:80px 0 60px;color:#e8ecf7;}
 .trust-clients-head{text-align:center;margin-bottom:42px;}
 .trust-clients-head h2{font-size:32px;margin:0 0 16px;color:#fff;}
 .trust-clients-head p{margin:0;font-size:17px;line-height:1.7;color:#c9d4e9;max-width:960px;margin-left:auto;margin-right:auto;}
 .trust-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;opacity:0.95;}
 .trust-logo{width:140px;height:54px;display:flex;align-items:center;justify-content:center;padding:10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;}
 .trust-logo img{max-width:100%;max-height:100%;filter:grayscale(1) brightness(1.1);}
 @media(max-width:640px){.trust-logo{width:44%;}}

 .ai-agent-industries{background:#000;padding:90px 0 100px;color:#e8ecf7;}
 .ai-agent-industries .industries-left{position:sticky;top:130px;}
 .ai-agent-industries .industries-left h2{margin:0 0 20px;font-size:40px;line-height:1.15;color:#fff;}
 .ai-agent-industries .industries-left p{margin:0;font-size:16px;line-height:1.75;color:#b8bcc8;}
 .ai-agent-industries .industries-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
 .ai-agent-industries .industry-card{background:#0a0d14;border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:22px 20px;display:flex;flex-direction:column;gap:10px;min-height:160px;transition:transform 0.25s ease;}
 .ai-agent-industries .industry-card:hover{transform:translateY(-3px);}
 .ai-agent-industries .industry-card h3{margin:0;font-size:18px;font-weight:700;color:#fff;}
 .ai-agent-industries .industry-card p{margin:0;font-size:14px;line-height:1.7;color:#c9d4e9;}
 .ai-agent-industries .industry-card a{margin-top:auto;font-size:14px;font-weight:600;color:#4aa0ff;text-decoration:none;}

 /* AI Agent Challenges - Stacked Cards */
 .agent-challenges{background:#000;padding:100px 0 120px;color:#fff;overflow:hidden;}
 .agent-challenges .container{max-width:1400px;margin:0 auto;padding:0 20px;}
 .agent-challenges-header{text-align:center;max-width:920px;margin:0 auto 60px;}
 .agent-challenges-title{font-size:var(--font-size-4xl);font-weight:700;line-height:1.15;margin:0 0 20px;letter-spacing:-0.02em;}
 .agent-challenges-intro{font-size:var(--font-size-base);line-height:1.7;color:#b8c0d0;margin:0;}
 .agent-challenges-wrapper{display:grid;grid-template-columns:50px 1fr;gap:30px;align-items:stretch;}
 .agent-challenges-nav{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0;}
 .agent-challenges-counter{display:flex;align-items:baseline;gap:6px;font-size:15px;font-weight:500;color:#fff;}
 .counter-current{font-size:18px;font-weight:700;}
 .counter-sep{color:rgba(255,255,255,0.3);}
 .counter-total{color:rgba(255,255,255,0.5);}
 .counter-total-below{display:none;}
 .nav-track{flex:1;width:2px;background:linear-gradient(180deg,#2563eb 0%,rgba(37,99,235,0.2) 100%);border-radius:2px;min-height:300px;}
 .agent-challenges-arrows{display:flex;gap:6px;}
 .challenges-arrow{width:36px;height:36px;border-radius:6px;border:1px solid rgba(255,255,255,0.15);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:all 0.25s ease;}
 .challenges-arrow:hover:not(:disabled){background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3);}
 .challenges-arrow:disabled{opacity:0.3;cursor:not-allowed;}
 .agent-challenges-cards{position:relative;display:flex;gap:0;overflow:visible;height:520px;}
 .challenge-card{position:absolute;top:0;left:0;width:85%;min-width:800px;height:100%;background:linear-gradient(135deg,#0a0d12 0%,#0f1318 100%);border:1px solid rgba(255,255,255,0.08);border-radius:16px;box-shadow:0 18px 52px rgba(0,0,0,0.38);overflow:hidden;display:flex;transition:none;z-index:1;opacity:0;transform:translateX(100%);}
 .challenge-card.is-active{opacity:1;transform:translateX(0);z-index:2;box-shadow:0 26px 80px rgba(0,0,0,0.62);}
 .challenge-card.is-next{opacity:1;transform:translateX(calc(100% - 80px));z-index:1;}
 .challenge-card.is-hidden{opacity:0;transform:translateX(100%);z-index:0;}
 .challenge-card.is-animating-in{z-index:10;opacity:1;transform:translateX(0);transition:transform 0.55s cubic-bezier(0.4,0,0.2,1) 0.05s,opacity 0.3s ease;}
 .challenge-card.is-animating-out{z-index:10;opacity:0;transform:translateX(100%);transition:transform 0.55s cubic-bezier(0.4,0,0.2,1),opacity 0.4s ease 0.2s;}
 .challenge-badge{position:absolute;top:20px;left:16px;background:#2563eb;color:#fff;font-size:12px;font-weight:600;padding:10px 12px;border-radius:20px;z-index:5;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(270deg);letter-spacing:0.08em;}
 .challenge-card-inner{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:100%;}
 .challenge-content{padding:60px 40px 50px 70px;display:flex;flex-direction:column;justify-content:center;gap:24px;}
 .challenge-title{font-size:var(--font-size-xl);font-weight:700;line-height:1.3;margin:0;color:#fff;}
 .challenge-block{display:flex;flex-direction:column;gap:10px;}
 .challenge-label{display:flex;align-items:center;gap:10px;font-size:var(--font-size-sm);font-weight:600;color:#fff;}
 .challenge-icon{flex-shrink:0;width:18px;height:18px;}
 .challenge-issue .challenge-icon{color:#fbbf24;}
 .challenge-fix .challenge-icon{color:#22c55e;}
 .challenge-text{font-size:var(--font-size-sm);line-height:1.65;color:#a0aec0;margin:0;padding-left:28px;}
 .challenge-media{position:relative;overflow:hidden;}
 .challenge-media img{width:100%;height:100%;object-fit:cover;}
 .challenge-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#2563eb;z-index:10;}
 /* Progress bar (hidden on desktop, shown on mobile) */
 .agent-challenges-progress{display:none;}
 @media(max-width:1200px){
   .challenge-card{width:90%;min-width:700px;}
   .challenge-card.is-next{transform:translateX(calc(100% - 60px));}
 }
 @media(max-width:1024px){
   .challenge-card{min-width:600px;}
   .challenge-card-inner{grid-template-columns:1.3fr 0.7fr;}
   .challenge-content{padding:50px 30px 40px 60px;}
 }
 @media(max-width:900px){
   .agent-challenges{padding:80px 0 60px;}
   .agent-challenges-header{margin-bottom:32px;}
   .agent-challenges-wrapper{grid-template-columns:1fr;gap:0;}
   /* Nav: current number above, arrows+progress middle, total below */
   .agent-challenges-nav{flex-direction:column;align-items:center;padding:0;gap:4px;margin-bottom:20px;}
   .agent-challenges-counter{order:1;}
   .counter-current{font-size:var(--font-size-lg);font-weight:700;line-height:1.2;}
   .counter-sep{display:none;}
   .counter-total{display:none;}
   .nav-track{display:none;}
   /* Arrows + progress bar row */
   .agent-challenges-arrows{order:2;width:100%;display:flex;align-items:center;gap:12px;}
   .challenges-arrow{width:auto;height:auto;flex-shrink:0;border-radius:0;border:none;background:transparent;padding:4px;}
   /* Total below progress bar */
   .counter-total-below{display:block;order:3;font-size:var(--font-size-sm);color:rgba(255,255,255,0.4);line-height:1.2;}
   .agent-challenges-progress{display:block;flex:1;height:2px;background:rgba(255,255,255,0.15);border-radius:2px;overflow:hidden;order:0;}
   .agent-challenges-progress-fill{height:100%;background:#2563eb;border-radius:2px;transition:width 0.4s ease;}
   /* Cards: single column, same stacked animation as desktop */
   .agent-challenges-cards{position:relative;height:auto;min-height:auto;overflow:hidden;}
   .challenge-card{width:100%;min-width:unset;height:auto;position:absolute;top:0;left:0;opacity:0;transform:translateX(100%);transition:none;border-radius:16px;box-shadow:none;}
   .challenge-card.is-active{position:relative;display:flex;height:auto;opacity:1;transform:translateX(0);z-index:2;box-shadow:0 18px 52px rgba(0,0,0,0.38);}
   .challenge-card.is-next{display:none;opacity:0;transform:translateX(100%);z-index:0;}
   .challenge-card.is-hidden{opacity:0;transform:translateX(100%);z-index:0;}
   .challenge-card.is-animating-in{display:flex;z-index:10;opacity:1;transform:translateX(0);transition:transform 0.55s cubic-bezier(0.4,0,0.2,1) 0.05s,opacity 0.3s ease;}
   .challenge-card.is-animating-out{display:flex;z-index:10;opacity:0;transform:translateX(100%);transition:transform 0.55s cubic-bezier(0.4,0,0.2,1),opacity 0.4s ease 0.2s;}
   .challenge-card-inner{grid-template-columns:1fr;}
   .challenge-content{padding:40px 24px 24px 48px;order:1;gap:20px;}
   .challenge-media{order:2;height:auto;min-height:220px;}
   .challenge-badge{top:14px;left:12px;padding:8px 10px;font-size:11px;}
 }
 @media(max-width:640px){
   .agent-challenges{padding:60px 0 50px;}
   .agent-challenges-header{margin-bottom:24px;}
   .agent-challenges-title{font-size:var(--font-size-2xl);}
   .agent-challenges-intro{font-size:var(--font-size-sm);}
   .challenge-content{padding:36px 20px 20px 44px;gap:16px;}
   .challenge-title{font-size:var(--font-size-lg);}
   .challenge-text{font-size:var(--font-size-xs);padding-left:0;}
   .challenge-media{min-height:180px;}
 }
 @media(max-width:960px){.ai-agent-industries .industries-grid{grid-template-columns:1fr;gap:40px;}.ai-agent-industries .industries-left{position:static;}.ai-agent-industries .industries-left h2{font-size:32px;}}
 @media(max-width:768px){.hero--ai-dev{min-height:140vh;padding-top:100px;}.hero-ai-dev-inner{top:20vh;}.hero-ai-dev-media{margin-top:60px;padding:0 16px;}.hero-ai-dev-video{border-radius:12px;}}

 .tm-ai-integrations{background:#000;padding:100px 0 120px;color:#e8ecf7;}
 .tm-ai-integrations-grid{display:grid;grid-template-columns:0.95fr 1.05fr;gap:60px;align-items:start;max-width:1400px;margin:0 auto;}
 .tm-ai-integrations-title{margin:0 0 22px;font-size:44px;line-height:1.15;font-weight:700;color:#fff;letter-spacing:-0.01em;}
 .tm-ai-integrations-copy{margin:0 0 28px;font-size:16px;line-height:1.75;color:#c9d4e9;max-width:520px;}
 .tm-ai-integrations-cta{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:8px;}
 .tm-ai-integrations-right{display:flex;flex-direction:column;gap:14px;}
 .tm-ai-integrations-row{display:grid;grid-template-columns:1fr 40px 1.25fr;gap:12px;align-items:stretch;}
 .tm-ai-integrations-step{background:#fff;color:#0b0c0d;border-radius:8px;padding:14px 16px;display:flex;align-items:center;gap:10px;min-height:52px;}
 .tm-ai-integrations-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
 .tm-ai-integrations-icon img{width:22px;height:22px;display:block;filter:brightness(0);}
 .tm-ai-integrations-label{font-size:14px;font-weight:700;}
 .tm-ai-integrations-arrow{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.75);font-size:18px;}
 .tm-ai-integrations-result{background:#2b2b2b;border-radius:8px;padding:14px 16px;display:flex;align-items:center;color:#e8ecf7;font-size:13px;line-height:1.5;min-height:52px;}
 @media(max-width:1000px){.tm-ai-integrations-grid{grid-template-columns:1fr;gap:32px;}.tm-ai-integrations-title{font-size:34px;}.tm-ai-integrations-copy{max-width:none;}}
 @media(max-width:640px){.tm-ai-integrations{padding:70px 0 80px;}.tm-ai-integrations-title{font-size:28px;}.tm-ai-integrations-row{grid-template-columns:1fr;gap:10px;}.tm-ai-integrations-arrow{display:none;}.tm-ai-integrations-step,.tm-ai-integrations-result{min-height:auto;}}

 .supply-success-story[data-variant="columns-progress"] .supply-success-grid--columns-progress{
   display:grid;
   grid-template-columns:minmax(0, 0.9fr) minmax(0, 0.8fr) minmax(0, 1fr);
   gap:56px;
   align-items:center;
 }
 .supply-success-story[data-variant="columns-progress"] .supply-success-left{
   min-width:0;
 }
 .supply-success-story[data-variant="columns-progress"] .supply-success-mid{
   min-width:0;
 }
 .supply-success-story[data-variant="columns-progress"] .supply-success-right{
   min-width:0;
 }

 .supply-success-story[data-variant="columns-progress"] .supply-success-metrics--columns-progress{
   display:grid;
   grid-template-columns:1fr;
   gap:18px;
 }
 .supply-success-story[data-variant="columns-progress"] .supply-success-metric--progress{
   display:flex;
   flex-direction:column;
   gap:10px;
 }
 .supply-success-story[data-variant="columns-progress"] .supply-success-progress{
   height:12px;
   border-radius:0;
   background: var(--supply-track, rgba(255,255,255,0.16));
   overflow:hidden;
 }
 .supply-success-story[data-variant="columns-progress"] .supply-success-progress-fill{
   height:100%;
   width:0;
   border-radius:0;
   background: var(--supply-fill, #6f5bff);
 }

 @keyframes supplySuccessFillBounce{
   0%{ width:0%; }
   18%{ width: calc(var(--supply-target, 0) * 1%); }
   48%{ width: calc(var(--supply-dip, 0) * 1%); }
   100%{ width: calc(var(--supply-target, 0) * 1%); }
 }
 .supply-success-story[data-variant="columns-progress"].is-progress-animated .supply-success-progress-fill{
   animation: supplySuccessFillBounce 900ms cubic-bezier(0.2, 0.9, 0.25, 1) 0ms both;
 }

 .supply-success-story[data-variant="split-metrics"]{
   background:#000;
   color:#fff;
   padding:100px 0;
   overflow:hidden;
 }
 .supply-success-story[data-variant="split-metrics"] .supply-success-grid--split-metrics{
   display:grid;
   grid-template-columns:minmax(0, 1.05fr) minmax(0, 0.95fr);
   gap: 80px;
   align-items:start;
 }
 .supply-success-story[data-variant="split-metrics"] .supply-success-title--split{
   margin:0;
   font-size: clamp(34px, 4vw, 52px);
   line-height:1.05;
   letter-spacing:-0.02em;
 }
 .supply-success-story[data-variant="split-metrics"] .supply-success-cta--split{
   margin-top: 28px;
   display:inline-flex;
   align-items:center;
   justify-content:center;
   gap:10px;
   padding:12px 18px;
   border-radius:10px;
   border:1px solid rgba(255,255,255,0.28);
   color:#fff;
   text-decoration:none;
   font-weight:600;
   font-size:13px;
 }
 .supply-success-story[data-variant="split-metrics"] .supply-success-cta--split:hover{
   background:rgba(255,255,255,0.08);
   border-color:rgba(255,255,255,0.42);
 }
 .supply-success-story[data-variant="split-metrics"] .supply-success-right--split{
   min-width:0;
 }
 .supply-success-story[data-variant="split-metrics"] .supply-success-metrics--split{
   display:flex;
   flex-direction:column;
   gap: 26px;
 }
 .supply-success-story[data-variant="split-metrics"] .supply-success-metric--split{
   display:flex;
   flex-direction:column;
   gap: 8px;
 }
 .supply-success-story[data-variant="split-metrics"] .supply-success-metric-value--split{
   font-size: 28px;
   font-weight: 800;
   letter-spacing:-0.02em;
   line-height:1;
 }
 .supply-success-story[data-variant="split-metrics"] .supply-success-metric-label--split{
   font-size: 16px;
   line-height:1.6;
   color: rgba(255,255,255,0.78);
 }
 .supply-success-story[data-variant="split-metrics"] .supply-success-metric-divider--split{
   height:1px;
   background:rgba(255,255,255,0.18);
   margin-top: 14px;
 }

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

 .supply-success-story[data-variant="centered-progress"] .supply-success-center{
   text-align:center;
   max-width: 1040px;
   margin-left:auto;
   margin-right:auto;
 }
 .supply-success-story[data-variant="centered-progress"]{
   background:#000;
   color:#fff;
   padding:100px 0;
 }
 .supply-success-story[data-variant="centered-progress"] .supply-success-title--center{
   margin-left:auto;
   margin-right:auto;
 }
 .supply-success-story[data-variant="centered-progress"] .supply-success-copy{
   margin: 14px auto 0;
   max-width: 920px;
   font-size: 16px;
   line-height: 1.8;
   color: rgba(255,255,255,0.78);
 }
 .supply-success-story[data-variant="centered-progress"] .supply-success-metrics--centered-progress{
   margin-top: 44px;
   display:grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 34px;
   align-items:start;
 }
 .supply-success-story[data-variant="centered-progress"] .supply-success-metric--centered{
   text-align:left;
 }
 .supply-success-story[data-variant="centered-progress"] .supply-success-progress--top{
   height:6px;
   border-radius:0;
   background: var(--supply-track, rgba(255,255,255,0.20));
   overflow:hidden;
   margin-bottom: 14px;
 }
 .supply-success-story[data-variant="centered-progress"] .supply-success-progress--top .supply-success-progress-fill{
   height:100%;
   width:0;
   border-radius:0;
   background: var(--supply-fill, #6f5bff);
 }
 .supply-success-story[data-variant="centered-progress"] .supply-success-metric-value{
   line-height: 1;
 }
 .supply-success-story[data-variant="centered-progress"] .supply-success-metric-label{
   margin-top: 10px;
   font-size: 10px;
   line-height: 1.6;
   color: rgba(255,255,255,0.78);
   max-width: 260px;
 }
 .supply-success-story[data-variant="centered-progress"] .supply-success-cta-wrap{
   margin-top: 36px;
   display:flex;
   justify-content:center;
 }
 .supply-success-story[data-variant="centered-progress"] .supply-success-cta--center{
   margin-top: 0;
 }
 .supply-success-story[data-variant="centered-progress"] .supply-success-cta{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   gap:10px;
   padding:12px 18px;
   border-radius:10px;
   border:1px solid rgba(255,255,255,0.28);
   color:#fff;
   text-decoration:none;
   font-weight:600;
   font-size:13px;
 }
 .supply-success-story[data-variant="centered-progress"] .supply-success-cta:hover{
   background:rgba(255,255,255,0.08);
   border-color:rgba(255,255,255,0.42);
 }
 .supply-success-story[data-variant="centered-progress"].is-progress-animated .supply-success-progress-fill{
   animation: supplySuccessFillBounce 900ms cubic-bezier(0.2, 0.9, 0.25, 1) 0ms both;
 }

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

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

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


/* Mobile Navigation */
.mobile-menu-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border: 2px solid rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1000;
  color:black;
}

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

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

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

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

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

@media (max-width: 968px) {
  .mobile-menu-toggle {
    display: flex !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    z-index: 10000 !important;
  }
  
  .mobile-menu-toggle .hamburger-line {
    background: #ffffff;
    height: 2px;
    width: 20px;
    border-radius: 2px;
  }
  
  .site-nav {
    position: fixed !important;
    top: 56px !important;
    left: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(6, 7, 8, 0.98) !important;
    backdrop-filter: blur(12px) !important;
    transform: translateX(100%) !important;
    transition: transform 0.3s ease !important;
    z-index: 9998 !important;
    overflow-y: auto !important;
    padding: 20px 0 20px 0 !important;
    width: 100% !important;
    display: block !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  .site-nav.mobile-open {
    transform: translateX(0) !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  .navbar > .site-nav > ul {
    flex-direction: column;
    gap: 0;
    padding: 0 10px;
    width: 100%;
    display: flex !important;
    list-style: none !important;
    margin: 0 !important;
    align-items: stretch !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
  
  .navbar > .site-nav > ul > li {
    width: 100% !important;
    border-bottom: none !important;
    display: flex !important;
    align-items: center !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
  
  .nav-link {
    width: 100% !important;
    padding: 18px 20px !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    border-bottom: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-decoration: none !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  
  .nav-link::before,
  .nav-link::after {
    display: none !important;
    content: none !important;
  }
  
  /* Mobile navigation header */
  .mobile-nav-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 20px !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10001 !important;
  }
  
  /* Keep main header visible */
  .navbar {
    position: relative !important;
    z-index: 9999 !important;
  }
  
  .navbar.mobile-menu-open {
    z-index: 9999 !important;
  }
  
  /* Logo visibility on mobile */
  .logo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Ensure logo is visible when mobile menu is open */
  .navbar.mobile-menu-open .logo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  .mobile-nav-header .logo {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-decoration: none !important;
  }
  
  .mobile-nav-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }
  
  .mobile-nav-phone {
    width: 40px !important;
    height: 40px !important;
    background: #007bff !important;
    border: none !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 16px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .mobile-nav-close {
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 18px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  /* Mobile Contact Us button */
  .mobile-contact-btn {
    background: #007bff !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 16px 24px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 20px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
  }
  
  .mobile-contact-btn:hover {
    background: #0056b3 !important;
    transform: translateY(-2px) !important;
  }
  
  .mobile-contact-btn i {
    font-size: 18px !important;
  }
  
  .nav-toggle {
    display: flex;
    width: 24px;
    height: 24px;
    margin: 0;
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 12px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  
  /* Mobile Navigation Toggle - More Specific */
  .site-nav .nav-toggle {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #ffffff !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    border: none !important;
    position: relative !important;
    z-index: 10 !important;
  }

  .site-nav .nav-toggle:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
  }

  /* Add downward arrow icon */
  .site-nav .nav-toggle::after {
    display: block !important;
    content: '' !important;
    width: 12px !important;
    height: 12px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transition: transform 0.3s ease !important;
  }

  .site-nav .nav-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg) !important;
  }
  
  /* Ensure li has column layout for nav-item and mega-panel stacking */
  .site-nav ul li {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }
  
  /* Ensure nav-item containing toggle is visible and positioned */
  .site-nav .nav-item {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    justify-content: space-between !important;
  }
  
  /* Move mega-panel outside of flex layout */
  .site-nav .mega-panel {
    position: static !important;
    display: none !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    margin: 8px 0 0 0 !important;
    padding: 8px !important;
    max-height: none !important;
    overflow: visible !important;
    width: 100% !important;
    z-index: 9999 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transition: opacity 0.2s ease, visibility 0.2s ease !important;
    order: 10 !important;
    flex-basis: 100% !important;
    pointer-events: none !important;
  }
  
  .site-nav .mega-panel.active,
  .site-nav .mega-panel.open {
    pointer-events: auto !important;
  }
  
  .site-nav .nav-item.active .nav-link {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
  }
  
  /* Ensure mobile menu toggle is visible */
  .mobile-menu-toggle {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Mobile Navigation Mega Panel - Override all other styles */
  @media (max-width: 968px) {
    .site-nav .mega-panel {
      position: relative !important;
      top: auto !important;
      left: auto !important;
      right: auto !important;
      width: 100% !important;
      max-width: 100% !important;
      background: #ffffff !important;
      border: none !important;
      border-radius: 12px 12px 0 0 !important;
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
      padding: 12px !important;
      margin: 4px 0 0 0 !important;
      opacity: 0 !important;
      visibility: hidden !important;
      transform: translateY(-10px) !important;
      transition: all 0.2s ease !important;
      z-index: 1000 !important;
      max-height: 70vh !important;
      overflow-x: hidden !important;
      overflow-y: auto !important;
      box-sizing: border-box !important;
    }
    
    .site-nav .mega-panel.active,
    .site-nav .mega-panel.open {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      transform: translateY(0) !important;
    }
    
    /* Only hide truly complex structure, allow content elements to show */
    .site-nav .mega-panel > *:not(.mega-grid):not(.mega-col):not(.ai-intro):not(.ai-links):not(.ai-cta-mobile):not(.svc-cta-bottom):not(a) {
      display: none !important;
    }
    
    /* Allow mega-grid, mega-col and content containers to show but simplify them */
    .site-nav .mega-panel .mega-grid {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 0 !important;
      padding: 1px !important;
      visibility: visible !important;
      height: auto !important;
      overflow: visible !important;
      margin: 0 !important;
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
    }
    
    .site-nav .mega-panel .mega-col {
      display: block !important;
      padding: 0 !important;
      visibility: visible !important;
      height: auto !important;
      overflow: visible !important;
      margin: 0 !important;
    }

    /* Hide feature column on mobile */
    .site-nav .mega-panel .mega-col[data-slot="feature"] {
      display: none !important;
    }
    
    /* Services specific styling */
    .site-nav .mega-panel .svc-col {
      display: block !important;
      padding: 0 0 12px 0 !important;
      visibility: visible !important;
      height: auto !important;
      overflow: visible !important;
      border-bottom: 1px dashed rgba(0, 0, 0, 0.15) !important;
      margin-bottom: 12px !important;
      position: relative !important;
    }

    .site-nav .mega-panel .svc-col:last-child {
      border-bottom: none !important;
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
    }

    .site-nav .mega-panel .svc-col::before {
      content: none !important;
    }
    
    /* Service nested accordion items */
    .site-nav .mega-panel .svc-sub {
      display: block !important;
      margin: 8px 0 !important;
      visibility: visible !important;
      height: auto !important;
      overflow: visible !important;
    }
    
    .site-nav .mega-panel .svc-sub > a {
      display: block !important;
      padding: 13px 0 !important;
      background: transparent !important;
      border-radius: 6px !important;
      font-size: 15px !important;
      font-weight: 500 !important;
      color: #1f2937 !important;
      text-decoration: none !important;
      margin-bottom: 0 !important;
      position: relative !important;
      border-bottom: none !important;
      transition: all 0.15s ease !important;
    }
    
    .site-nav .mega-panel .svc-sub > a::before {
      content: none !important;
    }

    /* Expanded item: blue text + light blue row highlight */
    .site-nav .mega-panel .svc-sub.open > a {
      color: #2563eb !important;
      background: rgba(37, 99, 235, 0.06) !important;
      border-radius: 6px !important;
      padding-left:10px !important;
    }
    
    /* svc-toggle base is styled in the nested toggle section below */
    
    /* svc-pop base is styled in the nested dropdown section below */
    
    .site-nav .mega-panel .svc-sub > .svc-pop li a::before {
      content: none !important;
    }
    
    .site-nav .mega-panel .svc-sub > .svc-pop li a:hover {
      background: rgba(0, 0, 0, 0.05) !important;
    }
    
    .site-nav .mega-panel .svc-col h5 {
      display: flex !important;
      align-items: center !important;
      gap: 10px !important;
      padding: 8px 0 14px 0 !important;
      visibility: visible !important;
      height: auto !important;
      overflow: visible !important;
      font-size: 13px !important;
      font-weight: 800 !important;
      color: #111827 !important;
      margin: 0 !important;
      letter-spacing: 0.04em !important;
      text-transform: uppercase !important;
    }

    .site-nav .mega-panel .svc-col h5 .svc-cat-icon {
      width: 24px !important;
      height: 24px !important;
      flex-shrink: 0 !important;
      opacity: 1 !important;
      filter: invert(30%) sepia(90%) saturate(1500%) hue-rotate(200deg) brightness(95%) contrast(95%) !important;
    }

    .site-nav .mega-panel .svc-col ul + h5.svc-col-subhead {
      margin-top: 16px !important;
      padding-top: 16px !important;
      border-top: 1px dashed rgba(0, 0, 0, 0.15) !important;
    }
    
    .site-nav .mega-panel .svc-col ul {
      display: flex !important;
      flex-direction: column !important;
      gap: 0 !important;
      padding: 0 !important;
      visibility: visible !important;
      height: auto !important;
      overflow: visible !important;
      list-style: none !important;
      margin: 0 !important;
    }
    
    .site-nav .mega-panel .svc-col li {
      display: block !important;
      visibility: visible !important;
      height: auto !important;
      overflow: visible !important;
      margin: 0 !important;
      padding: 0 0 0 5px !important;
    }
    
    .site-nav .mega-panel .svc-col a {
      display: block !important;
      padding: 13px 0 !important;
      color: #1f2937 !important;
      text-decoration: none !important;
      border-radius: 0 !important;
      font-size: 15px !important;
      font-weight: 500 !important;
      transition: color 0.15s ease !important;
      margin-bottom: 0 !important;
      background: transparent !important;
      border: none !important;
      border-bottom: none !important;
      visibility: visible !important;
      opacity: 1 !important;
      position: relative !important;
      z-index: 1 !important;
    }

    .site-nav .mega-panel .svc-col a:hover {
      color: #2563eb !important;
      background: transparent !important;
      transform: none !important;
    }
    
    .site-nav .mega-panel .svc-col a img {
      width: 20px !important;
      height: 20px !important;
      margin: 0 !important;
      filter: none !important;
      opacity: 1 !important;
      flex-shrink: 0 !important;
      display: block !important;
      visibility: visible !important;
    }
    
    .site-nav .mega-panel .svc-col a svg {
      width: 20px !important;
      height: 20px !important;
      margin: 0 !important;
      filter: none !important;
      opacity: 1 !important;
      flex-shrink: 0 !important;
      display: block !important;
      visibility: visible !important;
    }
    
    /* Mobile service nested toggle (+/- button) */
    .site-nav .mega-panel .svc-sub {
      position: relative !important;
      padding-right: 40px !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
    }

    .site-nav .mega-panel .svc-sub .svc-toggle {
      display: flex !important;
      visibility: visible !important;
      align-items: center !important;
      justify-content: center !important;
      width: 28px !important;
      height: 28px !important;
      border-radius: 0 !important;
      background: transparent !important;
      border: none !important;
      cursor: pointer !important;
      position: absolute !important;
      right: 0 !important;
      top: 50% !important;
      transform: translateY(-50%) !important;
      transition: all 0.2s ease !important;
      color: #374151 !important;
      z-index: 2 !important;
    }

    .site-nav .mega-panel .svc-sub .svc-toggle::before {
      content: '' !important;
      width: 14px !important;
      height: 2px !important;
      background: currentColor !important;
      position: absolute !important;
      border-radius: 1px !important;
    }

    .site-nav .mega-panel .svc-sub .svc-toggle::after {
      content: '' !important;
      width: 2px !important;
      height: 14px !important;
      background: currentColor !important;
      position: absolute !important;
      border-radius: 1px !important;
      transition: transform 0.2s ease, opacity 0.2s ease !important;
      opacity: 1 !important;
    }

    .site-nav .mega-panel .svc-sub.open > .svc-toggle {
      background: transparent !important;
      color: #2563eb !important;
    }

    .site-nav .mega-panel .svc-sub.open > .svc-toggle::after {
      opacity: 0 !important;
      transform: rotate(90deg) !important;
    }

    /* Mobile service nested dropdown */
    .site-nav .mega-panel .svc-sub .svc-pop {
      display: none !important;
      visibility: visible !important;
      position: static !important;
      background: #ffffff !important;
      border-radius: 10px !important;
      margin: 4px 0 4px 0 !important;
      padding: 6px 14px !important;
      border-left: none !important;
      border: 1px solid rgba(0, 0, 0, 0.06) !important;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }

    .site-nav .mega-panel .svc-sub.open > .svc-pop {
      display: block !important;
    }

    .site-nav .mega-panel .svc-sub > .svc-pop ul {
      list-style: none !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    .site-nav .mega-panel .svc-sub > .svc-pop li {
      border: none !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    .site-nav .mega-panel .svc-sub > .svc-pop li + li {
      border-top: 1px dashed rgba(0, 0, 0, 0.1) !important;
    }

    .site-nav .mega-panel .svc-sub > .svc-pop li a {
      display: block !important;
      padding: 10px 4px !important;
      color: #374151 !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      text-decoration: none !important;
      border-radius: 0 !important;
      transition: all 0.15s ease !important;
      background: transparent !important;
      border: none !important;
    }

    .site-nav .mega-panel .svc-sub > .svc-pop li a:hover {
      color: #2563eb !important;
      background: transparent !important;
    }

    /* ── Industries mega panel - mobile ── */
    .site-nav #mega-industries .ind-grid {
      display: block !important;
      padding: 0 !important;
      margin: 0 !important;
    }

    .site-nav #mega-industries .ind-cols {
      display: flex !important;
      flex-direction: column !important;
      gap: 0 !important;
      max-height: none !important;
      overflow: visible !important;
      grid-template-columns: none !important;
    }

    .site-nav #mega-industries .ind-col {
      display: block !important;
      gap: 0 !important;
    }

    .site-nav #mega-industries .ind-col ul {
      list-style: none !important;
      margin: 0 !important;
      padding: 10px 0 0 15px!important;
    }

    .site-nav #mega-industries .ind-col li {
      display: block !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    .site-nav #mega-industries .ind-col a {
      display: flex !important;
      align-items: center !important;
      gap: 10px !important;
      padding: 13px 0 !important;
      color: #1f2937 !important;
      font-size: 15px !important;
      font-weight: 500 !important;
      text-decoration: none !important;
      border: none !important;
      border-radius: 0 !important;
      background: transparent !important;
      margin: 0 !important;
      transition: color 0.15s ease !important;
    }

    .site-nav #mega-industries .ind-col a .ind-icon {
      width: 22px !important;
      height: 22px !important;
      flex-shrink: 0 !important;
      color: #2563eb !important;
      display: inline-block !important;
      visibility: visible !important;
      opacity: 1 !important;
    }

    .site-nav #mega-industries .ind-col a:hover {
      color: #2563eb !important;
      background: transparent !important;
      transform: none !important;
      box-shadow: none !important;
    }

    /* Industries expandable items */
    .site-nav #mega-industries .ind-col .svc-sub {
      position: relative !important;
      padding-right: 40px !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
      z-index: auto !important;
    }

    .site-nav #mega-industries .ind-col .svc-toggle {
      position: absolute !important;
      right: 0 !important;
      top: 50% !important;
      transform: translateY(-50%) !important;
      width: 28px !important;
      height: 28px !important;
      border-radius: 0 !important;
      background: transparent !important;
      border: none !important;
      color: #374151 !important;
      cursor: pointer !important;
    }

    .site-nav #mega-industries .ind-col .svc-sub.open > .svc-toggle {
      background: transparent !important;
      color: #2563eb !important;
    }

    .site-nav #mega-industries .ind-col .svc-sub.open > a {
      color: #2563eb !important;
      background: rgba(37, 99, 235, 0.06) !important;
      border-radius: 6px !important;
      box-shadow: none !important;
    }

    /* Industries sub-item dropdown */
    .site-nav #mega-industries .ind-col .svc-sub > .svc-pop {
      position: static !important;
      display: none !important;
      background: #ffffff !important;
      border: 1px solid rgba(0, 0, 0, 0.06) !important;
      border-radius: 10px !important;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
      padding: 6px 14px !important;
      margin: 4px 0 !important;
      width: 100% !important;
      box-sizing: border-box !important;
      left: auto !important;
      right: auto !important;
      top: auto !important;
    }

    .site-nav #mega-industries .ind-col .svc-sub > .svc-pop::before {
      display: none !important;
      content: none !important;
    }

    .site-nav #mega-industries .ind-col .svc-sub.open > .svc-pop {
      display: block !important;
    }

    .site-nav #mega-industries .ind-col .svc-sub > .svc-pop li + li {
      border-top: 1px dashed rgba(0, 0, 0, 0.1) !important;
    }

    .site-nav #mega-industries .ind-col .svc-sub > .svc-pop li a {
      padding: 10px 4px !important;
      color: #374151 !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      border: none !important;
      border-radius: 0 !important;
      background: transparent !important;
    }

    .site-nav #mega-industries .ind-col .svc-sub > .svc-pop li a:hover {
      color: #2563eb !important;
    }

    /* Industries CTA at bottom */
    .site-nav #mega-industries .svc-cta-bottom {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      background: #fef9eb !important;
      border: none !important;
      border-radius: 12px !important;
      padding: 18px !important;
      margin: 12px 0 0 0 !important;
      width: 100% !important;
      box-sizing: border-box !important;
      text-align: left !important;
    }

    .site-nav #mega-industries .svc-cta-bottom p {
      color: #1f2937 !important;
      font-size: 14px !important;
      font-weight: 500 !important;
      margin: 0 0 12px 0 !important;
    }

    .site-nav #mega-industries .svc-cta-bottom .btn-primary {
      display: inline-block !important;
      padding: 10px 20px !important;
      background: #2563eb !important;
      color: #ffffff !important;
      border-radius: 8px !important;
      font-size: 14px !important;
      font-weight: 600 !important;
      text-decoration: none !important;
    }

    /* ── Portfolio mega panel - mobile ── */
    .site-nav #mega-portfolio .port-grid {
      display: block !important;
      padding: 0 !important;
      margin: 0 !important;
      grid-template-columns: none !important;
    }

    .site-nav #mega-portfolio .port-list {
      display: flex !important;
      flex-direction: column !important;
      gap: 0 !important;
      max-height: none !important;
      overflow: visible !important;
      grid-template-columns: none !important;
      padding: 0 !important;
      margin: 0 !important;
    }

    .site-nav #mega-portfolio .port-list h5 {
      display: none !important;
    }

    .site-nav #mega-portfolio .port-view-all {
      padding: 14px 0 !important;
      text-align: left !important;
      font-size: 15px !important;
      font-weight: 700 !important;
      color: var(--color-accent) !important;
    }

    .site-nav #mega-portfolio .port-item {
      display: flex !important;
      align-items: center !important;
      gap: 14px !important;
      padding: 14px 0 !important;
      border: none !important;
      border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
      border-radius: 0 !important;
      background: transparent !important;
      color: #1f2937 !important;
      text-decoration: none !important;
      font-size: 15px !important;
      width: 100% !important;
      box-sizing: border-box !important;
      position: static !important;
    }

    .site-nav #mega-portfolio .port-item:last-child {
      border-bottom: none !important;
    }

    .site-nav #mega-portfolio .port-item:hover {
      background: transparent !important;
      transform: none !important;
      box-shadow: none !important;
    }

    .site-nav #mega-portfolio .port-logo {
      width: 64px !important;
      height: 64px !important;
      min-width: 64px !important;
      border-radius: 12px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      font-size: 22px !important;
      font-weight: 800 !important;
      color: #fff !important;
      visibility: visible !important;
      opacity: 1 !important;
    }

    .site-nav #mega-portfolio .port-text {
      display: flex !important;
      flex-direction: column !important;
      gap: 4px !important;
      min-width: 0 !important;
      visibility: visible !important;
      opacity: 1 !important;
    }

    .site-nav #mega-portfolio .port-title {
      font-size: 16px !important;
      font-weight: 700 !important;
      color: #111827 !important;
      line-height: 1.3 !important;
    }

    .site-nav #mega-portfolio .port-desc {
      font-size: 13px !important;
      font-weight: 400 !important;
      color: #6b7280 !important;
      line-height: 1.4 !important;
    }

    /* Hide featured article on mobile */
    .site-nav #mega-portfolio .port-feature {
      display: none !important;
    }

    /* Hide portfolio CTA if present */
    .site-nav #mega-portfolio .port-cta {
      display: none !important;
    }

    /* ── Resources mega panel - mobile ── */
    .site-nav #mega-resources .res-grid {
      display: block !important;
      padding: 0 !important;
      margin: 0 !important;
      grid-template-columns: none !important;
    }
    .site-nav #mega-resources .res-aside { display: none !important; }

    /* Tabs as vertical link list */
    .site-nav #mega-resources .res-tabs {
      display: flex !important;
      flex-direction: column !important;
      gap: 0 !important;
      background: transparent !important;
      border: none !important;
      border-radius: 0 !important;
      padding: 0 !important;
      margin: 0 0 8px 0 !important;
    }

    .site-nav #mega-resources .res-tab {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      padding: 14px 0 !important;
      background: transparent !important;
      border: none !important;
      border-radius: 0 !important;
      color: #1f2937 !important;
      font-size: 16px !important;
      font-weight: 500 !important;
      cursor: pointer !important;
      text-align: left !important;
    }

    .site-nav #mega-resources .res-tab.is-active {
      color: #2563eb !important;
      font-weight: 600 !important;
      background: transparent !important;
      border: none !important;
    }

    .site-nav #mega-resources .res-tab.is-active::after {
      content: '→' !important;
      font-size: 16px !important;
      display: inline-block !important;
    }

    /* Resources CTA card */
    .site-nav #mega-resources .res-cta {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      background: #111827 !important;
      border: none !important;
      border-radius: 12px !important;
      padding: 20px !important;
      margin: 12px 0 16px 0 !important;
    }

    .site-nav #mega-resources .res-cta-title {
      color: #ffffff !important;
      font-size: 15px !important;
      font-weight: 600 !important;
      margin: 0 0 6px 0 !important;
    }

    .site-nav #mega-resources .res-cta-desc {
      color: rgba(255, 255, 255, 0.7) !important;
      font-size: 14px !important;
      margin: 0 0 14px 0 !important;
      line-height: 1.5 !important;
    }

    .site-nav #mega-resources .res-cta .btn {
      display: inline-block !important;
      padding: 10px 20px !important;
      background: #2563eb !important;
      color: #ffffff !important;
      border-radius: 8px !important;
      font-size: 14px !important;
      font-weight: 600 !important;
      text-decoration: none !important;
      border: none !important;
    }

    /* Recommended blogs header */
    .site-nav #mega-resources .res-list-wrap {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      padding: 0 !important;
      margin: 0 !important;
      width: 100% !important;
    }

    .site-nav #mega-resources .res-head {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      margin-bottom: 12px !important;
      visibility: visible !important;
      opacity: 1 !important;
    }

    .site-nav #mega-resources .res-head .res-title {
      color: #111827 !important;
      font-size: 13px !important;
      font-weight: 800 !important;
      letter-spacing: 0.04em !important;
      text-transform: uppercase !important;
    }

    .site-nav #mega-resources .res-head .res-view {
      color: #2563eb !important;
      font-size: 14px !important;
      font-weight: 600 !important;
      text-decoration: underline !important;
    }

    /* Blog/guide items — don't force display, let JS toggle blogs/guides */
    .site-nav #mega-resources .res-list {
      flex-direction: column !important;
      gap: 0 !important;
      visibility: visible !important;
      opacity: 1 !important;
    }

    .site-nav #mega-resources .res-item {
      display: flex !important;
      align-items: center !important;
      gap: 14px !important;
      padding: 14px 0 !important;
      border: none !important;
      border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
      border-radius: 0 !important;
      background: transparent !important;
      color: #1f2937 !important;
      text-decoration: none !important;
      width: 100% !important;
      box-sizing: border-box !important;
      font-size: 14px !important;
      position: static !important;
    }

    .site-nav #mega-resources .res-item:last-child {
      border-bottom: none !important;
    }

    .site-nav #mega-resources .res-item:hover {
      background: transparent !important;
      transform: none !important;
    }

    .site-nav #mega-resources .res-thumb {
      width: 100px !important;
      height: 70px !important;
      min-width: 100px !important;
      border-radius: 10px !important;
      object-fit: cover !important;
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      flex-shrink: 0 !important;
    }

    .site-nav #mega-resources .res-icon {
      width: 40px !important;
      height: 40px !important;
      min-width: 40px !important;
      border-radius: 8px !important;
      flex-shrink: 0 !important;
    }

    .site-nav #mega-resources .res-text {
      font-size: 14px !important;
      font-weight: 600 !important;
      color: #1f2937 !important;
      line-height: 1.4 !important;
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
    }

    /* Hide featured article on mobile */
    .site-nav #mega-resources .mega-feature {
      display: none !important;
    }

    /* ── Company mega panel - mobile ── */
    .site-nav #mega-company .comp-grid {
      display: block !important;
      padding: 0 !important;
      margin: 0 !important;
      grid-template-columns: none !important;
    }

    .site-nav #mega-company .comp-list {
      display: flex !important;
      flex-direction: column !important;
      gap: 0 !important;
      padding: 0 !important;
      margin: 0 !important;
    }

    .site-nav #mega-company .comp-list h5 {
      display: none !important;
    }

    .site-nav #mega-company .comp-item {
      display: block !important;
      padding: 16px 0 !important;
      border: none !important;
      border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
      border-radius: 0 !important;
      background: transparent !important;
      color: #1f2937 !important;
      font-size: 15px !important;
      font-weight: 600 !important;
      text-decoration: none !important;
      width: 100% !important;
      position: static !important;
    }

    .site-nav #mega-company .comp-item:last-child {
      border-bottom: none !important;
    }

    .site-nav #mega-company .comp-cta-card {
      display: none !important;
    }

    .site-nav #mega-company .comp-item:hover {
      background: transparent !important;
      transform: none !important;
      color: #2563eb !important;
    }

    /* Hide featured article on mobile */
    .site-nav #mega-company .mega-feature {
      display: none !important;
    }

    /* AI specific styling - mobile */
    .site-nav .mega-panel .ai-intro,
    .site-nav #mega-ai .ai-intro {
      display: flex !important;
      flex-direction: column !important;
      gap: 0 !important;
      padding: 0 0 14px 0 !important;
      visibility: visible !important;
      height: auto !important;
      overflow: visible !important;
      border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
      margin-bottom: 8px !important;
      position: relative !important;
      padding-left: 0 !important;
      border-radius: 0 !important;
    }

    .site-nav #mega-ai .ai-intro a {
      border-radius: 0 !important;
    }

    .site-nav .mega-panel .ai-intro::before {
      content: none !important;
    }

    .site-nav .mega-panel .ai-links,
    .site-nav #mega-ai .ai-links {
      display: block !important;
      padding: 0 !important;
      visibility: visible !important;
      height: auto !important;
      overflow: visible !important;
      border-bottom: none !important;
      margin-bottom: 0 !important;
      position: relative !important;
      max-height: none !important;
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
      opacity: 1 !important;
    }

    .site-nav .mega-panel .ai-links::before {
      content: none !important;
    }

    .site-nav .mega-panel .ai-links ul {
      list-style: none !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    .site-nav .mega-panel .ai-links li {
      margin: 0 !important;
      padding: 0 !important;
    }

    .site-nav .mega-panel .ai-links li a,
    .site-nav #mega-ai .ai-links li a {
      display: flex !important;
      padding: 13px 0 !important;
      color: #1f2937 !important;
      font-size: 15px !important;
      font-weight: 500 !important;
      text-decoration: none !important;
      border: none !important;
      border-bottom: none !important;
      border-radius: 0 !important;
      background: transparent !important;
      transition: color 0.15s ease !important;
      gap: 10px !important;
      margin: 0 !important;
    }

    .site-nav .mega-panel .ai-links li a:hover,
    .site-nav #mega-ai .ai-links li a:hover {
      color: #2563eb !important;
      background: transparent !important;
      transform: none !important;
    }

    /* Explore AI Tech Solutions - blue outlined link with arrow */
    .site-nav #mega-ai .mega-text-link.js-explore {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      padding: 12px 16px !important;
      background: transparent !important;
      color: #2563eb !important;
      text-decoration: none !important;
      border: 1px solid rgba(37, 99, 235, 0.3) !important;
      border-radius: 8px !important;
      font-weight: 600 !important;
      font-size: 15px !important;
      transition: all 0.2s ease !important;
      margin-bottom: 4px !important;
      gap: 0 !important;
    }

    .site-nav #mega-ai .mega-text-link.js-explore::after {
      content: '→' !important;
      font-size: 16px !important;
    }

    .site-nav #mega-ai .mega-text-link.js-explore:hover {
      background: rgba(37, 99, 235, 0.04) !important;
      border-color: #2563eb !important;
      transform: none !important;
    }

    /* AI Knowledge Hub - plain dark text link */
    .site-nav #mega-ai .mega-text-link.js-hub {
      display: block !important;
      padding: 13px 0 !important;
      background: transparent !important;
      color: #1f2937 !important;
      text-decoration: none !important;
      border: none !important;
      border-radius: 0 !important;
      font-weight: 600 !important;
      font-size: 15px !important;
      transition: color 0.15s ease !important;
      gap: 0 !important;
      margin: 0 !important;
    }

    .site-nav #mega-ai .mega-text-link.js-hub:hover {
      color: #2563eb !important;
      background: transparent !important;
      transform: none !important;
    }

    /* AI CTA card at bottom of mega panel */
    .site-nav #mega-ai .ai-cta-mobile {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      background: #111827 !important;
      border-radius: 12px !important;
      padding: 20px !important;
      margin: 16px 12px 12px 12px !important;
    }

    .site-nav #mega-ai .ai-cta-mobile .ai-cta-copy {
      color: #ffffff !important;
      font-size: 15px !important;
      font-weight: 500 !important;
      line-height: 1.4 !important;
      margin: 0 0 14px 0 !important;
    }

    .site-nav #mega-ai .ai-cta-mobile .ai-cta-btn {
      display: inline-block !important;
      padding: 10px 20px !important;
      background: #2563eb !important;
      color: #ffffff !important;
      border-radius: 8px !important;
      font-size: 14px !important;
      font-weight: 600 !important;
      text-decoration: none !important;
      border: none !important;
      transition: background 0.2s ease !important;
    }

    .site-nav #mega-ai .ai-cta-mobile .ai-cta-btn:hover {
      background: #1d4ed8 !important;
    }
    
    /* Service item styling - ensure all links are visible */
    .site-nav .mega-panel a {
      display: inline-flex !important;
      align-items: center !important;
      gap: 12px !important;
      padding: 12px 16px !important;
      color: #000000 !important;
      text-decoration: none !important;
      border-radius: 8px !important;
      font-size: var(--font-size-sm) !important;
      font-weight: 500 !important;
      transition: all 0.2s ease !important;
      margin-bottom: 0 !important;
      background: transparent !important;
      border: 1px solid transparent !important;
      visibility: visible !important;
      opacity: 1 !important;
      position: relative !important;
      z-index: 1 !important;
    }
    
    .site-nav .mega-panel a:hover {
      background: rgba(0, 0, 0, 0.05) !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
      transform: translateX(2px) !important;
    }
    
    .site-nav .mega-panel a img {
      width: 20px !important;
      height: 20px !important;
      margin: 0 !important;
      filter: none !important;
      opacity: 1 !important;
      flex-shrink: 0 !important;
      display: block !important;
      visibility: visible !important;
    }
    
    .site-nav .mega-panel a svg {
      width: 20px !important;
      height: 20px !important;
      margin: 0 !important;
      filter: none !important;
      opacity: 1 !important;
      flex-shrink: 0 !important;
      display: block !important;
      visibility: visible !important;
    }
    
    /* Ensure service items don't conflict with general links */
    .site-nav .mega-panel .service-item {
      display: flex !important;
      align-items: flex-start !important;
      padding: 10px !important;
      color: #000000 !important;
      text-decoration: none !important;
      border-radius: 6px !important;
      transition: all 0.2s ease !important;
      background: transparent !important;
      border: 1px solid transparent !important;
      visibility: visible !important;
      opacity: 1 !important;
      position: relative !important;
      z-index: 1 !important;
    }
    
    .site-nav .mega-panel .service-item:hover {
      background: rgba(0, 0, 0, 0.05) !important;
      border-color: rgba(0, 0, 0, 0.1) !important;
      transform: translateY(-1px) !important;
    }
    
    .site-nav .mega-panel .service-item .service-icon {
      width: 32px !important;
      height: 32px !important;
      margin-right: 10px !important;
      margin-top: 0 !important;
      filter: none !important;
      opacity: 1 !important;
      border-radius: 6px !important;
      background: rgba(59, 130, 246, 0.1) !important;
      padding: 6px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      visibility: visible !important;
    }
    
    .site-nav .mega-panel .service-item .service-icon img {
      width: 20px !important;
      height: 20px !important;
      margin: 0 !important;
      filter: none !important;
      opacity: 1 !important;
      display: block !important;
      visibility: visible !important;
    }
    
    .site-nav .mega-panel .service-item .service-content {
      flex: 1 !important;
      visibility: visible !important;
      opacity: 1 !important;
    }
    
    .site-nav .mega-panel .service-item .service-title {
      font-weight: 600 !important;
      font-size: var(--font-size-sm) !important;
      color: #000000 !important;
      margin: 0 0 2px 0 !important;
      line-height: 1.3 !important;
      visibility: visible !important;
    }
    
    .site-nav .mega-panel .service-item .service-description {
      font-size: var(--font-size-sm) !important;
      color: #6b7280 !important;
      margin: 0 !important;
      line-height: 1.3 !important;
      visibility: visible !important;
    }
    
    /* Ensure all grid items are visible */
    .site-nav .mega-panel .ai-links > * {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      position: relative !important;
      z-index: 1 !important;
    }
    
    /* Hide any conflicting elements */
    .site-nav .mega-panel > *:not(.mega-grid):not(.mega-col):not(.ind-grid):not(.port-grid):not(.res-grid):not(.comp-grid):not(.ai-intro):not(.ai-links):not(.ai-cta-mobile):not(.svc-cta-bottom):not(a):not(.service-item):not(.service-icon):not(.service-content):not(.service-title):not(.service-description) {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
    }
  }
  
  .mega-grid,
  .mega-col,
  .mega-col[data-slot="intro"],
  .mega-col[data-slot="links"],
  .mega-col[data-slot="feature"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Mobile mega menu content */
  .ai-intro, .ai-links, .ai-blogs, .svc-col, .ind-col, .comp-list, .port-list, .res-list-wrap {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    /* padding:  16px 0px; */
    /* margin-bottom: 16px; */
    width: 100%;
  }
  
  .cap-eyebrow {
    width: 100% !important;
    padding: 8px 0px !important;
    margin: 0 !important;
    font-size: 0.625rem !important;
    text-align: center !important;
    color: rgba(255, 255, 255, 0.7) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: var(--font-weight-semibold) !important;
    position: static !important;
    display: block !important;
  }
  
  .cap-eyebrow::before,
  .cap-eyebrow::after {
    display: none !important;
    content: none !important;
  }
  
  .cap-eyebrow span {
    position: static !important;
    z-index: auto !important;
    padding:0px
  }
  
  .ai-intro a, .ai-links a, .svc-col a, .ind-col a, .comp-item, .port-item, .res-item {
    display: block !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #fff !important;
    text-decoration: none !important;
    transition: background 0.2s ease !important;
    font-size: 0.625rem !important;
    width: 100% !important;
    position: static !important;
  }
  
  .ai-intro a::before,
  .ai-links a::before,
  .svc-col a::before,
  .ind-col a::before,
  .comp-item::before,
  .port-item::before,
  .res-item::before,
  .ai-intro a::after,
  .ai-links a::after,
  .svc-col a::after,
  .ind-col a::after,
  .comp-item::after,
  .port-item::after,
  .res-item::after {
    display: none !important;
    content: none !important;
  }
  
  .ai-intro a:hover, .ai-links a:hover, .svc-col a:hover, .ind-col a:hover, .comp-item:hover, .port-item:hover, .res-item:hover {
    background: rgba(255, 255, 255, 0.1);
  }
  
  .ai-intro a:last-child, .ai-links a:last-child, .svc-col a:last-child, .ind-col a:last-child, .comp-item:last-child, .port-item:last-child, .res-item:last-child {
    border-bottom: none;
  }
  
  /* Mobile submenus */
  .svc-sub {
    position: relative;
    width: 100%;
  }
  
  .svc-pop {
    position: static;
    display: none;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    margin: 8px 0;
    padding: 12px;
    width: 100%;
  }
  
  .svc-sub.open .svc-pop {
    display: block;
  }
  
  .sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .sub-menu > li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }
  
  .sub-menu > li:last-child {
    border-bottom: none;
  }
  
  .sub-menu > li > a {
    padding: 14px 20px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.8) !important;
    display: block !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
  }
  
  .sub-menu > li > a:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
  }
  
  /* Mobile CTA sections */
  .svc-cta-bottom, .ind-grid .svc-cta-bottom, .comp-grid .svc-cta-bottom {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 20px;
    margin: 20px;
    text-align: center;
    width: 100%;
  }
  
  .svc-cta-bottom p, .ind-grid .svc-cta-bottom p, .comp-grid .svc-cta-bottom p {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 16px;
    font-size: 0.6875rem;
  }
  
  .svc-cta-bottom p::before,
  .ind-grid .svc-cta-bottom p::before,
  .comp-grid .svc-cta-bottom p::before,
  .svc-cta-bottom p::after,
  .ind-grid .svc-cta-bottom p::after,
  .comp-grid .svc-cta-bottom p::after {
    display: none;
  }
  
  .svc-cta-bottom .btn-primary, .ind-grid .svc-cta-bottom .btn-primary, .comp-grid .svc-cta-bottom .btn-primary {
    background: var(--color-accent);
    color: #fff;
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    font-weight: var(--font-weight-semibold);
    font-size: 0.6875rem;
  }
  
  .svc-cta-bottom .btn-primary::before,
  .ind-grid .svc-cta-bottom .btn-primary::before,
  .comp-grid .svc-cta-bottom .btn-primary::before,
  .svc-cta-bottom .btn-primary::after,
  .ind-grid .svc-cta-bottom .btn-primary::after,
  .comp-grid .svc-cta-bottom .btn-primary::after {
    display: none;
  }
  
  /* Mobile tabs - nav items */
  .nav-tabs {
    display: flex !important;
    flex-direction: row !important;
    gap: 4px;
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 4px;
    border-bottom: none !important;
    justify-content: flex-start !important;
  }
  
  .nav-item {
    flex: 1;
    padding: 14px 0px;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: #ffffff !important;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: var(--font-size-base) !important;
    font-weight: var(--font-weight-semibold) !important;
    position: relative;
    justify-content: space-between !important;
    align-items: center !important;
    display: flex !important;
    appearance: none !important;
    border: 0 !important;
  }
  
  .nav-item:hover {
    color: #ffffff !important;
  }
  
  .nav-item.is-active {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff !important;
    font-weight: var(--font-weight-bold) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  
  .nav-item.is-active::after {
    display: none !important;
  }
  
  .nav-item::before,
  .nav-item::after {
    display: none !important;
    content: none !important;
  }
  
  /* Make button visible and style it */
  .nav-item .icon,
  .nav-item .arrow,
  .nav-item .chevron,
  .nav-item svg {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    transition: color 0.3s ease !important;
  }
  
  .nav-item.is-active .icon,
  .nav-item.is-active .arrow,
  .nav-item.is-active .chevron,
  .nav-item.is-active svg {
    color: #ffffff !important;
  }
  
  /* Center text content */
  .nav-item > span,
  .nav-item > .text,
  .nav-item > a {
    display: block !important;
    flex: 1 !important;
    text-align: left !important;
    color: inherit !important;
    text-decoration: none !important;
  }
  
  /* Remove button hiding - let buttons be visible */
  .nav-item button,
  .nav-item .btn,
  .nav-item .button {
    /* Buttons now visible */
  }
  
  /* Mobile Image Marquee */
  .mobile-image-marquee {
    width: 100%;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 12px;
    margin: 12px 0;
  }
  
  .mobile-image-marquee-track {
    display: flex;
    align-items: center;
    gap: 12px;
    width: max-content;
    animation: mobile-image-scroll 15s linear infinite;
  }
  
  .mobile-image-marquee-item {
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    border-radius: 6px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.1);
    display: grid;
    place-items: center;
  }
  
  .mobile-image-marquee-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  @keyframes mobile-image-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
  
  @media (prefers-reduced-motion: reduce) {
    .mobile-image-marquee-track {
      animation: none;
    }
  }
}

@media (max-width: 640px) {
  .site-header .nav-wrap {
    padding: 0 16px 0 0;
  }
  
  .navbar {
padding-top:15px;
    height: 56px;
  }
  
  .site-nav {
    top: 56px;
  }
  
  .navbar > .site-nav > ul {
    padding: 0 10px;
  }
  
  .nav-link {
    font-size: var(--font-size-base) !important;
    padding: 0 !important;
  }
  
  .nav-link::before,
  .nav-link::after {
    display: none !important;
    content: none !important;
  }
  
  .mega-panel {
    padding: 16px !important;
    background: rgba(0, 0, 0, 0.3) !important;
    border-radius: 8px !important;
    margin-top: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  
  .mobile-image-marquee-item {
    width: 40px;
    height: 40px;
  }
}

/* Additional mobile overrides for core capabilities */
@media (max-width: 968px) {
  .cap-section .cap-eyebrow {
    width: 100% !important;
    padding: 6px 12px !important;
    margin: 0 !important;
    font-size: 0.5625rem !important;
    text-align: center !important;
    color: rgba(255, 255, 255, 0.6) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    font-weight: 400 !important;
    position: static !important;
    display: block !important;
    background: transparent !important;
    border: none !important;
  }
  
  .cap-section .cap-eyebrow::before,
  .cap-section .cap-eyebrow::after {
    display: none !important;
    content: none !important;
    position: static !important;
  }
  
  .cap-section .cap-eyebrow span {
    position: static !important;
    z-index: auto !important;
    background: transparent !important;
    padding: 0 !important;
  }
  
  .cap-section .cap-trust {
    gap: 12px !important;
  }
  
  .cap-section .cap-trust-track {
    width: 100% !important;
    overflow: hidden !important;
    display: block !important;
  }
  
  .cap-section .cap-trust-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: max-content !important;
    animation: mobile-cap-trust-scroll 12s linear infinite !important;
  }
  
  .cap-section .cap-trust-logo {
    flex: 0 0 auto !important;
    display: grid !important;
    place-items: center !important;
    padding: 6px 8px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
  }
  
  .cap-section .cap-trust-logo img {
    max-height: 24px !important;
    width: auto !important;
    display: block !important;
    filter: brightness(0) invert(1) !important;
    opacity: .9 !important;
  }
  
  .cap-section .cap-eyebrow span {
    font-size: 11px !important;
  }

  .cap-section.cap-section--light .cap-eyebrow {
    color: rgba(11, 13, 22, 0.6) !important;
  }

  .cap-section.cap-section--light .cap-trust-logo img {
    filter: grayscale(1) brightness(0) contrast(1) !important;
  }
}

/* Mobile: Show mobile section, hide desktop section */
@media (max-width: 968px) {
  .mobile-cap-trust-section {
    display: none !important;
  }
  
  .cap-section[data-capabilities-carousel] {
    display: block !important;
  }
}

/* Desktop: Show desktop section, hide mobile section */
@media (min-width: 969px) {
  .mobile-cap-trust-section {
    display: none !important;
  }
  
  .cap-section[data-capabilities-carousel] {
    display: block !important;
  }
}
/* ===== AI Agent Page Styles ===== */
/* Hero Section - Sticky Title with Parallax Video */
.hero--ai-dev{
  position:relative;
  min-height:180vh;
  padding:120px 0 0;
  overflow:visible;
  display:flex;
  flex-direction:column;
  align-items:center;
  background:#000;
}
.hero-ai-dev-media{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  position:relative;
  z-index:2;
  padding:0 20px;
  margin-top:80px;
}
.hero-ai-dev-video{
  width:100%;
  height:auto;
  display:block;
  border-radius:16px;
}

/* Responsive */
@media(max-width:768px){
  .hero-ai-dev-media{
    margin-top:40px;
}
}

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

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

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

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

/* Testimonials Responsive */
@media(max-width:768px){
  .testimonials-carousel{
    flex-direction:column;
    gap:16px;
}
  .testimonials-nav{
    display:none;
}
  .testimonials-card{
    padding:32px 24px;
}
  .testimonials-quote{
    font-size:15px;
}
  .testimonials-cta-bottom{
    flex-direction:column;
    align-items:center;
}
}

/* AI Agent Types Section */
.cb-types{
  padding:90px 0;
  background:#000;
  color:#f5f7ff;
}

.cb-types-head{
  text-align:center;
  max-width:980px;
  margin:0 auto 48px;
}
.cb-types-head h2{
  margin:0 0 20px;
  font-size:32px;
  font-weight:700;
  letter-spacing:-0.01em;
}
.cb-types-head p{
  margin:0;
  color:#c9d4e9;
  line-height:1.7;
  font-size:17px;
}
.cb-types-stage{
  overflow:hidden;
  position:relative;
}
.cb-types-rail{
  display:flex;
  gap:16px;
  transition:transform 0.4s ease;
}
.cb-type-card{
  flex:0 0 calc((100% - 48px) / 4);
  min-width:260px;
  background:#111318;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:28px 24px;
  min-height:280px;
  display:flex;
  flex-direction:column;
  gap:16px;
  box-shadow:0 16px 32px rgba(0,0,0,.28);
}
.cb-type-icon{
  width:52px;
  height:52px;
  border-radius:12px;
  background:#1263ff;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:24px;
}
.cb-type-card h3{
  margin:0;
  color:#fff;
  font-size:18px;
  font-weight:700;
}
.cb-type-card p{
  margin:0;
  color:#c9d4e9;
  line-height:1.7;
  font-size:15px;
}
.cb-types-nav{
  display:flex;
  gap:12px;
  justify-content:center;
  align-items:center;
  margin-top:32px;
}
.cb-types-btn{
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:18px;
  cursor:pointer;
  display:grid;
  place-items:center;
  transition:all 0.25s ease;
}
.cb-types-btn:hover:not(:disabled){
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.4);
}
.cb-types-btn:disabled{
  opacity:0.35;
  cursor:not-allowed;
  background:rgba(255,255,255,.04);
}

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

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

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

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

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

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

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

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

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

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

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

/* Partnerships Responsive */
@media(max-width:900px){
  .cb-partners-grid{
    grid-template-columns:repeat(4, 1fr);
}
  .cb-partner-card:not(:nth-child(5n))::after{
    display:none;
}
  .cb-partner-card:not(:nth-child(4n))::after{
    content:'';
    display:block;
}
}
@media(max-width:640px){
  .cb-partners{
    padding:60px 0 70px;
}
  .cb-partners-head h2{
    font-size:28px;
}
  .cb-partners-grid{
    grid-template-columns:repeat(2, 1fr);
}
  .cb-partner-card:not(:nth-child(4n))::after{
    display:none;
}
  .cb-partner-card:not(:nth-child(2n))::after{
    content:'';
    display:block;
}
  .cb-partner-card img{
    height:36px;
}
}

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

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

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

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


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

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

/* Hero Responsive */
@media(max-width:768px){
  .hero--ai-dev{
    min-height:140vh;
    padding-top:100px;
}
  .hero-ai-dev-media{
    margin-top:60px;
    padding:0 16px;
}
  .hero-ai-dev-video{
    border-radius:12px;
}
}
@media(max-width:480px){
  .hero--ai-dev{
    min-height:120vh;
}
}

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

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

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

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

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

.cb-types{padding:90px 0;background:#05070b;color:#f5f7ff;}
.cb-types-cta-top{display:flex;justify-content:center;margin-bottom:18px;}
.cb-types-head{text-align:center;max-width:820px;margin:0 auto 36px;display:grid;gap:12px;}
.cb-types-head h2{margin:0;font-size:30px;letter-spacing:-0.01em;}
.cb-types-head p{margin:0;color:#c9d4e9;line-height:1.7;}
.cb-types-stage{overflow:hidden;position:relative;margin-top:12px;}
.cb-types-stage{padding:0;}
.cb-types-rail{display:flex;gap:16px;transition:transform .3s ease;}
.cb-type-card{
  flex:0 0 calc((100% - 48px) / 4); /* 3 gaps of 16px */
  min-width:200px;
  background:#1a1f2a;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:26px;
  min-height:280px;
  display:flex;flex-direction:column;gap:14px;
  box-shadow:0 18px 32px rgba(0,0,0,.32);
}
.cb-type-icon{
  width:56px;height:56px;
  border-radius:12px;
  background:#1f6bff;
  display:grid;place-items:center;
  color:#fff;
  font-weight:800;
  font-size:24px;
}
.cb-type-card h3{margin:0;color:#fff;font-size:20px;}
.cb-type-card p{margin:0;color:#d6def2;line-height:1.72;font-size:16px;}
.cb-types-nav{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:18px;}
.cb-types-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;font-size:16px;cursor:pointer;display:grid;place-items:center;transition:all .2s ease;}
.cb-types-btn:hover{background:rgba(255,255,255,.12);}
.cb-types-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;background:rgba(255,255,255,.04);}
@media (max-width:900px){
  .cb-type-card{flex:0 0 calc(50% - 18px);}
}
@media (max-width:640px){
  .cb-type-card{flex:0 0 calc(100% - 18px);}
}

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

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

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

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

/* Features new */
.cb-features-new{padding:90px 0;background:#05070b;color:#e9ecf7;}
.cb-features-new h2{margin:0 0 16px 0;font-size:42px;line-height:1.15;text-align:center;color:#f8f9ff;}
.cb-features-new-lead{margin:0 auto 30px auto;max-width:980px;text-align:center;line-height:1.7;color:#c9d4e9;font-size:17px;}
.cb-features-new-tabs{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:28px;}
.cb-features-new-tab{
  padding:14px 22px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:#0d1017;
  color:#dce5f8;
  font-weight:700;
  cursor:pointer;
  transition:all .2s ease;
}
.cb-features-new-tab.is-active{
  background:#1060ff;
  border-color:#1060ff;
  color:#fff;
  box-shadow:0 12px 30px rgba(16,96,255,.25);
}
.cb-features-new-panel{display:none;}
.cb-features-new-panel.is-active{display:block;}
.cb-features-new-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:16px;
}
.cb-features-new-card{
  background:#141820;
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;
  padding:20px 20px 22px 20px;
  box-shadow:0 12px 30px rgba(0,0,0,.28);
  min-height:150px;
}
.cb-features-new-card h3{
  margin:0 0 10px 0;
  font-size:18px;
  color:#f5f7ff;
}
.cb-features-new-card p{
  margin:0;
  color:#c7d2e8;
  line-height:1.6;
  font-size:15.5px;
}
.cb-features-new-dot{
  width:18px;
  height:18px;
  border-radius:999px;
  background:#0d49d9;
  margin-bottom:12px;
  box-shadow:0 0 0 4px rgba(30,98,255,.16),0 8px 18px rgba(0,0,0,.35);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.cb-features-new-dot-inner{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#4d8bff;
}
@media (max-width:960px){
  .cb-features-new h2{ font-size:var(--font-size-2xl); }
  .cb-features-new-lead{ font-size:var(--font-size-base); }
  .cb-features-new-grid{ grid-template-columns:1fr; }
  .cb-features-new-tabs{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; justify-content:flex-start; gap:10px; padding-bottom:8px; }
  .cb-features-new-tab{ padding:10px 18px; font-size:var(--font-size-sm); white-space:nowrap; flex-shrink:0; scroll-snap-align:start; }
}

/* Compliance new */
.cb-compliance-new{padding:90px 0;background:#07090f;color:#e8ecf5;}
.cb-compliance-new-head{max-width:980px;margin:0 auto 40px auto;text-align:center;display:flex;flex-direction:column;gap:14px;}
.cb-compliance-new-head h2{margin:0;font-size:40px;line-height:1.15;color:#fff;}
.cb-compliance-new-head p{margin:0;color:#c7d3e8;line-height:1.7;font-size:17px;}
.cb-compliance-new-stage{overflow:hidden;}
.cb-compliance-new-rail{display:flex;gap:18px;justify-content:center;}
.cb-compliance-new-card{
  width:100%;
  max-width:260px;
  min-height:180px;
  background:#0f121b;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:10px;
  box-shadow:0 18px 38px rgba(0,0,0,.28);
  opacity:0;
  transform:translateY(12px);
  transition:opacity .35s ease, transform .35s ease;
}
.cb-compliance-new-card.is-visible{
  opacity:1;
  transform:translateY(0);
}
.cb-compliance-new-badge{
  width:82px;
  height:82px;
  border-radius:50%;
  background:linear-gradient(145deg,#2c2f3c,#161924);
  border:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#dfe6f7;
  font-weight:700;
  letter-spacing:0.02em;
  box-shadow:0 10px 24px rgba(0,0,0,.35);
}
.cb-compliance-new-card h3{margin:0;font-size:17px;color:#f6f8ff;}
.cb-compliance-new-card p{margin:0;font-size:14px;line-height:1.55;color:#c7d1e7;}
.cb-compliance-new-nav{display:flex;justify-content:center;gap:10px;margin-top:18px;}
.cb-compliance-new-btn{
  width:44px;height:44px;
  border-radius:12px;
  background:#10131d;
  border:1px solid rgba(255,255,255,.12);
  color:#e7ecf8;
  cursor:pointer;
  font-size:18px;
  box-shadow:0 10px 20px rgba(0,0,0,.25);
  transition:all .18s ease;
}
.cb-compliance-new-btn:hover{
  background:#1b2240;
  border-color:#1b5cff;
}
@media(max-width:960px){
  .cb-compliance-new{ padding:60px 0; }
  .cb-compliance-new-head h2{ font-size:var(--font-size-2xl); }
  .cb-compliance-new-head p{ font-size:var(--font-size-base); }
  .cb-compliance-new-stage{ overflow:visible; }
  .cb-compliance-new-rail{ gap:14px; justify-content:flex-start; overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; padding:0 16px 16px; }
  .cb-compliance-new-card{ display:flex !important; opacity:1 !important; transform:none !important; flex:0 0 220px; min-width:220px; scroll-snap-align:start; }
  .cb-compliance-new-nav{ display:none; }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ===== Genai Consulting Testimonials (singular class variant) ===== */
.testimonial-slide{
  display:none;
}
.testimonial-slide.is-active{
  display:block;
  animation:fadeInTestimonial 0.4s ease;
}
.testimonial-card{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:40px;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:24px;
  padding:48px 56px;
  align-items:start;
}
.testimonial-author{
  display:flex;
  flex-direction:column;
  gap:20px;
}
.testimonial-avatar{
  width:80px;
  height:80px;
  border-radius:50%;
  overflow:hidden;
  border:3px solid rgba(255,255,255,0.1);
}
.testimonial-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.testimonial-author-info{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.testimonial-name{
  font-size:22px;
  font-weight:700;
  color:#fff;
  margin:0;
  line-height:1.3;
}
.testimonial-title{
  font-size:15px;
  color:#b8bcc8;
  margin:0;
  line-height:1.5;
}
.testimonial-company{
  font-size:15px;
  color:#8a8f9e;
  margin:0;
  line-height:1.5;
}
.testimonial-content{
  position:relative;
  padding-top:16px;
}
.quote-mark{
  font-size:72px;
  font-weight:700;
  color:rgba(255,255,255,0.15);
  line-height:1;
  font-family:Georgia, serif;
}
.quote-mark.open{
  position:absolute;
  top:-20px;
  left:-10px;
}
.quote-mark.close{
  display:inline-block;
  margin-left:8px;
  vertical-align:middle;
  font-size:48px;
}
.testimonial-quote{
  font-size:20px;
  line-height:1.75;
  color:#d6dae8;
  margin:0;
  padding-left:40px;
  font-style:normal;
}
.testimonial-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:16px 32px;
  font-size:16px;
  font-weight:600;
  color:#fff;
  background:linear-gradient(135deg, #3b82f6 0%, #1e88e5 100%);
  border:none;
  border-radius:50px;
  text-decoration:none;
  transition:all 0.3s ease;
  margin-top:28px;
  margin-left:40px;
  box-shadow:0 4px 14px rgba(59,130,246,0.4);
}
.testimonial-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(59,130,246,0.5);
}
.testimonials-wrapper{
  flex:1;
  overflow:hidden;
}

@media(max-width:960px){
  .testimonial-card{
    grid-template-columns:1fr;
    gap:32px;
    padding:36px 32px;
  }
  .testimonial-author{
    flex-direction:row;
    align-items:center;
    gap:20px;
  }
  .testimonial-avatar{
    width:60px;
    height:60px;
  }
  .testimonial-name{
    font-size:20px;
  }
  .testimonial-quote{
    font-size:18px;
    padding-left:32px;
  }
  .quote-mark{
    font-size:56px;
  }
  .quote-mark.close{
    font-size:36px;
  }
  .testimonial-cta{
    margin-left:32px;
  }
}

@media(max-width:640px){
  .testimonial-card{
    padding:28px 20px;
  }
  .testimonial-quote{
    font-size:16px;
    padding-left:20px;
  }
  .quote-mark{
    font-size:40px;
  }
  .quote-mark.open{
    top:-12px;
    left:-4px;
  }
  .quote-mark.close{
    font-size:28px;
  }
  .testimonial-cta{
    margin-left:20px;
    padding:14px 24px;
    font-size:15px;
  }
}

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

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

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

/* SVG icon sizing for layouts using bonami_render_icon */
.cb-type-icon svg { width: 100%; height: 100%; }
.compliance-icon svg { width: 100%; height: 100%; }
.healthcare-tech-icon svg { width: 100%; height: 100%; }
.healthcare-stack-icon svg { width: 100%; height: 100%; }
.product-industry-icon svg { width: 100%; height: 100%; }
.split-link-card-icon svg { width: 100%; height: 100%; }