/* Mathonyx v5.0 — fresh build */
:root{
  --mx-bg:#070a0d;
  --mx-ink:#e9f4f2;
  --mx-muted:rgba(233,244,242,.68);
  --mx-dim:rgba(233,244,242,.50);
  --mx-card:rgba(12,18,24,.66);
  --mx-stroke:rgba(48,242,194,.20);
  --mx-stroke2:rgba(255,255,255,.06);
  --mx-accent:#30f2c2;
  --mx-accent2:#2fb1ff;
  --mx-shadow: 0 26px 60px rgba(0,0,0,.55);
  --mx-radius:18px;
  --mx-radius2:24px;
}

html{scroll-behavior:smooth;}
body.mx-site{
  background: radial-gradient(1200px 500px at 18% 12%, rgba(47,177,255,.16), transparent 55%),
              radial-gradient(900px 420px at 82% 18%, rgba(48,242,194,.14), transparent 60%),
              radial-gradient(900px 420px at 62% 82%, rgba(169,88,255,.12), transparent 55%),
              var(--mx-bg);
  color:var(--mx-ink);
  font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
}

.mx-link{color:rgba(48,242,194,.95); text-decoration:none;}
.mx-link:hover{color:#72ffe0; text-decoration:underline;}

.mx-muted{color:var(--mx-muted);}
.mx-dim{color:var(--mx-dim);}

.mx-nav-wrap{
  position:fixed;
  top:0; left:0; right:0;
  z-index:1030;
  backdrop-filter:saturate(160%) blur(10px);
  background: linear-gradient(to bottom, rgba(5,8,10,.78), rgba(5,8,10,.42));
  border-bottom:1px solid rgba(255,255,255,.06);
}
.mx-nav{ padding: .75rem 0; }
.mx-mark{
  width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:10px;
  background: rgba(48,242,194,.10);
  border:1px solid rgba(48,242,194,.18);
  color: var(--mx-accent);
}
.mx-navlink{
  font-size:.92rem;
  color:rgba(233,244,242,.78) !important;
  padding:.5rem .75rem !important;
  border-radius:12px;
}
.mx-navlink:hover{
  color:rgba(233,244,242,.96) !important;
  background: rgba(255,255,255,.04);
}
.mx-btn-cta{
  background: linear-gradient(135deg, rgba(48,242,194,.98), rgba(47,177,255,.92));
  border:none;
  color:#071012;
  border-radius:999px;
  padding:.5rem .9rem;
  box-shadow: 0 10px 30px rgba(48,242,194,.16);
  font-weight:700;
}
.mx-btn-cta:hover{filter:brightness(1.03);}
.mx-btn-ghost{
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(233,244,242,.90);
  border-radius:999px;
}
.mx-btn-ghost:hover{background: rgba(255,255,255,.05);}

main{ padding-top: 88px; }

.mx-hero{
  padding: 84px 0 64px;
  position: relative;
  overflow: hidden;
}
.mx-hero::before{
  content:"";
  position:absolute; inset:-240px -240px auto -240px;
  height: 520px;
  background: radial-gradient(closest-side, rgba(48,242,194,.18), transparent 70%),
              radial-gradient(closest-side, rgba(47,177,255,.12), transparent 72%);
  filter: blur(6px);
  pointer-events:none;
}
.mx-kicker{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.35rem .65rem;
  border-radius:999px;
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color: rgba(233,244,242,.78);
  font-size:.82rem;
}
.mx-h1{
  font-size: clamp(2.2rem, 3.9vw, 3.35rem);
  line-height:1.06;
  letter-spacing:-.02em;
  margin-top: 14px;
}
.mx-lead{
  color: rgba(233,244,242,.72);
  max-width: 55ch;
  margin-top: 14px;
  font-size: 1.05rem;
}
.mx-hero-actions{display:flex; gap:.7rem; flex-wrap:wrap; margin-top:18px;}

.mx-panel{
  border-radius: var(--mx-radius2);
  background: linear-gradient(180deg, rgba(12,18,24,.80), rgba(12,18,24,.55));
  border:1px solid rgba(255,255,255,.08);
  box-shadow: var(--mx-shadow);
  overflow:hidden;
  position:relative;
}
.mx-panel .mx-panel-topline{
  position:absolute; inset:0 0 auto 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(48,242,194,.0), rgba(48,242,194,.8), rgba(47,177,255,.6), rgba(48,242,194,.0));
  opacity:.45;
}
.mx-panel-pad{padding: 18px 18px 12px;}
.mx-panel-caption{ font-size:.78rem; color: rgba(233,244,242,.60); }
.mx-panel-title{ font-weight:700; font-size:1rem; margin-top:4px; }

