:root {
  --mv-blue: #007bc1;
  --mv-cerulean: #2699d5;
  --mv-sky: #00c2f3;
  --mv-green: #0db14b;
  --mv-shamrock: #6cbe45;
  --mv-avocado: #92c83e;
  --mv-charcoal: #0b1118;
  --mv-ink: #202636;
  --mv-slate: #9aa8b8;
  --mv-cloud: #f1f2f2;
  --mv-line: rgba(255,255,255,.12);
  --mv-panel: rgba(255,255,255,.06);
  --aventro-gradient:radial-gradient(circle at 12% 18%, rgba(0, 194, 243, .20), transparent 34%), radial-gradient(circle at 86% 6%, rgba(108, 190, 69, .24), transparent 32%), linear-gradient(135deg, #071017 0%, #0e1a26 48%, #102c34 100%);
  --aventro-glow:
    0 24px 80px rgba(0,194,243,.16),
    0 16px 56px rgba(13,177,75,.12);
}

body.index-page {
  background: var(--aventro-gradient) !important;
  color: #d9e3ed;
}

.index-page .header {
  --default-color: none!important;
  --heading-color: none!important;
  --nav-color: none!important;
}


.index-page main,
.index-page main section {
  background: radial-gradient(circle at 12% 18%, rgba(0, 194, 243, .20), transparent 34%), radial-gradient(circle at 86% 6%, rgba(108, 190, 69, .24), transparent 32%), linear-gradient(135deg, #071017 0%, #0e1a26 48%, #102c34 100%);
}

.index-page .header,
.index-page .footer {
  background: radial-gradient(circle at 12% 18%, rgba(0, 194, 243, .20), transparent 34%), radial-gradient(circle at 86% 6%, rgba(108, 190, 69, .24), transparent 32%), linear-gradient(135deg, #071017 0%, #0e1a26 48%, #102c34 100%);
}

.index-page .header {
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.index-page .header .navmenu a,
.index-page .header .navmenu a span {
  color: rgba(255,255,255,.86);
}

.index-page .header .navmenu a:hover,
.index-page .header .navmenu a.active {
  color: var(--mv-sky);
}

.index-page .section {
  padding: 4rem 0;
 }

.index-page .section-title h2 {
  color: #fff;
}

.index-page .section-title p {
  color: rgba(217,227,237,.72);
}

/* Buttons */
.index-page .btn-primary {
  --bs-btn-bg: var(--mv-green);
  --bs-btn-border-color: var(--mv-green);
  --bs-btn-hover-bg: #0a963f;
  --bs-btn-hover-border-color: #0a963f;
  box-shadow: 0 12px 30px rgba(13,177,75,.25);
}

.index-page .btn-outline-primary {
  --bs-btn-color: var(--mv-sky);
  --bs-btn-border-color: rgba(0,194,243,.5);
  --bs-btn-hover-bg: var(--mv-blue);
  --bs-btn-hover-border-color: var(--mv-blue);
}

/* Hero */
.index-page .hero {
  position: relative;
  padding: 9rem 0 6rem;
  background: radial-gradient(circle at 12% 18%, rgba(0, 194, 243, .20), transparent 34%), radial-gradient(circle at 86% 6%, rgba(108, 190, 69, .24), transparent 32%), linear-gradient(135deg, #071017 0%, #0e1a26 48%, #102c34 100%) !important;
  color: #fff;
  isolation: isolate;
  overflow: hidden;
}

.index-page .hero-background {
  display: none;
}

.index-page .hero::before,
.index-page .hero::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  filter: blur(2px);
  z-index: -1;
}

.index-page .hero::before {
  width: 35rem;
  height: 35rem;
  right: -12rem;
  top: -10rem;
  background: radial-gradient(circle,rgba(13,177,75,.36),transparent 64%);
}

.index-page .hero::after {
  width: 28rem;
  height: 28rem;
  left: -12rem;
  bottom: -12rem;
  background: radial-gradient(circle,rgba(0,194,243,.24),transparent 62%);
}

.index-page .hero .hero-eyebrow,
.index-page .hero .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .4rem .7rem;
  border-radius: 999px;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #fff;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
}

.index-page .hero h1 {
  font-size: clamp(2.75rem,6vw,5.25rem);
  letter-spacing: -.06em;
  line-height: .95;
  color: #fff;
}

.index-page .hero p,
.index-page .hero p.lead {
  color: rgba(255,255,255,.82);
  max-width: 48rem;
}

/* Extractor-friendly homepage summary directly after the H1 */
.index-page .hero-summary {
  margin-top: 1.5rem;
  max-width: 54rem;
  padding: 1.35rem 1.4rem;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 1.35rem;
  background: rgba(255,255,255,.055);
  box-shadow: 0 18px 50px rgba(0,0,0,.12);
  backdrop-filter: blur(12px);
}

.index-page .hero-summary .audience-chip {
  display: inline-flex;
  align-items: center;
  margin: 0 .45rem .8rem 0;
  padding: .36rem .68rem;
  border-radius: 999px;
  border: 1px solid rgba(0,194,243,.32);
  background: rgba(0,194,243,.10);
  color: #e9f9ff;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .035em;
}

.index-page .hero-summary .audience-chip + .audience-chip {
  border-color: rgba(108,190,69,.34);
  background: rgba(108,190,69,.10);
}

.index-page .hero-summary p {
  max-width: none;
  margin-bottom: .85rem;
  line-height: 1.65;
}

.index-page .hero-summary strong {
  color: #fff;
  font-weight: 700;
}

.index-page .hero-summary ul {
  margin: 1rem 0 .8rem;
  padding-left: 1.25rem;
  color: rgba(255,255,255,.82);
}

.index-page .hero-summary li {
  margin-bottom: .42rem;
  line-height: 1.5;
}

.index-page .hero-summary .review-date {
  margin: .95rem 0 0;
  padding-top: .8rem;
  border-top: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.58);
  font-size: .78rem;
}


.index-page .hero-panel {
  /*border: 1px solid rgba(255,255,255,.14);
  border-radius: 2rem;
  background: rgba(255,255,255,.08);*/
  /*box-shadow: var(--aventro-glow);*/
  backdrop-filter: blur(16px);
  padding: 1.5rem;
}

.index-page .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.75rem;
}

.index-page .hero-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 2.5rem;
}

