html.theme-light {
  color-scheme: light;
  --bg:#f4f4f9; --bg2:#eef0f7; --surface:#ffffff; --surf2:#ffffff; --surf:#ffffff;
  --card:#ffffff; --panel:#ffffff; --elev:#ffffff;
  --border:rgba(25,25,60,0.13); --border2:rgba(25,25,60,0.22);
  --text:#1c1c30; --soft:#45455f; --dim:#70708c;
  --text-soft:#45455f; --text-dim:#70708c; --ink:#1c1c30; --ink-soft:#45455f;
  --acc-glow:rgba(124,58,237,0.15);
}

html.theme-light .pricing-hero h1,
html.theme-light h1.hero-title,
html.theme-light .hero h1 {
  background: linear-gradient(135deg, #1c1c30 20%, #7c3aed 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important;
}
html.theme-light .bg-glow, html.theme-light .glow { opacity:.14 !important; }
html.theme-light .bg-grid { opacity:.5; }
html.theme-light body > nav,
html.theme-light .topbar,
html.theme-light header { background: rgba(255,255,255,0.9); }


.theme-toggle {
  background: rgba(127,127,160,.12); border: 1px solid var(--border, rgba(127,127,160,.3));
  color: var(--text, #eeeef8); width: 34px; height: 32px; border-radius: 9px;
  cursor: pointer; font-size: 1rem; line-height: 1; flex-shrink: 0; padding: 0;
  display: inline-flex; align-items: center; justify-content: center;
}
.theme-toggle:hover { color: var(--text); }


.nav-links > .mm-lang-switch, nav.nav > .links > .mm-lang-switch, .topbar-nav > .mm-lang-switch,
.nav-links > .mm-auth-lang, .topbar-nav > .mm-auth-lang { order: 80; }
.nav-links > .theme-toggle, nav.nav > .links > .theme-toggle, .topbar-nav > .theme-toggle { order: 81; }
.nav-links > .mm-auth-link, nav.nav > .links > .mm-auth-link, .topbar-nav > .mm-auth-link { order: 82; }
.nav-links > .nav-cta, .nav-links > .cta, .nav-links > .btn-primary,
nav.nav > .links > .cta, .topbar-nav > .cta, .topbar-nav > .btn-primary { order: 83; }

.mmnav-burger { order: 90 !important; flex-shrink: 0 !important; }


.nav-links > .nav-cta, .nav-links > .cta, .nav-links > .btn-primary,
header .wrap.nav .nav-links > .nav-cta, nav.nav > .links > .cta,
.topbar-nav > .cta, .topbar-nav > .btn-primary {
  background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 0 20px rgba(124, 58, 237, .4) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.nav-links > .nav-cta:hover, .nav-links > .cta:hover, .nav-links > .btn-primary:hover,
nav.nav > .links > .cta:hover { color: #fff !important; opacity: .92; }


.topbar {
  position: sticky; top: 0; z-index: 100;
  height: 64px; padding: 0 2rem;
  background: rgba(6,6,16,0.88);
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border, rgba(255,255,255,0.06));
}
html.theme-light .topbar { background: rgba(255,255,255,0.9); }
.topbar .topbar-logo-mark { height: 28px; }
.topbar .topbar-nav { gap: .25rem; }
.topbar .topbar-nav a {
  padding: .45rem .9rem; border-radius: 12px;
  color: var(--text-soft, #8888aa); font-size: .9rem; transition: color .15s, background .15s;
}
.topbar .topbar-nav a:hover { color: var(--text); background: rgba(127,127,160,.1); }
.topbar .mm-auth-lang { font-size: .85rem; margin-right: .25rem; }


.nav > .links .cta {
  padding: .5rem 1.2rem !important; border-radius: 12px !important;
  
  background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
  color: #fff !important; font-weight: 600 !important; text-decoration: none;
  border: none !important;
  box-shadow: 0 0 20px rgba(124,58,237,.4) !important;
  transform: none !important;
}
.nav > .links .cta:hover { color: #fff !important; opacity: .92; }
.nav > .links .cta:active { transform: none !important; box-shadow: 0 0 20px rgba(124,58,237,.4) !important; }
.nav > .links > a:not(.cta) { color: var(--text-soft, var(--soft, #8888aa)); font-size: .9rem; }

body > nav.nav { display: flex !important; align-items: center !important; }
body > nav.nav > .links { display: inline-flex !important; align-items: center !important; flex-wrap: nowrap !important; }
body > nav.nav > .links > * { align-self: center !important; }
body > nav.nav > .links .cta { display: inline-flex !important; align-items: center !important; line-height: 1 !important; align-self: center !important; }
body > nav.nav .lockup { height: 28px; align-self: center !important; }

header > .wrap.nav .logo img { height: 28px; }
header > .wrap.nav .nav-links .lnk {
  padding: .45rem .9rem; border-radius: 12px;
  color: var(--text-soft, #8888aa); font-size: .9rem;
}
header > .wrap.nav .nav-links .lnk:hover { color: var(--text); background: rgba(127,127,160,.1); }

@media (max-width: 640px) {
  
  body > nav,
  header > .wrap.nav,
  .topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: .5rem !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 .85rem !important;
    row-gap: 0 !important;
  }
  
  body > nav.nav { padding: 0 .6rem !important; gap: .35rem !important; max-width: 100vw !important; flex-wrap: nowrap !important; }
  body > nav.nav > .links { gap: .35rem !important; flex-wrap: nowrap !important; font-size: .74rem !important; }
  
  body > nav.nav { align-items: center !important; }
  body > nav.nav > * { align-self: center !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  body > nav.nav > .logo, body > nav.nav .logo, body > nav.nav .lockup { align-self: center !important; display: inline-flex !important; align-items: center !important; }
  body > nav.nav > .links > a.cta { padding: .4rem .62rem !important; white-space: nowrap !important; }
  body > nav.nav > .links .mmnav-burger { flex-shrink: 0 !important; }

  
  body > nav .nav-logo-lockup,
  body > nav .nav-logo img,
  header > .wrap.nav .logo img,
  .topbar .topbar-logo-mark {
    height: 26px !important; width: auto !important; max-width: 44vw !important;
    object-fit: contain !important; flex-shrink: 1;
  }
  header > .wrap.nav .logo span,
  .topbar .topbar-logo-type { display: none !important; }

  
  body > nav .nav-cta,
  header > .wrap.nav .nav-links .btn-primary {
    font-size: .8rem !important; padding: .45rem .8rem !important;
    white-space: nowrap !important; flex-shrink: 0 !important;
  }

  
  
  .topbar .topbar-nav > a:not(.mm-auth-link),
  .nav > .links > a:not(.cta):not(.mm-auth-link),
  
  body > nav > .nav-links > a:not(.cta):not(.nav-cta):not(.btn-primary):not(.mm-auth-link),
  header > .wrap.nav .nav-links .lnk { display: none !important; }
  
  .nav > .links .cta { font-size: .8rem !important; padding: .45rem .8rem !important; white-space: nowrap !important; }

  
  .mmnav-extra {
    display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
    margin-top: .6rem; padding-top: .7rem;
    border-top: 1px solid var(--border, rgba(255,255,255,.1));
  }
  .mmnav-extra .mm-lang-switch,
  .mmnav-extra .mm-auth-lang { font-size: .95rem; }
  .mmnav-extra .theme-toggle { font-size: 1.1rem; }
}


@media (max-width: 360px) {
  body > nav, header > .wrap.nav, .topbar { gap: .35rem !important; padding: 0 .6rem !important; }
  body > nav .nav-logo-lockup,
  header > .wrap.nav .logo img { height: 23px !important; max-width: 40vw !important; }
  body > nav .nav-cta,
  header > .wrap.nav .nav-links .btn-primary { font-size: .74rem !important; padding: .4rem .6rem !important; }
}