.mx-grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 22px;
}
@media (max-width: 992px){
  .mx-grid{grid-template-columns: 1fr; }
}

.mx-mini{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}
.mx-pill{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.38rem .62rem;
  border-radius:999px;
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color: rgba(233,244,242,.74);
  font-size:.82rem;
}
.mx-pill i{ color: rgba(48,242,194,.92); }

.mx-section{ padding: 74px 0; }
.mx-sectionhead{
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.mx-section-title{
  font-size: clamp(1.75rem, 2.35vw, 2.25rem);
  letter-spacing:-.012em;
  line-height: 1.15;
  margin: 10px 0 8px;
}
.mx-section-sub{ max-width: 70ch; margin-left:auto; margin-right:auto; }

.mx-card{
  border-radius: var(--mx-radius);
  background: linear-gradient(180deg, rgba(12,18,24,.70), rgba(12,18,24,.50));
  border:1px solid rgba(255,255,255,.08);
  box-shadow: 0 18px 45px rgba(0,0,0,.45);
  padding: 18px 18px;
  height:100%;
}
.mx-card:hover{
  border-color: rgba(48,242,194,.24);
  transform: translateY(-2px);
  transition: .18s ease;
}
.mx-card .mx-ic{
  width:38px; height:38px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(48,242,194,.12);
  border:1px solid rgba(48,242,194,.18);
  color: rgba(48,242,194,.95);
  margin-bottom:12px;
}
.mx-card h3{ font-size: 1.02rem; margin: 0 0 6px; font-weight: 700; }
.mx-card p{ margin:0; color: rgba(233,244,242,.70); font-size:.95rem; }

.mx-divider{ border-top: 1px solid rgba(255,255,255,.08); }
.mx-badge-soft{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.34rem .55rem;
  border-radius: 999px;
  border: 1px solid rgba(48,242,194,.20);
  color: rgba(48,242,194,.95);
  background: rgba(48,242,194,.06);
  font-size: .78rem;
}

.mx-module-strip{
  border-radius: var(--mx-radius2);
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
  padding: 12px;
}
.mx-module-nav{ display:flex; gap:10px; align-items:center; justify-content:space-between; }
.mx-module-track{
  display:flex;
  gap:12px;
  overflow:auto;
  scroll-snap-type:x mandatory;
  padding: 10px 6px 6px;
}
.mx-module-track::-webkit-scrollbar{ height:8px; }
.mx-module-track::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.10); border-radius:999px; }
.mx-module{
  min-width: 270px;
  scroll-snap-align: start;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(12,18,24,.72), rgba(12,18,24,.50));
  border: 1px solid rgba(255,255,255,.08);
  padding: 14px 14px;
}
.mx-module .t{ font-weight: 750; }
.mx-module .s{ color: rgba(233,244,242,.68); font-size:.9rem; margin-top:6px; }
.mx-module .i{ color: rgba(48,242,194,.9); }

.mx-logo-card img{ max-width:100%; height:auto; display:block; }
.mx-logo-card{ padding: 12px; }