.index-page .hero-stats .stat-item {
  display: flex;
  flex-direction: column;
}

.index-page .hero-stats .stat-number {
  color: #fff;
  font-size: 2rem;
  font-weight: 800;
}

.index-page .hero-stats .stat-label {
  color: rgba(255,255,255,.65);
  font-size: .72rem;
  letter-spacing: .08em;
}

/* Glass cards */
.index-page .feature-card,
.index-page .about-card,
.index-page .service-item,
.index-page .stat-card,
.index-page .challenge-card,
.index-page .solution-card,
.index-page .related-card {
  border: 1px solid var(--mv-line);
  border-radius: 1.5rem;
  background: rgba(255,255,255,.06);
  color: #eef6fb;
  backdrop-filter: blur(18px);
  transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}

.index-page .feature-card:hover,
.index-page .about-card:hover,
.index-page .service-item:hover,
.index-page .stat-card:hover,
.index-page .challenge-card:hover,
.index-page .solution-card:hover,
.index-page .related-card:hover {
  transform: translateY(-5px);
  border-color: rgba(0,194,243,.35);
  box-shadow: 0 18px 50px rgba(0,0,0,.25);
}

.index-page .feature-card {
  min-height: 150px;
  padding: 1.5rem;
}

.index-page .feature-card h5,
.index-page .feature-card h4,
.index-page .about-card h5,
.index-page .service-item h3 {
  color: #fff;
}