/* Simple callout / note blocks (used across the homepage) */
.mx-note{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(233,244,242,.74);
}
.mx-note i{
  color: rgba(48,242,194,.92);
  font-size: 1.15rem;
  margin-top: 1px;
}
.mx-note-compact{
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.mx-legal{
  padding: 88px 0 64px;
}
.mx-legal .mx-sheet{
  max-width: 920px;
  margin: 0 auto;
  border-radius: 22px;
  background: rgba(12,18,24,.70);
  border: 1px solid rgba(255,255,255,.08);
  padding: 26px 22px;
  box-shadow: var(--mx-shadow);
}
.mx-legal h1{ font-size: 2rem; margin:0 0 6px;}
.mx-legal h2{ font-size: 1.15rem; margin-top: 22px;}
.mx-legal p, .mx-legal li{ color: rgba(233,244,242,.70); }
.mx-legal .mx-note{ color: rgba(233,244,242,.58); font-size:.92rem; }

.mx-footer{
  border-top: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(to top, rgba(0,0,0,.35), transparent);
}
.mx-footer-title{ font-weight: 700; color: rgba(233,244,242,.88); margin-bottom: 8px;}
.mx-footer-links li{ margin: 6px 0; }
.mx-footer-links a{ color: rgba(233,244,242,.68); text-decoration:none; }
.mx-footer-links a:hover{ color: rgba(233,244,242,.92); }
.mx-footer-pill{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.5rem .7rem;
  margin-right:.45rem;
  margin-bottom:.45rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(233,244,242,.84);
  text-decoration:none;
}
.mx-footer-pill:hover{ background: rgba(255,255,255,.05); color: rgba(233,244,242,.96); }
.mx-footer-line{ height:1px; background: rgba(255,255,255,.08); }

.mx-cookie{
  position: fixed;
  left: 18px;
  right: 18px;
  bottom: 18px;
  z-index: 1080;
  display:none;
}
.mx-cookie-inner{
  max-width: 980px;
  margin: 0 auto;
  border-radius: 18px;
  background: rgba(12,18,24,.82);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--mx-shadow);
  padding: 14px 16px;
  display:flex;
  gap: 12px;
  align-items:center;
  justify-content:space-between;
}
.mx-cookie-title{ font-weight: 750; font-size: .98rem; }
.mx-cookie-text{ color: rgba(233,244,242,.68); font-size: .92rem; max-width: 70ch; }
.mx-cookie-actions{ display:flex; gap: 10px; align-items:center; flex-wrap:wrap; }

.mx-reveal{ opacity:0; transform: translateY(12px); }
.mx-reveal.mx-in{ opacity:1; transform:none; transition: .45s ease; }

/* form controls */
.mx-input{
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(233,244,242,.92) !important;
  border-radius: 14px !important;
}
.mx-input::placeholder{ color: rgba(233,244,242,.40) !important; }
.mx-input:focus{
  border-color: rgba(48,242,194,.35) !important;
  box-shadow: 0 0 0 .2rem rgba(48,242,194,.08) !important;
}

/* Logo wall (partners/clients) */
.mx-logo-wall{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:center;margin-top:18px}
.mx-logo-wall a{display:flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.mx-logo-wall a:hover{transform:translateY(-2px);border-color:rgba(46,242,209,0.25);background:rgba(46,242,209,0.04)}
.mx-logo-wall img{height:34px;width:auto;display:block}

/* --------------------------------------------------------------------------
   Quant-like layout additions (v5.2)
   -------------------------------------------------------------------------- */

.mx-topline{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  font-size: .92rem;
  color: rgba(48,242,194,.95);
  font-weight: 750;
  letter-spacing: .02em;
  margin-bottom: 12px;
}

.mx-hero-qt{
  padding: 88px 0 46px;
  position: relative;
}

.mx-hero-qt::before{
  content:"";
  position:absolute;
  inset: -120px -80px auto -80px;
  height: 560px;
  background:
    radial-gradient(closest-side at 22% 28%, rgba(48,242,194,.16), rgba(48,242,194,0) 72%),
    radial-gradient(closest-side at 78% 30%, rgba(47,177,255,.12), rgba(47,177,255,0) 74%);
  pointer-events:none;
}

.mx-hero-visual{
  border-radius: 24px;
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: var(--mx-shadow);
  overflow:hidden;
}

.mx-hero-visual-inner{
  padding: 14px;
}

/* Home hero visual: let the illustration "float" (no hard frame) */
.mx-hero-visual-float{
  background: transparent;
  border: none;
  box-shadow: none;
  overflow: visible;
}
.mx-hero-visual-float .mx-hero-visual-inner{
  padding: 0;
}
.mx-hero-visual-float img{
  filter: drop-shadow(0 28px 48px rgba(0,0,0,.55));
}

/* Hero image helpers (mobile-first) */
.mx-hero-media{ display:block; }
.mx-hero-img{ display:block; width:100%; height:auto; }

@media (max-width: 768px){
  /* On mobile, keep the hero image compact, readable, and blended into the background */
  .mx-hero-visual-float{ margin-top: 10px; }
  .mx-hero-visual-float .mx-hero-media{ overflow:hidden; border-radius: 18px; }
  .mx-hero-visual-float .mx-hero-img{
    height: clamp(180px, 40vw, 240px);
    object-fit: cover;
    object-position: 60% 30%; /* focus on globe + hand */
    filter: drop-shadow(0 18px 36px rgba(0,0,0,.55));
    -webkit-mask-image: radial-gradient(circle at 55% 42%, rgba(0,0,0,1) 62%, rgba(0,0,0,0) 92%);
            mask-image: radial-gradient(circle at 55% 42%, rgba(0,0,0,1) 62%, rgba(0,0,0,0) 92%);
  }
}

.mx-hero-strap{
  margin-top: 24px;
  padding: 18px 18px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(12,18,24,.55);
  color: rgba(233,244,242,.70);
  text-align: center;
  max-width: 960px;
  margin-left:auto;
  margin-right:auto;
}

.mx-area-card .mx-ic,
.mx-industry-card .mx-ic{
  width: 48px;
  height: 48px;
  border-radius: 14px;
}

.mx-area-card h3{ margin-top: 10px; }

.mx-industry-card{
  height: 100%;
  display:flex;
  flex-direction:column;
}
.mx-industry-card p{ flex: 1; }
.mx-industry-card .mx-link{ margin-top: auto; }

.mx-media-card{
  border-radius: 24px;
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.08);
  overflow:hidden;
  box-shadow: var(--mx-shadow);
}
.mx-media-topline{
  height: 2px;
  background: linear-gradient(90deg, rgba(48,242,194,0), rgba(48,242,194,.85), rgba(47,177,255,0));
}