.index-page .feature-card p,
.index-page .about-card p,
.index-page .service-item p {
  color: rgba(217,227,237,.72);
}

/* Icons */
.index-page .icon-badge,
.index-page .icon-wrap {
  display: inline-grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 1rem;
  background: linear-gradient(135deg,rgba(13,177,75,.18),rgba(0,194,243,.16));
  color: var(--mv-sky);
  border: 1px solid rgba(0,194,243,.16);
  font-size: 1.35rem;
}

/* About */
.index-page .about {
  background: #0b1118;
}

.index-page .about-content h2 {
  color: #fff;
}

.index-page .about-content p {
  color: rgba(217,227,237,.72);
}

.index-page .about img {
  border-radius: 1.5rem;
  box-shadow: 0 24px 60px rgba(0,0,0,.30) !important;
}

/* Solutions */
.index-page {
  background: #0b1118;
}

/*.index-page .services {
  background: #0b1118;
}*/

.index-page .services .service-item {
  height: 100%;
  padding: 2rem;
}

.index-page .services .service-item .icon {
  margin-bottom: 1.25rem;
}

.index-page .services .service-item .icon img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

.index-page .services .card-links .link-item {
  color: var(--mv-sky);
  font-weight: 700;
  text-decoration: none;
}

.index-page .services .card-links .link-item:hover {
  color: var(--mv-avocado);
}

/* Embedded / Enterprise solution paths */
.index-page .solution-track {
  position: relative;
  overflow: hidden;
  padding: 1.5rem;
  margin-bottom: 2rem;
  border: 1px solid var(--mv-line);
  border-radius: 1.75rem;
  background: rgba(255,255,255,.035);
}

.index-page .solution-track::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--track-accent, var(--mv-sky));
  box-shadow: 0 0 28px var(--track-accent, var(--mv-sky));
}

.index-page .solution-track.embedded-track {
  --track-accent: var(--mv-sky);
}

.index-page .solution-track.enterprise-track {
  --track-accent: var(--mv-green);
}

.index-page .solution-track-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
  padding: 0 .25rem;
}

.index-page .solution-track-title {
  display: flex;
  align-items: center;
  gap: .85rem;
}

.index-page .solution-track-title .icon-badge {
  width: 2.7rem;
  height: 2.7rem;
}

.index-page .solution-track h3.track-name {
  color: #fff;
  margin: 0;
  font-size: 1.35rem;
}

.index-page .solution-track .track-description {
  margin: 0;
  color: rgba(217,227,237,.72);
  max-width: 44rem;
}

.index-page .solution-track .solution-type {
  display: inline-flex;
  align-items: center;
  padding: .35rem .65rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--track-accent) 42%, transparent);
  background: color-mix(in srgb, var(--track-accent) 12%, transparent);
  color: #fff;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.index-page .solution-track .service-item {
  background: rgba(255,255,255,.055);
}


/* Applications / tabs */
.index-page .tabs,
.index-page .tabs .tabs-wrapper,
.index-page .tabs .tabs-header,
.index-page .tabs .tab-content {
  background: transparent;
}

.index-page .tabs .nav-tabs {
  border-color: rgba(255,255,255,.10);
}

.index-page .tabs .nav-link {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.72);
  border-radius: 1rem;
}

.index-page .tabs .nav-link.active {
  background: rgba(0,194,243,.10);
  border-color: rgba(0,194,243,.35);
  color: #fff;
}

.index-page .tabs .content-area h3,
.index-page .tabs .content-area h4 {
  color: #fff;
}

.index-page .tabs .content-area p,
.index-page .tabs .point-item {
  color: rgba(217,227,237,.72);
}

.index-page .tabs .point-item i,
.index-page .tabs .explore-link {
  color: var(--mv-sky);
}

/* Common text helpers */
.index-page .text-secondary {
  color: rgba(217,227,237,.72) !important;
}

.index-page .border-bottom {
  border-bottom-color: rgba(255,255,255,.10) !important;
}