/* Ecosystem / Partners */
.mx-partners-section{ padding-top: 56px; }

.mx-partners-group{ margin-top: 10px; }
.mx-partners-subtitle{
  margin-top: 18px;
  text-align:center;
  font-size: 1.05rem;
  letter-spacing:-.01em;
  color: rgba(233,244,242,.88);
}
.mx-partners-note{
  text-align:center;
  max-width: 74ch;
  margin: 10px auto 0;
}

.mx-logos-grid{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:center;
  gap: 22px;
  margin-top: 18px;
}
.mx-logo-item{ text-align:center; width: 220px; max-width: 100%; }

.mx-logo-tile{
  height: 96px;
  width: 220px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  box-shadow: var(--mx-shadow);
  text-decoration:none;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.mx-logo-tile:hover{
  background: rgba(255,255,255,.08);
  border-color: rgba(48,242,194,.22);
  transform: translateY(-2px);
}
.mx-logo-tile img{
  max-height: 54px;
  max-width: 100%;
  width:auto;
  height:auto;
  display:block;
  filter: grayscale(100%) brightness(0) invert(1);
  opacity: .88;
}
.mx-logo-tile:hover img{ opacity: 1; }

.mx-logo-tile--light{
  background: rgba(255,255,255,.92);
  border-color: rgba(0,0,0,.10);
}
.mx-logo-tile--light:hover{
  background: rgba(255,255,255,.96);
  border-color: rgba(0,0,0,.14);
}

.mx-logo-tile--text{
  background: linear-gradient(180deg, rgba(12,18,24,.80), rgba(12,18,24,.55));
}

.mx-logo-text{
  font-weight: 700;
  letter-spacing: -.01em;
  color: rgba(233,244,242,.88);
  line-height: 1.1;
  padding: 0 6px;
}

.mx-logo-caption{
  margin-top: 9px;
  font-size: .86rem;
  color: rgba(233,244,242,.62);
  min-height: 2.4em;
}

@media (max-width: 992px){
  .mx-hero-qt{ padding-top: 76px; }
  .mx-logo-item{ width: 200px; }
  .mx-logo-tile{ width: 200px; height: 90px; }
  .mx-logo-tile img{ max-height: 50px; }
}
@media (max-width: 576px){
  .mx-logo-item{ width: 160px; }
  .mx-logo-tile{ width: 160px; height: 86px; }
  .mx-hero-strap{ font-size: .95rem; }
  .mx-logo-caption{ font-size:.84rem; }
}

/* CTA band ("Need Assistance?") */
.mx-cta{
  padding: 78px 0 86px;
  position: relative;
  overflow:hidden;
}
.mx-cta-bg{
  background:
    radial-gradient(closest-side at 18% 35%, rgba(48,242,194,.12), rgba(48,242,194,0) 70%),
    radial-gradient(closest-side at 72% 65%, rgba(47,177,255,.10), rgba(47,177,255,0) 72%);
}
.mx-cta-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 65%, rgba(0,0,0,.85) 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.07) 0px, rgba(255,255,255,.07) 1px, transparent 1px, transparent 48px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.07) 0px, rgba(255,255,255,.07) 1px, transparent 1px, transparent 48px);
  opacity: .16;
  pointer-events:none;
}
.mx-cta-inner{
  position: relative;
  max-width: 980px;
  margin: 0 auto;
  text-align:center;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(12,18,24,.70);
  padding: 38px 26px;
  box-shadow: var(--mx-shadow);
}