/* CTA */
.index-page .cta-band {
  border-radius: 2rem;
  background: var(--aventro-gradient);
  color: #fff;
  overflow: hidden;
  position: relative;
  isolation: isolate;
}

.index-page .cta-band::after {
  content: "";
  position: absolute;
  width: 24rem;
  height: 24rem;
  right: -8rem;
  top: -8rem;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  z-index: -1;
}

/* Footer */
.index-page .footer {
  color: rgba(255,255,255,.75);
}

.index-page .footer h4,
.index-page .footer .sitename {
  color: #fff;
}

/*.index-page .footer a {
  color: rgba(255,255,255,.75);
}*/

.index-page .footer a:hover {
  color: var(--mv-sky);
}

/* Do not force homepage styling onto inner pages */
.index-page .bg-white {
  /*background-color: var(--mv-charcoal) !important;*/
}

.client-logos {
    position: relative;
    padding:0;
    /*background: transparent;*/
    overflow: hidden;
}


/* Heading */

.client-logos-heading {
    max-width: 650px;
    margin: 0 auto 2.5rem;
}

.client-logos-heading h2 {
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 700;
    letter-spacing: -.03em;
    margin-bottom: .75rem;
}

.client-logos-heading p {
    color: rgba(217, 227, 237, .65);
}


/* Outer glass container */

.logo-marquee {
    position: relative;
    width: 100%;
    overflow: hidden;

    /* No outer border */
    border: none;
    background: radial-gradient(circle at 12% 18%, rgba(0, 194, 243, .20), transparent 34%),
        radial-gradient(circle at 86% 6%, rgba(108, 190, 69, .24), transparent 32%),
        linear-gradient(135deg, #071017 0%, #0e1a26 48%, #102c34 100%);
    box-shadow: none;
    border-radius: 0;
}

.logo-track {
    display: flex;
    align-items: center;
    width: max-content;
    animation: logoScroll 30s linear infinite;
}

.logo-marquee:hover .logo-track {
    animation-play-state: paused;
}


/* Logo container */

.logo-item {
    position: relative;
    width: 190px;
    height: 100px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 2rem;
    /* Remove full border */
    border: none;
}


/* Small divider between logos */

.logo-item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 32px;
    background: rgba(255, 255, 255, .16);
}


/* Logo */

.logo-item img {
    width: 100%;
    max-width: 125px;
    max-height: 48px;
    object-fit: contain;

    opacity: .72;

    filter:
        grayscale(100%)
        brightness(0)
        invert(1);

    transition:
        opacity .3s ease,
        filter .3s ease,
        transform .3s ease;
}

.logo-item:hover img {
    opacity: 1;
    filter:
        grayscale(0%)
        brightness(1.15)
        invert(0);

    transform: scale(1.06);
}

.logo-marquee::before,
.logo-marquee::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80px;
    z-index: 5;
    pointer-events: none;
}

.logo-marquee::before {
    left: 0;
    background: linear-gradient(
        to right,
        #0b1118 5%,
        transparent
    );
}

.logo-marquee::after {
    right: 0;

    background: linear-gradient(
        to left,
        #0b1118 5%,
        transparent
    );
}


@keyframes logoScroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* Responsive */
@media (max-width: 991.98px) {
  .index-page .hero {
    padding-top: 7rem;
  }

  .index-page .hero h1 {
    font-size: clamp(2.5rem,8vw,4rem);
  }

  .index-page .hero-panel {
    margin-top: 2rem;
  }

  .index-page .section {
    padding: 4.5rem 0;
  }
}

@media (max-width: 575.98px) {
  .index-page .hero {
    padding: 6.5rem 0 4rem;
  }

  .index-page .hero-stats {
    gap: 1.25rem;
  }

  .index-page .hero-actions .btn {
    width: 100%;
  }
}

.header .logo img{max-height:none;}
.header .header-social-links{padding-right:8px;}
.header .header-social-links a{padding-left:2px;}