/* --------------------------------------------------------------------------
   v6.0 — LISA-first pages + components
   -------------------------------------------------------------------------- */

/* Active nav state */
.mx-navlink.active{
  color: rgba(233,244,242,.98) !important;
  background: rgba(48,242,194,.10);
  border: 1px solid rgba(48,242,194,.18);
}
.mx-navlink.active:hover{
  background: rgba(48,242,194,.12);
}

/* Dropdown styling */
.mx-dropdown{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(9,14,18,.92);
  padding: 8px;
}
.mx-dropdown .dropdown-item{
  border-radius: 12px;
  padding: .55rem .7rem;
  color: rgba(233,244,242,.80);
}
.mx-dropdown .dropdown-item:hover{
  background: rgba(255,255,255,.06);
  color: rgba(233,244,242,.96);
}

/* Sub-hero for inner pages */
.mx-hero-sub{
  padding: 72px 0 54px;
}

/* LISA hero background */
.mx-hero-lisa::before{
  content:"";
  position:absolute;
  inset:-240px -240px auto -240px;
  height: 560px;
  background:
    radial-gradient(closest-side at 22% 28%, rgba(48,242,194,.18), rgba(48,242,194,0) 72%),
    radial-gradient(closest-side at 78% 30%, rgba(47,177,255,.14), rgba(47,177,255,0) 74%);
  pointer-events:none;
  filter: blur(6px);
}

/* Linkable cards */
.mx-card-link{ color: inherit; text-decoration: none; }
.mx-card-link:hover{ color: inherit; }

/* Steps */
.mx-steps{
  display:flex;
  flex-direction:column;
  gap: 12px;
}
.mx-step{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}
.mx-step-n{
  width: 32px;
  height: 32px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 800;
  color: #071012;
  background: linear-gradient(135deg, rgba(48,242,194,.95), rgba(47,177,255,.90));
}
.mx-step-t{ font-weight: 800; }
.mx-step-s{ color: rgba(233,244,242,.70); font-size: .95rem; margin-top: 2px; }

/* Clean list styling */
.mx-list{ padding-left: 1.15rem; margin: 0; }
.mx-list li{ margin: .55rem 0; color: rgba(233,244,242,.74); }

/* About: split cards */
.mx-split{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mx-split-item{ padding: 14px 14px; border-radius: 16px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.03); }
.mx-split-k{ font-weight: 850; margin-bottom: 4px; color: rgba(233,244,242,.92); }
@media (max-width: 576px){ .mx-split{ grid-template-columns: 1fr; } }

/* Accordion styling (LISA modules) */
.mx-accordion .accordion-item{ background: transparent; }
.mx-acc-item{
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 16px !important;
  margin-bottom: 10px;
  overflow: hidden;
  background: rgba(255,255,255,.03) !important;
}
.mx-acc-item .accordion-button{
  background: transparent;
  color: rgba(233,244,242,.92);
  font-weight: 800;
}
.mx-acc-item .accordion-button::after{ filter: invert(1); opacity: .7; }
.mx-acc-item .accordion-button:focus{ box-shadow: 0 0 0 .2rem rgba(48,242,194,.08); }
.mx-acc-item .accordion-body{ color: rgba(233,244,242,.72); }

/* Pricing cards */
.mx-price{
  height: 100%;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(12,18,24,.72), rgba(12,18,24,.52));
  box-shadow: var(--mx-shadow);
  padding: 18px 18px;
  position: relative;
}
.mx-price-featured{
  border-color: rgba(48,242,194,.28);
  background: linear-gradient(180deg, rgba(48,242,194,.10), rgba(12,18,24,.55));
}
.mx-price-badge{
  position:absolute;
  top: 14px;
  right: 14px;
  font-size: .78rem;
  font-weight: 800;
  border-radius: 999px;
  padding: .32rem .55rem;
  border: 1px solid rgba(48,242,194,.22);
  background: rgba(48,242,194,.10);
  color: rgba(48,242,194,.95);
}
.mx-price-top{ display:flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.mx-price-name{ font-weight: 900; font-size: 1.05rem; }
.mx-price-val{ font-weight: 900; font-size: 1.65rem; letter-spacing:-.02em; }
.mx-price-val span{ font-size: .95rem; color: rgba(233,244,242,.68); font-weight: 800; }
.mx-price-list{ margin: 14px 0 16px; padding-left: 1.05rem; }
.mx-price-list li{ margin: .55rem 0; color: rgba(233,244,242,.72); }



/* Toggleable risk disclaimer (footer) */
.mx-disclaimer{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  border-radius: 16px;
  padding: 10px 12px;
}
.mx-disclaimer summary{
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  user-select: none;
}
.mx-disclaimer summary::-webkit-details-marker{ display:none; }
.mx-disclaimer-title{
  font-weight: 800;
  color: rgba(233,244,242,.92);
  letter-spacing: -.01em;
}
.mx-disclaimer-hint{
  margin-left: auto;
  font-weight: 500;
  color: rgba(233,244,242,.58);
  font-size: .92rem;
}
.mx-disclaimer summary::after{
  content: "▾";
  opacity: .75;
  transition: transform .18s ease;
}
.mx-disclaimer[open] summary::after{ transform: rotate(180deg); }
.mx-disclaimer-body{ margin-top: 10px; }
.mx-disclaimer-list{ margin: 8px 0 0 1.1rem; padding-left: .2rem; }
.mx-disclaimer-list li{ margin: 6px 0; color: rgba(233,244,242,.68); }

/* Solutions page: navigation cards + section differentiation */
.mx-solnav-card{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.6rem;
  padding: .85rem .9rem;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  text-decoration:none;
  color: rgba(233,244,242,.90);
  font-weight: 700;
  box-shadow: var(--mx-shadow);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.mx-solnav-card i{ opacity:.9; }
.mx-solnav-card:hover{
  transform: translateY(-2px);
  border-color: rgba(48,242,194,.22);
  background: rgba(255,255,255,.06);
  color: rgba(233,244,242,.96);
}
.mx-solnav-card span{
  white-space: nowrap;
}

.mx-solution{
  position: relative;
  padding-top: 68px !important;
  padding-bottom: 68px !important;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
  overflow: hidden;
}
.mx-solution--a{
  background: linear-gradient(180deg, rgba(48,242,194,.06), transparent 55%);
}
.mx-solution--b{
  background: linear-gradient(180deg, rgba(47,177,255,.06), transparent 55%);
}

.mx-solution::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  opacity: .55;
  background: linear-gradient(180deg, rgba(48,242,194,.55), rgba(47,177,255,.10));
}
.mx-solution--b::after{
  background: linear-gradient(180deg, rgba(47,177,255,.55), rgba(48,242,194,.10));
}

.mx-solution::before{
  content: attr(data-slabel);
  position: absolute;
  top: 18px;
  right: -6px;
  font-size: 3.1rem;
  font-weight: 900;
  letter-spacing: -.04em;
  color: rgba(233,244,242,.05);
  text-transform: uppercase;
  pointer-events:none;
  white-space: nowrap;
}


/* Solutions: industry sections (stronger differentiation) */
.mx-solution{
  --mx-saccent: rgba(48,242,194,.60);
  --mx-saccent2: rgba(47,177,255,.22);
  position: relative;
  padding-top: 82px !important;
  padding-bottom: 82px !important;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.06);
  overflow: hidden;
}

/* Accent rail */
.mx-solution::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  opacity: .70;
  background: linear-gradient(180deg, var(--mx-saccent), rgba(0,0,0,0));
  box-shadow: 0 0 26px rgba(48,242,194,.14);
}

/* Watermark label */
.mx-solution::before{
  content: attr(data-slabel);
  position: absolute;
  top: 22px;
  right: 16px;
  font-size: 3.35rem;
  font-weight: 900;
  letter-spacing: -.04em;
  color: rgba(233,244,242,.075);
  text-transform: uppercase;
  pointer-events:none;
  white-space: nowrap;
}

/* Section-specific skins */
.mx-solution--hedge{
  --mx-saccent: rgba(48,242,194,.72);
  --mx-saccent2: rgba(47,177,255,.18);
  background:
    radial-gradient(980px 520px at 18% 18%, rgba(48,242,194,.12), rgba(48,242,194,0) 62%),
    radial-gradient(760px 420px at 82% 34%, rgba(47,177,255,.07), rgba(47,177,255,0) 62%),
    linear-gradient(180deg, rgba(48,242,194,.05), rgba(0,0,0,0) 60%);
}
.mx-solution--wealth{
  --mx-saccent: rgba(47,177,255,.70);
  --mx-saccent2: rgba(48,242,194,.14);
  background:
    radial-gradient(980px 520px at 20% 18%, rgba(47,177,255,.12), rgba(47,177,255,0) 62%),
    radial-gradient(760px 420px at 86% 42%, rgba(48,242,194,.06), rgba(48,242,194,0) 62%),
    linear-gradient(180deg, rgba(47,177,255,.05), rgba(0,0,0,0) 60%);
}
.mx-solution--prop{
  --mx-saccent: rgba(169,88,255,.62);
  --mx-saccent2: rgba(47,177,255,.16);
  background:
    radial-gradient(980px 520px at 18% 18%, rgba(169,88,255,.12), rgba(169,88,255,0) 62%),
    radial-gradient(760px 420px at 86% 44%, rgba(47,177,255,.06), rgba(47,177,255,0) 62%),
    linear-gradient(180deg, rgba(169,88,255,.05), rgba(0,0,0,0) 60%);
}
.mx-solution--pro{
  --mx-saccent: rgba(48,242,194,.60);
  --mx-saccent2: rgba(255,255,255,.12);
  background:
    radial-gradient(980px 520px at 18% 18%, rgba(48,242,194,.10), rgba(48,242,194,0) 62%),
    radial-gradient(760px 420px at 86% 44%, rgba(255,255,255,.06), rgba(255,255,255,0) 62%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,0) 60%);
}

/* Better anchor alignment under the fixed nav */
#hedge-funds, #wealth-asset-management, #proprietary-trading-firms, #professional-traders{
  scroll-margin-top: 110px;
}

/* Slightly larger cards inside solutions sections */
.mx-solution .mx-card{ padding: 20px 18px; }

@media (max-width: 992px){
  .mx-solution{ padding-top: 68px !important; padding-bottom: 68px !important; }
  .mx-solution::before{ font-size: 2.6rem; top: 16px; }
}


/* Footer meta + full-width risk bar (v6.3) */
.mx-footer-meta{
  padding: 18px 0 10px;
  text-align: center;
}
.mx-footer-copy{
  color: rgba(233,244,242,.62);
  font-size: .92rem;
  letter-spacing: .01em;
}

/* Partner links (footer meta) */
.mx-footer-partners{
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: .88rem;
}
.mx-footer-partners-label{
  color: rgba(233,244,242,.55);
}
.mx-footer-partners a{
  color: rgba(233,244,242,.74);
  text-decoration: none;
  border-bottom: 1px dashed rgba(233,244,242,.24);
  padding-bottom: 1px;
}
.mx-footer-partners a:hover,
.mx-footer-partners a:focus{
  color: rgba(233,244,242,.92);
  border-bottom-color: rgba(233,244,242,.42);
}
.mx-footer-partners-sep{
  color: rgba(233,244,242,.30);
}
.mx-riskbar{
  width: 100%;
  border-top: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.32);
  padding: 16px 0 26px;
}
.mx-riskbar-inner{
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}
@media (min-width: 1200px){
  .mx-riskbar-inner{ padding: 0 28px; }
}
.mx-riskbar .mx-disclaimer{
  width: 100%;
  max-width: none;
}