/* SOURCE: v314-footer-responsive.css */

/* VOLIQA V307 — REFERENCE MENU RESTORATION
   Geometry is taken from the user-supplied "prvni funkcni menu" build.
   One header component, one social component, one footer-action component. */

/* =========================
   TOP MENU — ONE COMPONENT
   ========================= */
#top .v48-menubar,
#top .v58-head-actions{
  align-items:center!important;
}
#top .v244-header-btn,
#top .v302-lang-trigger{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0 8px!important;
  gap:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  border-width:1px!important;
  border-style:solid!important;
  border-radius:8px!important;
  background:
    radial-gradient(circle at 50% 38%,color-mix(in srgb,currentColor 15%,transparent),transparent 60%),
    linear-gradient(180deg,rgba(5,17,26,.98),rgba(2,9,15,.99))!important;
  box-shadow:
    0 0 16px color-mix(in srgb,currentColor 18%,transparent),
    inset 0 0 18px color-mix(in srgb,currentColor 6%,transparent)!important;
  text-shadow:0 0 7px color-mix(in srgb,currentColor 42%,transparent)!important;
  font-family:inherit!important;
  font-size:11.5px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.025em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transform:none!important;
  overflow:hidden!important;
}
#top .v244-header-btn > .v62-menu-icon,
#top .v244-header-btn > .v150-head-tile,
#top .v244-header-btn > .v80-helpmark,
#top .v302-lang-trigger > .v62-menu-icon{
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  max-width:28px!important;
  max-height:28px!important;
  flex:0 0 28px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid currentColor!important;
  border-radius:8px!important;
  background:color-mix(in srgb,currentColor 9%,#031019)!important;
  box-shadow:
    0 0 12px color-mix(in srgb,currentColor 30%,transparent),
    inset 0 0 9px color-mix(in srgb,currentColor 8%,transparent)!important;
  color:currentColor!important;
}
#top .v244-header-btn > .v62-menu-icon svg,
#top .v302-lang-trigger > .v62-menu-icon svg{
  display:block!important;
  width:20px!important;
  height:20px!important;
  margin:0!important;
}
#top .v244-header-btn > span:last-child,
#top .v302-lang-trigger > span:last-child{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-family:inherit!important;
  font-size:11.5px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  color:currentColor!important;
  text-align:left!important;
}

/* LANGUAGE is layout-only wrapper + the exact same visible button component. */
#top .v302-lang-menu{
  all:unset!important;
  position:relative!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  color:#38e1ff!important;
  font-family:inherit!important;
}
#top .v302-lang-trigger{
  width:118px!important;
  min-width:118px!important;
  max-width:118px!important;
}
#top .v302-lang-list{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  z-index:9999!important;
  min-width:180px!important;
  margin:0!important;
  padding:8px!important;
  list-style:none!important;
  border:1px solid rgba(56,225,255,.55)!important;
  border-radius:10px!important;
  background:#041019!important;
  box-shadow:0 14px 34px rgba(0,0,0,.48)!important;
}
#top .v302-lang-list[hidden]{display:none!important}
#top .v302-lang-list a{
  display:block!important;padding:10px 12px!important;border-radius:8px!important;
  color:#bceef7!important;text-decoration:none!important;font-size:11px!important;font-weight:900!important
}
#top .v302-lang-list li.is-active a,#top .v302-lang-list a:hover{
  background:rgba(41,221,255,.1)!important;color:#48e8ff!important
}

/* =========================
   BOTTOM — SOCIALS
   Reference build: compact neon squares. Current agreed requirement keeps label below.
   ========================= */
.v306-social-grid{
  display:grid!important;
  grid-template-columns:repeat(8,46px)!important;
  gap:12px!important;
  justify-content:start!important;
  align-items:start!important;
  width:100%!important;
  margin:0 0 18px!important;
  padding:0!important;
}
.v306-social{
  display:grid!important;
  grid-template-rows:46px auto!important;
  justify-items:center!important;
  gap:6px!important;
  width:46px!important;
  max-width:46px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  text-decoration:none!important;
  overflow:visible!important;
}
.v306-social svg{
  box-sizing:border-box!important;
  display:block!important;
  width:46px!important;
  height:46px!important;
  padding:10px!important;
  border:1px solid currentColor!important;
  border-radius:11px!important;
  fill:currentColor!important;
  background:
    radial-gradient(circle at 50% 40%,color-mix(in srgb,currentColor 12%,transparent),transparent 65%),
    linear-gradient(180deg,rgba(5,15,25,.98),rgba(2,8,15,.99))!important;
  box-shadow:
    0 0 14px color-mix(in srgb,currentColor 20%,transparent),
    inset 0 0 14px color-mix(in srgb,currentColor 4%,transparent)!important;
}
.v306-social-label{
  display:block!important;
  width:max-content!important;
  color:currentColor!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.v306-social.x{color:#dce8f1!important}
.v306-social.instagram{color:#d86aff!important}
.v306-social.facebook{color:#61a2ff!important}
.v306-social.threads{color:#d86aff!important}
.v306-social.telegram{color:#38dfff!important}
.v306-social.tiktok{color:#e8f7fb!important}
.v306-social.youtube{color:#ff5062!important}
.v306-social.discord{color:#8c9cff!important}
.v306-social.is-unconfigured{opacity:.42!important}

/* =========================
   BOTTOM — FIVE UTILITY BUTTONS
   Same dimensions and internal geometry for every item.
   ========================= */
.v306-footer-actions{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;
  align-items:stretch!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.v306-footer-action{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:center!important;
  justify-items:start!important;
  gap:9px!important;
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #2a7188!important;
  border-radius:12px!important;
  background:#051720!important;
  color:#dff6ff!important;
  box-shadow:0 0 14px rgba(39,220,255,.10),inset 0 0 12px rgba(39,220,255,.035)!important;
  font-family:inherit!important;
  cursor:pointer!important;
}
.v306-footer-icon{
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #38e1ff!important;
  border-radius:10px!important;
  background:rgba(4,27,36,.86)!important;
  color:#38e1ff!important;
  box-shadow:0 0 9px rgba(56,225,255,.24)!important;
  line-height:1!important;
}
.v306-footer-action > span:last-child{
  display:block!important;
  justify-self:center!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#dff6ff!important;
  font-size:8.5px!important;
  font-weight:900!important;
  line-height:1.05!important;
  letter-spacing:.04em!important;
  text-align:center!important;
  white-space:normal!important;
}

/* Most Important Move remains compact and below the hero. */
.v306-move-placement{margin-top:18px!important}
.v303-move .v291-move-top h2{font-size:22px!important;line-height:1.08!important;margin:5px 0 0!important;letter-spacing:0!important}
.v303-move .v291-move-top small{font-size:10px!important}
.v303-move-intro,.v303-move-body,.v303-move-body>p{font-size:12px!important;line-height:1.48!important}
.v303-move-case>summary b{font-size:15px!important}
.v303-move-case>summary strong,.v303-move .v291-move-top .v253-live-label{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  height:30px!important;min-height:30px!important;padding:0 11px!important;border-radius:9px!important;
  font-size:9px!important;line-height:1!important
}

/* =========================
   MOBILE — STRICTLY RESPONSIVE
   ========================= */
@media(max-width:900px){
  #top .wrap.v53-headerrow{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    gap:16px!important;
  }
  #top .v128-menu-cluster,
  #top .v48-menubar,
  #top .v58-head-actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    gap:10px!important;
    overflow:visible!important;
  }
  #top .v302-lang-menu{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  #top .v244-header-btn,
  #top .v302-lang-trigger{
    position:relative!important;
    float:none!important;
    left:auto!important;right:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    align-items:center!important;
    column-gap:12px!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:0 12px!important;
    border-radius:12px!important;
  }
  #top .v244-header-btn > .v62-menu-icon,
  #top .v244-header-btn > .v150-head-tile,
  #top .v244-header-btn > .v80-helpmark,
  #top .v302-lang-trigger > .v62-menu-icon{
    grid-column:1!important;
    justify-self:center!important;
    width:34px!important;height:34px!important;
    min-width:34px!important;min-height:34px!important;
    max-width:34px!important;max-height:34px!important;
  }
  #top .v244-header-btn > span:last-child,
  #top .v302-lang-trigger > span:last-child{
    grid-column:2!important;
    justify-self:center!important;
    width:auto!important;
    font-size:10px!important;
    line-height:1!important;
    text-align:center!important;
  }
  #top .v302-lang-list{
    position:absolute!important;
    left:0!important;right:0!important;
    width:100%!important;
    box-sizing:border-box!important;
  }

  .v306-social-grid{
    grid-template-columns:repeat(4,46px)!important;
    justify-content:space-between!important;
    gap:16px 8px!important;
  }

  .v306-footer-actions{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    width:100%!important;
    gap:9px!important;
  }
  .v306-footer-action{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    padding:0 12px!important;
    border-radius:12px!important;
  }
  .v306-footer-icon{
    width:34px!important;height:34px!important;
    min-width:34px!important;max-width:34px!important;
  }
  .v306-footer-action > span:last-child{
    font-size:9px!important;
    line-height:1.05!important;
  }

  .v303-move .v291-move-top h2{font-size:18px!important}
  .v303-move .v291-move-top small{font-size:9px!important}
  .v303-move-intro,.v303-move-body,.v303-move-body>p{font-size:11px!important}
  .v303-move-case>summary b{font-size:14px!important}
}

/* V308 — ROADMAP: restore the intended card system */
.v302-roadmap-flow{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:12px!important;
 align-items:stretch!important;
}
.v302-roadmap-card{
 box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
 min-width:0!important;min-height:190px!important;padding:18px!important;
 border:1px solid rgba(40,199,225,.28)!important;border-radius:16px!important;
 background:radial-gradient(circle at 15% 0%,rgba(36,214,242,.055),transparent 48%),
 linear-gradient(180deg,rgba(5,19,27,.94),rgba(2,10,16,.98))!important;
 box-shadow:inset 0 0 24px rgba(28,197,226,.025)!important;
}
.v302-roadmap-card small{
 display:block!important;margin:0 0 18px!important;color:#42def6!important;
 font-size:10px!important;font-weight:900!important;line-height:1!important;letter-spacing:.14em!important;
}
.v302-roadmap-card h3{
 margin:0 0 14px!important;color:#e7f2f6!important;font-size:17px!important;
 font-weight:900!important;line-height:1.18!important;letter-spacing:.01em!important;
}
.v302-roadmap-card p{
 margin:0!important;color:#b9cbd2!important;font-size:12px!important;line-height:1.52!important;
}
@media(max-width:1050px){
 .v302-roadmap-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:650px){
 .v302-roadmap-flow{grid-template-columns:1fr!important;gap:10px!important}
 .v302-roadmap-card{min-height:0!important;padding:15px!important;border-radius:14px!important}
 .v302-roadmap-card small{margin-bottom:12px!important;font-size:9px!important}
 .v302-roadmap-card h3{margin-bottom:10px!important;font-size:15px!important}
 .v302-roadmap-card p{font-size:11px!important;line-height:1.48!important}
}

/* V308 — MOBILE FOOTER: same card geometry/style family as current top menu */
@media(max-width:900px){
 .v306-footer-actions{
  display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;
  align-items:stretch!important;width:100%!important;gap:10px!important;
 }
 .v306-footer-action{
  -webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:center!important;column-gap:12px!important;
  width:100%!important;min-width:100%!important;max-width:100%!important;
  height:58px!important;min-height:58px!important;max-height:58px!important;
  margin:0!important;padding:0 12px!important;
  border:1px solid #2a7188!important;border-radius:12px!important;
  background:radial-gradient(circle at 50% 38%,rgba(56,225,255,.055),transparent 60%),
  linear-gradient(180deg,rgba(5,17,26,.98),rgba(2,9,15,.99))!important;
  color:#38e1ff!important;
  box-shadow:0 0 16px rgba(56,225,255,.10),inset 0 0 18px rgba(56,225,255,.025)!important;
  text-shadow:0 0 7px rgba(56,225,255,.30)!important;
 }
 .v306-footer-icon{
  grid-column:1!important;justify-self:center!important;box-sizing:border-box!important;
  display:grid!important;place-items:center!important;
  width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  max-width:34px!important;max-height:34px!important;margin:0!important;padding:0!important;
  border:1px solid currentColor!important;border-radius:8px!important;
  background:rgba(3,24,32,.88)!important;color:#38e1ff!important;
  box-shadow:0 0 12px rgba(56,225,255,.22),inset 0 0 9px rgba(56,225,255,.05)!important;
 }
 .v306-footer-action>span:last-child{
  grid-column:2!important;justify-self:center!important;width:auto!important;margin:0!important;padding:0!important;
  color:#38e1ff!important;font-family:inherit!important;font-size:10px!important;font-weight:900!important;
  line-height:1!important;letter-spacing:.025em!important;text-align:center!important;white-space:nowrap!important;
 }
}

/* =========================================================
   V309 — DESKTOP FOOTER
   Desktop and mobile are intentionally separate responsive definitions.
   Desktop footer uses the SAME compact component family as desktop top menu.
   ========================================================= */
@media(min-width:901px){
 .v306-footer-actions{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:center!important;
  width:100%!important;
 }
 .v306-footer-action{
  -webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:28px minmax(0,1fr) 28px!important;
  align-items:center!important;column-gap:8px!important;
  width:100%!important;height:42px!important;min-height:42px!important;max-height:42px!important;
  margin:0!important;padding:0 8px!important;
  border:1px solid #2a7188!important;border-radius:8px!important;
  background:radial-gradient(circle at 50% 38%,rgba(56,225,255,.055),transparent 60%),
  linear-gradient(180deg,rgba(5,17,26,.98),rgba(2,9,15,.99))!important;
  color:#38e1ff!important;
  box-shadow:0 0 16px rgba(56,225,255,.10),inset 0 0 18px rgba(56,225,255,.025)!important;
  text-shadow:0 0 7px rgba(56,225,255,.30)!important;
 }
 .v306-footer-icon{
  grid-column:1!important;justify-self:center!important;
  box-sizing:border-box!important;display:grid!important;place-items:center!important;
  width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
  max-width:28px!important;max-height:28px!important;margin:0!important;padding:0!important;
  border:1px solid currentColor!important;border-radius:8px!important;
  background:rgba(3,24,32,.88)!important;color:#38e1ff!important;
  box-shadow:0 0 12px rgba(56,225,255,.22),inset 0 0 9px rgba(56,225,255,.05)!important;
 }
 .v306-footer-action>span:last-child{
  grid-column:2!important;justify-self:center!important;width:auto!important;margin:0!important;padding:0!important;
  color:#38e1ff!important;font-family:inherit!important;font-size:11.5px!important;font-weight:900!important;
  line-height:1!important;letter-spacing:.025em!important;text-align:center!important;white-space:nowrap!important;
 }
}

/* =========================================================
   V309 — PATTERN LAB
   Bring public Pattern Lab back into the same panel/card language as the rest of homepage.
   ========================================================= */
.v303-pattern-lab{
 box-sizing:border-box!important;
 border:1px solid rgba(43,194,220,.26)!important;
 border-radius:18px!important;
 background:
   radial-gradient(circle at 12% 0%,rgba(37,219,247,.055),transparent 40%),
   linear-gradient(180deg,rgba(5,18,27,.96),rgba(2,10,16,.99))!important;
 box-shadow:inset 0 0 28px rgba(33,210,240,.025)!important;
 padding:18px!important;
}
.v303-pattern-lab>h2{
 margin:0 0 8px!important;color:#edf7fa!important;
 font-size:22px!important;font-weight:900!important;line-height:1.08!important;letter-spacing:0!important;
}
.v303-pattern-lab>.v303-pattern-intro,
.v303-pattern-lab>p{
 margin:0 0 14px!important;color:#afc5cc!important;font-size:12px!important;line-height:1.48!important;
}
.v303-pattern-case{
 box-sizing:border-box!important;margin:9px 0 0!important;
 border:1px solid rgba(46,184,210,.24)!important;border-radius:12px!important;
 background:rgba(3,15,22,.74)!important;overflow:hidden!important;
}
.v303-pattern-case>summary{
 box-sizing:border-box!important;display:grid!important;
 grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;
 min-height:48px!important;padding:10px 13px!important;cursor:pointer!important;list-style:none!important;
}
.v303-pattern-case>summary::-webkit-details-marker{display:none!important}
.v303-pattern-case>summary b{
 color:#e6f4f7!important;font-size:14px!important;font-weight:900!important;line-height:1.1!important;
}
.v303-pattern-case>summary span{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:28px!important;padding:0 10px!important;border:1px solid rgba(52,217,242,.34)!important;
 border-radius:8px!important;background:rgba(5,30,39,.72)!important;color:#46dff6!important;
 font-size:9px!important;font-weight:900!important;line-height:1!important;letter-spacing:.04em!important;
}
.v303-pattern-case>div{
 padding:0 13px 13px!important;border-top:1px solid rgba(48,174,198,.12)!important;
 color:#afc5cc!important;font-size:11px!important;line-height:1.48!important;
}
.v303-pattern-case>div p{margin:11px 0 8px!important;font-size:11px!important;line-height:1.48!important}
.v303-pattern-case>div small{font-size:9px!important;font-weight:900!important;color:#65dff2!important;letter-spacing:.04em!important}

/* =========================================================
   V309 — MOST IMPORTANT MOVE hierarchy
   Main title MUST be visually stronger than ACTIVE HIGH-VOLATILITY CASES.
   ========================================================= */
.v303-move .v291-move-top h2{
 font-size:27px!important;line-height:1.06!important;font-weight:900!important;letter-spacing:-.015em!important;
}
.v303-move .v291-move-top small{
 font-size:10px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:.10em!important;
}
.v303-move .v291-move-top .v253-live-label{
 font-size:9px!important;font-weight:900!important;
}
@media(max-width:900px){
 .v303-move .v291-move-top h2{font-size:21px!important;line-height:1.08!important}
 .v303-move .v291-move-top small{font-size:9px!important}
 .v303-pattern-lab{padding:15px!important;border-radius:14px!important}
 .v303-pattern-lab>h2{font-size:19px!important}
 .v303-pattern-case>summary{min-height:46px!important;padding:9px 11px!important}
 .v303-pattern-case>summary b{font-size:13px!important}
 .v303-pattern-case>summary span{min-height:27px!important;font-size:8px!important}
}

/* =========================================================
   V310 — SOCIAL BUTTONS
   Restore the brighter approved neon character from earlier versions.
   All eight platforms have equal visual intensity.
   Missing URL may disable interaction, but MUST NOT dim appearance.
   ========================================================= */
.v306-social-grid{
 display:grid!important;
 grid-template-columns:repeat(8,64px)!important;
 gap:14px!important;
 justify-content:start!important;
 align-items:start!important;
 width:100%!important;
 margin:0 0 18px!important;
 padding:0!important;
}
.v306-social{
 display:grid!important;
 grid-template-rows:58px auto!important;
 justify-items:center!important;
 gap:7px!important;
 width:64px!important;
 max-width:64px!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 background:none!important;
 box-shadow:none!important;
 text-decoration:none!important;
 overflow:visible!important;
 opacity:1!important;
 filter:none!important;
}
.v306-social svg{
 box-sizing:border-box!important;
 display:block!important;
 width:58px!important;
 height:58px!important;
 padding:12px!important;
 border:1.5px solid currentColor!important;
 border-radius:13px!important;
 fill:currentColor!important;
 opacity:1!important;
 filter:none!important;
 background:
   radial-gradient(circle at 50% 45%,color-mix(in srgb,currentColor 24%,transparent) 0%,transparent 64%),
   linear-gradient(180deg,rgba(5,18,28,.98),rgba(2,9,16,.99))!important;
 box-shadow:
   0 0 10px color-mix(in srgb,currentColor 48%,transparent),
   0 0 24px color-mix(in srgb,currentColor 24%,transparent),
   inset 0 0 18px color-mix(in srgb,currentColor 15%,transparent)!important;
}
.v306-social-label{
 display:block!important;
 width:max-content!important;
 color:currentColor!important;
 opacity:1!important;
 filter:none!important;
 font-size:9px!important;
 font-weight:900!important;
 line-height:1!important;
 letter-spacing:.035em!important;
 text-align:center!important;
 white-space:nowrap!important;
 text-shadow:0 0 8px color-mix(in srgb,currentColor 55%,transparent)!important;
}
.v306-social.x{color:#edf7ff!important}
.v306-social.instagram{color:#e65cff!important}
.v306-social.facebook{color:#5b9dff!important}
.v306-social.threads{color:#e65cff!important}
.v306-social.telegram{color:#35e3ff!important}
.v306-social.tiktok{color:#e9fbff!important}
.v306-social.youtube{color:#ff4055!important}
.v306-social.discord{color:#8497ff!important}

/* Important: unconfigured means non-clickable/config state only, not visually disabled. */
.v306-social.is-unconfigured{
 opacity:1!important;
 filter:none!important;
}
.v306-social.is-unconfigured svg,
.v306-social.is-unconfigured .v306-social-label{
 opacity:1!important;
 filter:none!important;
}

/* Mobile: eight social buttons strictly one below another. */
@media(max-width:900px){
 .v306-social-grid{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  width:100%!important;
  gap:10px!important;
 }
 .v306-social{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) 58px!important;
  grid-template-rows:58px!important;
  align-items:center!important;
  justify-items:center!important;
  column-gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:58px!important;
  gap:12px!important;
 }
 .v306-social svg{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:center!important;
  width:58px!important;
  height:58px!important;
 }
 .v306-social-label{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:center!important;
  align-self:center!important;
  width:auto!important;
  font-size:10px!important;
  line-height:1!important;
 }
}

/* =========================================================
   V311 — MOBILE FOOTER FINAL LAYOUT
   Social networks = compact horizontal grid.
   Utility buttons = strict vertical stack.
   ========================================================= */
@media(max-width:900px){
  /* Socials: compact, non-dominant, 4 + 4 */
  .v306-social-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px 8px!important;
    align-items:start!important;
    justify-items:center!important;
    width:100%!important;
    margin:0 0 18px!important;
    padding:0!important;
  }
  .v306-social{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:44px auto!important;
    justify-items:center!important;
    align-items:start!important;
    gap:5px!important;
    width:100%!important;
    max-width:72px!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  .v306-social svg{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:center!important;
    box-sizing:border-box!important;
    width:44px!important;
    height:44px!important;
    padding:9px!important;
    border-radius:10px!important;
  }
  .v306-social-label{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:center!important;
    width:auto!important;
    max-width:72px!important;
    font-size:7.5px!important;
    line-height:1!important;
    letter-spacing:.02em!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  /* Utilities: always five full-width rows, never side-by-side */
  .v306-footer-actions{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
  }
  .v306-footer-action{
    flex:0 0 58px!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    align-items:center!important;
    column-gap:12px!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:0 12px!important;
    border-radius:12px!important;
  }
  .v306-footer-icon{
    grid-column:1!important;
    justify-self:center!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
  }
  .v306-footer-action>span:last-child{
    grid-column:2!important;
    justify-self:center!important;
    width:auto!important;
    font-size:10px!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
}

/* =========================================================
   V312 — MOBILE UTILITY FOOTER: HARD 1-COLUMN STACK
   This rule is intentionally last and more specific than all legacy footer rules.
   Social network layout is NOT changed.
   ========================================================= */
@media screen and (max-width:900px){
  footer .v306-footer-actions,
  #footer .v306-footer-actions,
  .v306-footer-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    grid-auto-rows:58px!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  footer .v306-footer-actions > .v306-footer-action,
  #footer .v306-footer-actions > .v306-footer-action,
  .v306-footer-actions > .v306-footer-action{
    grid-column:1 / -1!important;
    position:relative!important;
    float:none!important;
    clear:both!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    align-items:center!important;
    column-gap:12px!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:0 12px!important;
    flex:none!important;
  }
}

/* =========================================================
   V313 — DEFINITIVE MOBILE FOOTER UTILITY FIX
   Dedicated component selector + wider mobile/tablet breakpoint.
   The social block is intentionally untouched.
   ========================================================= */

/* Mobile/tablet footer: one utility button per row.
   1200px is deliberate: the previous 900px breakpoint did not fire
   on the user's mobile rendering viewport. */
@media screen and (max-width:1200px){
  #footer-utility-row.voliqa-footer-utility-stack{
    display:grid!important;
    grid-template-columns:100%!important;
    grid-template-rows:none!important;
    grid-auto-flow:row!important;
    grid-auto-columns:100%!important;
    grid-auto-rows:60px!important;
    justify-content:stretch!important;
    align-content:start!important;
    justify-items:stretch!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
  }

  #footer-utility-row.voliqa-footer-utility-stack > .v306-footer-action{
    grid-column:1!important;
    float:none!important;
    position:relative!important;
    flex:none!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 48px!important;
    align-items:center!important;
    justify-items:center!important;
    column-gap:10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    margin:0!important;
    padding:0 12px!important;
    border:1px solid #1edcff!important;
    border-radius:20px!important;
    background:
      radial-gradient(circle at 14% 50%,rgba(30,220,255,.12),transparent 28%),
      linear-gradient(180deg,rgba(4,25,34,.98),rgba(2,14,21,.98))!important;
    color:#55e9ff!important;
    box-shadow:
      0 0 15px rgba(30,220,255,.15),
      inset 0 0 18px rgba(30,220,255,.055)!important;
  }

  #footer-utility-row.voliqa-footer-utility-stack > .v306-footer-action > .v306-footer-icon{
    grid-column:1!important;
    justify-self:center!important;
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    border:1px solid #29e2ff!important;
    border-radius:13px!important;
    background:rgba(5,35,45,.94)!important;
    color:#41e7ff!important;
    box-shadow:
      0 0 12px rgba(41,231,255,.52),
      inset 0 0 12px rgba(41,231,255,.10)!important;
  }

  #footer-utility-row.voliqa-footer-utility-stack > .v306-footer-action > span:last-child{
    grid-column:2!important;
    justify-self:center!important;
    align-self:center!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    color:#55e9ff!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.025em!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-shadow:0 0 9px rgba(50,226,255,.48)!important;
  }
}

/* Desktop contract remains five controls in one row. */
@media screen and (min-width:1201px){
  #footer-utility-row.voliqa-footer-utility-stack{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
  }
}

/* =========================================================
   V314 — DESKTOP FOOTER RESTORE
   Mobile V313 remains untouched.
   Desktop returns to the old compact rectangular appearance
   shown in the user's reference screenshot.
   ========================================================= */
@media screen and (min-width:1201px){
  #footer-utility-row.voliqa-footer-utility-stack{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    align-items:stretch!important;
  }
  #footer-utility-row.voliqa-footer-utility-stack > .v306-footer-action{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    align-items:center!important;
    column-gap:10px!important;
    width:100%!important;
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    margin:0!important;
    padding:0 12px!important;
    border:1px solid rgba(31,214,255,.46)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(3,21,29,.98),rgba(2,13,19,.99))!important;
    color:#4ce7ff!important;
    box-shadow:inset 0 0 16px rgba(26,211,255,.035)!important;
  }
  #footer-utility-row.voliqa-footer-utility-stack > .v306-footer-action > .v306-footer-icon{
    grid-column:1!important;
    justify-self:start!important;
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    border:1px solid #25ddff!important;
    border-radius:10px!important;
    background:rgba(4,31,40,.96)!important;
    color:#43e8ff!important;
    box-shadow:0 0 8px rgba(38,222,255,.18)!important;
  }
  #footer-utility-row.voliqa-footer-utility-stack > .v306-footer-action > span:last-child{
    grid-column:2!important;
    justify-self:center!important;
    align-self:center!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    color:#4ce7ff!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.025em!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-shadow:0 0 5px rgba(45,221,255,.28)!important;
  }
}

/* V324 Pattern Lab heading/universe — content hierarchy only; no navigation/mobile layout changes. */
.v324-pattern-subtitle{display:block;margin-top:5px;color:#57ddff;font-weight:900;font-size:12px;letter-spacing:1.4px}
.v324-pattern-status{align-items:flex-start}
.v324-pattern-universe{display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 110px)}
.v324-pattern-universe span{display:inline-block;padding:5px 8px;border:1px solid rgba(83,222,255,.24);border-radius:999px;color:#a9c7d2;background:rgba(5,23,32,.7);font-size:9px;font-weight:800;letter-spacing:.55px}
@media(max-width:700px){.v324-pattern-universe{max-width:100%}.v324-pattern-status{gap:10px}}


/* SOURCE: v317-mobile-style-menus.css */

/* =========================================================
   VOLIQA V317
   Desktop top menu + footer utility menu use the approved
   mobile button visual language.
   Mobile layouts are not changed.
   Social buttons are not changed.
   ========================================================= */

/* DESKTOP TOP MENU — visual skin only */
@media screen and (min-width:1201px){
  /* Existing header/menu controls: keep their DOM and layout,
     apply the approved mobile rounded-neon card language. */
  .v244-header-btn,
  a.v244-header-btn,
  button.v244-header-btn,
  .menu-markets.v244-header-btn{
    box-sizing:border-box!important;
    min-height:58px!important;
    height:58px!important;
    padding:0 14px!important;
    border:1px solid rgba(38,222,255,.72)!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,rgba(4,28,38,.98),rgba(2,17,24,.99))!important;
    color:#4ce7ff!important;
    box-shadow:
      0 0 14px rgba(38,222,255,.10),
      inset 0 0 18px rgba(38,222,255,.045)!important;
  }

  .v244-header-btn:hover,
  .v244-header-btn:focus-visible{
    border-color:#43e8ff!important;
    box-shadow:
      0 0 17px rgba(38,222,255,.18),
      inset 0 0 18px rgba(38,222,255,.06)!important;
  }

  /* Icon tiles inside top-menu controls, where present. */
  .v244-header-btn .menu-icon,
  .v244-header-btn .v244-menu-icon,
  .v244-header-btn .nav-icon,
  .v244-header-btn > svg:first-child{
    border-radius:13px!important;
    color:#43e8ff!important;
    filter:drop-shadow(0 0 5px rgba(38,222,255,.28))!important;
  }
}

/* DESKTOP FOOTER UTILITY MENU — exact approved mobile visual language,
   still arranged as five desktop columns. */
@media screen and (min-width:1201px){
  #footer-utility-row.voliqa-footer-utility-stack{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:12px!important;
    width:100%!important;
    align-items:stretch!important;
  }

  #footer-utility-row.voliqa-footer-utility-stack > .v306-footer-action{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:12px!important;
    width:100%!important;
    height:60px!important;
    min-height:60px!important;
    margin:0!important;
    padding:0 14px!important;
    border:1px solid rgba(38,222,255,.72)!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,rgba(4,28,38,.98),rgba(2,17,24,.99))!important;
    color:#4ce7ff!important;
    box-shadow:
      0 0 14px rgba(38,222,255,.10),
      inset 0 0 18px rgba(38,222,255,.045)!important;
  }

  #footer-utility-row.voliqa-footer-utility-stack > .v306-footer-action > .v306-footer-icon{
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    margin:0!important;
    border:1px solid #25ddff!important;
    border-radius:13px!important;
    background:rgba(4,36,47,.98)!important;
    color:#43e8ff!important;
    box-shadow:
      0 0 11px rgba(38,222,255,.30),
      inset 0 0 12px rgba(38,222,255,.08)!important;
  }

  #footer-utility-row.voliqa-footer-utility-stack > .v306-footer-action > span:last-child{
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:#4ce7ff!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1.05!important;
    letter-spacing:.025em!important;
    text-align:left!important;
    white-space:nowrap!important;
    text-shadow:0 0 6px rgba(45,221,255,.32)!important;
  }
}

/* Requested heading hierarchy reversal. */
.mim-section .section-kicker,
.most-important-move .section-kicker,
.mim-kicker{
  font-size:clamp(12px,1vw,15px)!important;
}
.mim-section h2,
.most-important-move h2,
.active-high-volatility-title{
  font-size:clamp(24px,2.2vw,32px)!important;
}


/* SOURCE: v318-visual-unification.css */
/* =========================================================
   VOLIQA V318 — targeted visual unification
   Base: V317. No data, scanner, Pattern Lab or application logic changes.
   ========================================================= */

:root{--v318-cyan:#43e8ff;--v318-bg:#020e15;--v318-border:rgba(38,222,255,.72)}

/* Header: the six public controls share one DOM row and one geometry. */
#top .v128-menu-cluster{width:100%!important}
#top .v48-menubar{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;width:100%!important;align-items:stretch!important}
#top .v48-menubar>.v244-header-btn,
#top .v48-menubar>.v302-lang-menu>.v302-lang-trigger{
  box-sizing:border-box!important;width:100%!important;min-width:0!important;height:58px!important;min-height:58px!important;margin:0!important;padding:0 12px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
  border:1px solid var(--v318-border)!important;border-radius:20px!important;
  background:linear-gradient(180deg,rgba(4,28,38,.98),rgba(2,17,24,.99))!important;color:#e8fbff!important;
  box-shadow:0 0 14px rgba(38,222,255,.10),inset 0 0 18px rgba(38,222,255,.045)!important;
  font-weight:900!important;text-decoration:none!important;text-shadow:0 0 6px rgba(45,221,255,.25)!important;
}
#top .v48-menubar>.v244-header-btn:hover,
#top .v48-menubar>.v244-header-btn:focus-visible,
#top .v48-menubar>.v302-lang-menu>.v302-lang-trigger:hover,
#top .v48-menubar>.v302-lang-menu>.v302-lang-trigger:focus-visible{border-color:var(--v318-cyan)!important;box-shadow:0 0 17px rgba(38,222,255,.18),inset 0 0 18px rgba(38,222,255,.06)!important}

/* Every public control uses the same luminous icon-tile geometry. */
#top .v48-menubar .v62-menu-icon,
#top .v48-menubar .v150-head-tile,
#top .v48-menubar .v80-helpmark{
  flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
  display:grid!important;place-items:center!important;box-sizing:border-box!important;margin:0!important;
  border:1px solid #25ddff!important;border-radius:12px!important;background:rgba(4,36,47,.98)!important;color:var(--v318-cyan)!important;
  box-shadow:0 0 10px rgba(38,222,255,.26),inset 0 0 10px rgba(38,222,255,.07)!important;
}
#top .v48-menubar .v62-menu-icon svg{width:20px!important;height:20px!important;stroke:currentColor!important;fill:none!important}

/* LANGUAGE: wrapper is layout-neutral; only the trigger is the visible card. */
#top .v302-lang-menu{position:relative!important;width:100%!important;min-width:0!important;height:58px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#top .v302-lang-trigger>span:last-child{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#top .v302-lang-list{top:calc(100% + 8px)!important;left:0!important;right:auto!important;width:100%!important;min-width:170px!important;z-index:9999!important}

/* Empty account action area must not reserve geometry while public accounts are disabled. */
#top .v58-head-actions:empty{display:none!important}

/* Logo asset stays unchanged; presentation only. */
#top .v48-logo img,.v36-footer-brand img{filter:drop-shadow(0 0 9px rgba(38,222,255,.16))!important}

/* Most Important Move: verified DOM is small + h2. Keep semantic order and make h2 dominant. */
.v303-move .v291-move-top small{font-size:10px!important;line-height:1.2!important;font-weight:850!important;letter-spacing:.12em!important;color:#64def7!important}
.v303-move .v291-move-top h2{margin:6px 0 0!important;font-size:clamp(30px,3.2vw,46px)!important;line-height:1.02!important;font-weight:950!important;letter-spacing:-.025em!important;color:#f2fdff!important;text-shadow:0 0 12px rgba(45,221,255,.12)!important}

/* Footer utility buttons: verified V317 selectors. Desktop = five columns. */
@media screen and (min-width:1201px){
  #footer-utility-row.voliqa-footer-utility-stack{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;width:100%!important}
  #footer-utility-row.voliqa-footer-utility-stack>.v306-footer-action{
    display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important;column-gap:12px!important;
    box-sizing:border-box!important;width:100%!important;height:60px!important;min-height:60px!important;margin:0!important;padding:0 14px!important;
    border:1px solid var(--v318-border)!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(4,28,38,.98),rgba(2,17,24,.99))!important;
    color:#e8fbff!important;box-shadow:0 0 14px rgba(38,222,255,.10),inset 0 0 18px rgba(38,222,255,.045)!important
  }
  #footer-utility-row.voliqa-footer-utility-stack>.v306-footer-action>.v306-footer-icon{
    grid-column:1!important;justify-self:start!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;
    border:1px solid #25ddff!important;border-radius:13px!important;background:rgba(4,36,47,.98)!important;color:var(--v318-cyan)!important;
    box-shadow:0 0 11px rgba(38,222,255,.30),inset 0 0 12px rgba(38,222,255,.08)!important
  }
  #footer-utility-row.voliqa-footer-utility-stack>.v306-footer-action>span:last-child{
    grid-column:2!important;justify-self:stretch!important;min-width:0!important;margin:0!important;padding:0!important;
    color:#e8fbff!important;font-size:11px!important;font-weight:900!important;line-height:1.05!important;letter-spacing:.025em!important;
    text-align:right!important;white-space:nowrap!important;text-shadow:0 0 6px rgba(45,221,255,.25)!important
  }
}

/* Mobile/tablet: exactly one public menu control and one footer utility per row. */
@media screen and (max-width:1200px){
  #top .v48-menubar{grid-template-columns:1fr!important;gap:8px!important;width:100%!important}
  #top .v48-menubar>.v244-header-btn,
  #top .v48-menubar>.v302-lang-menu>.v302-lang-trigger{width:100%!important;height:54px!important;min-height:54px!important;border-radius:18px!important;padding:0 12px!important}
  #top .v302-lang-menu{width:100%!important;height:54px!important;min-height:54px!important}
  #top .v302-lang-list{width:100%!important;min-width:0!important}
  #top .v48-menubar .v62-menu-icon,#top .v48-menubar .v150-head-tile,#top .v48-menubar .v80-helpmark{flex-basis:38px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}

  #footer-utility-row.voliqa-footer-utility-stack{display:grid!important;grid-template-columns:1fr!important;grid-auto-flow:row!important;gap:10px!important;width:100%!important}
  #footer-utility-row.voliqa-footer-utility-stack>.v306-footer-action{
    display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px!important;align-items:center!important;justify-items:center!important;
    box-sizing:border-box!important;width:100%!important;height:60px!important;min-height:60px!important;margin:0!important;padding:0 12px!important;
    border:1px solid var(--v318-border)!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(4,28,38,.98),rgba(2,17,24,.99))!important;
    color:#e8fbff!important;box-shadow:0 0 14px rgba(38,222,255,.10),inset 0 0 18px rgba(38,222,255,.045)!important
  }
  #footer-utility-row.voliqa-footer-utility-stack>.v306-footer-action>.v306-footer-icon{
    grid-column:1!important;justify-self:center!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:1px solid #25ddff!important;border-radius:13px!important;
    background:rgba(4,36,47,.98)!important;color:var(--v318-cyan)!important;box-shadow:0 0 11px rgba(38,222,255,.30),inset 0 0 12px rgba(38,222,255,.08)!important
  }
  #footer-utility-row.voliqa-footer-utility-stack>.v306-footer-action>span:last-child{
    grid-column:2!important;justify-self:center!important;align-self:center!important;margin:0!important;padding:0!important;color:#e8fbff!important;
    font-size:10px!important;font-weight:900!important;line-height:1!important;letter-spacing:.025em!important;text-align:center!important;white-space:nowrap!important;
    text-shadow:0 0 6px rgba(45,221,255,.25)!important
  }
  .v303-move .v291-move-top h2{font-size:clamp(26px,8vw,36px)!important}
}


/* Additive scanner pipeline roadmap. Existing homepage/menu geometry is not changed. */
.v318-scanner-roadmap{padding:18px 0 34px}
.v318-scanner-roadmap-head{margin-bottom:12px}
.v318-scanner-roadmap-head small{display:block;color:#73eaff;letter-spacing:.14em;font-size:.72rem;font-weight:800}
.v318-scanner-roadmap-head h2{margin:.3rem 0 0;color:#f2fbff;font-size:clamp(1.25rem,2vw,1.75rem)}
.v318-scanner-roadmap-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 16px;border:1px solid rgba(73,226,255,.28);border-radius:16px;background:rgba(4,15,29,.72);box-shadow:0 0 22px rgba(40,214,255,.06)}
.v318-scanner-roadmap-flow span{display:inline-flex;align-items:center;gap:7px;color:#dff9ff;font-size:.78rem;font-weight:800;letter-spacing:.035em}
.v318-scanner-roadmap-flow b{color:rgba(107,226,255,.48);font-weight:600}
.v318-scanner-roadmap-flow .is-done i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#20c878;color:#03150d;font-style:normal;font-weight:1000;box-shadow:0 0 12px rgba(32,200,120,.42)}
@media(max-width:760px){.v318-scanner-roadmap{padding:12px 0 26px}.v318-scanner-roadmap-flow{display:grid;grid-template-columns:1fr;gap:6px;padding:13px 14px}.v318-scanner-roadmap-flow b{transform:rotate(90deg);width:16px;text-align:center;margin-left:2px}.v318-scanner-roadmap-flow span{min-height:28px}}


/* SOURCE: v319-v249-menu-restore.css */
/* VOLIQA V319 — restore V249 menu visual language without changing mobile geometry.
   Base: V318. Social buttons intentionally untouched. */

/* V249 semantic accents mapped onto the current V318 menu items. */
#top .menu-markets{--v319-accent:#35dfff!important}
#top .menu-how{--v319-accent:#38ef76!important}
#top .menu-proof{--v319-accent:#ffc52e!important}
#top .v255-roadmap-menu{--v319-accent:#9f83ff!important}
#top .v76-head-help{--v319-accent:#38ef76!important}
#top .v258-rewards-menu{--v319-accent:#d9b9ff!important}
#top .v302-lang-trigger{--v319-accent:#38e1ff!important}

/* DESKTOP: V249 compact header-button presentation. No content/function changes. */
@media (min-width:1201px){
  #top .v48-menubar{
    display:flex!important;grid-template-columns:none!important;align-items:center!important;
    justify-content:flex-end!important;gap:7px!important;width:100%!important;
  }
  #top .v48-menubar>.v244-header-btn,
  #top .v48-menubar>.v302-lang-menu>.v302-lang-trigger{
    width:auto!important;min-width:0!important;max-width:none!important;
    height:42px!important;min-height:42px!important;max-height:42px!important;
    margin:0!important;padding:0 9px!important;gap:7px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    border:1px solid var(--v319-accent,#38e1ff)!important;border-radius:8px!important;
    background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--v319-accent,#38e1ff) 15%,transparent),transparent 60%),linear-gradient(180deg,rgba(5,17,26,.98),rgba(2,9,15,.99))!important;
    color:var(--v319-accent,#38e1ff)!important;
    box-shadow:0 0 16px color-mix(in srgb,var(--v319-accent,#38e1ff) 18%,transparent),inset 0 0 18px color-mix(in srgb,var(--v319-accent,#38e1ff) 6%,transparent)!important;
    font-size:9px!important;font-weight:900!important;white-space:nowrap!important;text-shadow:0 0 7px color-mix(in srgb,var(--v319-accent,#38e1ff) 42%,transparent)!important;
  }
  #top .v48-menubar .v62-menu-icon,#top .v48-menubar .v150-head-tile,#top .v48-menubar .v80-helpmark{
    width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;flex:0 0 28px!important;
    border:1px solid currentColor!important;border-radius:8px!important;
    background:color-mix(in srgb,currentColor 9%,#031019)!important;color:currentColor!important;
    box-shadow:0 0 12px color-mix(in srgb,currentColor 30%,transparent),inset 0 0 9px color-mix(in srgb,currentColor 8%,transparent)!important;
  }
  #top .v302-lang-menu{width:auto!important;min-width:0!important;height:42px!important;min-height:42px!important;background:transparent!important;border:0!important;box-shadow:none!important}
  #top .v302-lang-menu>.v302-lang-trigger{width:118px!important;min-width:118px!important;max-width:118px!important;justify-content:flex-start!important;padding:0 6px!important}
  #top .v302-lang-list{top:calc(100% + 8px)!important;right:0!important;left:auto!important;min-width:170px!important;width:auto!important}

  /* V249 footer utility-button language; current five actions retained. */
  #footer-utility-row.voliqa-footer-utility-stack{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:100%!important}
  #footer-utility-row>.v306-footer-action{
    display:inline-flex!important;grid-template-columns:none!important;align-items:center!important;justify-content:center!important;gap:8px!important;
    width:auto!important;min-width:0!important;height:auto!important;min-height:36px!important;margin:0!important;padding:9px 12px!important;
    border:1px solid currentColor!important;border-radius:9px!important;background:#051720!important;
    color:#55dfff!important;box-shadow:0 0 16px color-mix(in srgb,currentColor 24%,transparent),inset 0 0 12px color-mix(in srgb,currentColor 6%,transparent)!important;
    font-size:9px!important;font-weight:900!important;text-shadow:0 0 8px currentColor!important;
  }
  #footer-utility-row>.v114-footer-contact{color:#37dcff!important}
  #footer-utility-row>.v252-footer-privacy{color:#d9b9ff!important}
  #footer-utility-row>.v252-footer-terms{color:#ffc52e!important}
  #footer-utility-row>.v306-footer-action>.v306-footer-icon{
    display:grid!important;place-items:center!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;margin:0!important;
    border:1px solid currentColor!important;border-radius:8px!important;background:color-mix(in srgb,currentColor 10%,#06131c)!important;color:inherit!important;
    box-shadow:0 0 10px color-mix(in srgb,currentColor 28%,transparent)!important;
  }
  #footer-utility-row>.v306-footer-action>span:last-child{margin:0!important;padding:0!important;color:inherit!important;font-size:9px!important;font-weight:900!important;line-height:1!important;text-align:left!important;white-space:nowrap!important;text-shadow:0 0 8px currentColor!important}
}

/* MOBILE/TABLET: COLOR ONLY. V318 geometry/layout remains authoritative. */
@media (max-width:1200px){
  #top .v48-menubar>.v244-header-btn,
  #top .v48-menubar>.v302-lang-menu>.v302-lang-trigger{
    border-color:var(--v319-accent,#38e1ff)!important;
    color:var(--v319-accent,#38e1ff)!important;
    background:radial-gradient(circle at 18% 50%,color-mix(in srgb,var(--v319-accent,#38e1ff) 9%,transparent),transparent 58%),linear-gradient(180deg,rgba(4,28,38,.98),rgba(2,17,24,.99))!important;
    box-shadow:0 0 14px color-mix(in srgb,var(--v319-accent,#38e1ff) 16%,transparent),inset 0 0 18px color-mix(in srgb,var(--v319-accent,#38e1ff) 5%,transparent)!important;
  }
  #top .v48-menubar .v62-menu-icon,#top .v48-menubar .v150-head-tile,#top .v48-menubar .v80-helpmark{
    border-color:currentColor!important;background:color-mix(in srgb,currentColor 9%,#031019)!important;color:currentColor!important;
    box-shadow:0 0 12px color-mix(in srgb,currentColor 30%,transparent),inset 0 0 9px color-mix(in srgb,currentColor 8%,transparent)!important;
  }
}


/* SOURCE: v320-desktop-menu-fix.css */
/* VOLIQA V320 — DESKTOP ONLY menu corrections.
   Mobile/tablet rules are intentionally untouched. */
@media (min-width:1201px){
  /* Header: keep the current components/functions, but align the button group to the left. */
  #top .v48-menubar{
    justify-content:flex-start!important;
  }

  /* Footer utility row: restore the wide V249-style desktop geometry shown in the reference.
     Social buttons are intentionally not targeted. */
  #footer-utility-row.voliqa-footer-utility-stack{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    overflow:visible!important;
  }
  #footer-utility-row.voliqa-footer-utility-stack>.v306-footer-action{
    width:100%!important;
    min-width:0!important;
    height:72px!important;
    min-height:72px!important;
    padding:0 16px!important;
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    align-items:center!important;
    gap:14px!important;
    border:1px solid #16cde9!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,rgba(2,25,35,.98),rgba(2,15,23,.99))!important;
    color:#dffaff!important;
    box-shadow:inset 0 0 22px rgba(21,205,233,.05)!important;
  }
  #footer-utility-row.voliqa-footer-utility-stack>.v306-footer-action>.v306-footer-icon{
    width:64px!important;height:56px!important;min-width:64px!important;min-height:56px!important;
    display:grid!important;place-items:center!important;margin:0!important;
    border:1px solid #16cde9!important;border-radius:18px!important;
    background:linear-gradient(180deg,rgba(8,62,78,.72),rgba(4,34,46,.88))!important;
    color:#43eaff!important;
    box-shadow:0 0 18px rgba(22,205,233,.28),inset 0 0 14px rgba(22,205,233,.10)!important;
  }
  #footer-utility-row.voliqa-footer-utility-stack>.v306-footer-action>span:last-child{
    width:100%!important;margin:0!important;padding:0!important;
    color:#e9fbff!important;font-size:12px!important;font-weight:900!important;
    line-height:1.1!important;text-align:right!important;white-space:nowrap!important;
    text-shadow:0 0 9px rgba(122,235,255,.55)!important;
  }
}


/* SOURCE: v321-desktop-menu-align.css */
/* VOLIQA V321 — DESKTOP ONLY alignment/geometry correction.
   Mobile/tablet and social buttons intentionally untouched. */
@media (min-width:1201px){
  /* Roadmap: match the left-aligned content of the other header buttons. */
  #top .v48-menubar>.v255-roadmap-menu{
    justify-content:flex-start!important;
  }

  /* Footer utilities: use the same compact button geometry as the desktop header,
     retaining each footer action's existing V319/V249 accent colour. */
  #footer-utility-row.voliqa-footer-utility-stack{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    width:100%!important;
    overflow:visible!important;
  }
  #footer-utility-row.voliqa-footer-utility-stack>.v306-footer-action{
    width:auto!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0 9px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    border-radius:8px!important;
  }
  #footer-utility-row.voliqa-footer-utility-stack>.v306-footer-action>.v306-footer-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    flex:0 0 28px!important;
    margin:0!important;
    border-radius:8px!important;
  }
  #footer-utility-row.voliqa-footer-utility-stack>.v306-footer-action>span:last-child{
    width:auto!important;
    margin:0!important;
    padding:0!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1!important;
    text-align:left!important;
    white-space:nowrap!important;
  }
}


/* SOURCE: v322-desktop-social-size.css */
/* VOLIQA V322 — desktop-only social size refinement. Mobile intentionally untouched. */
@media (min-width:1201px){
  .v306-social-grid{
    grid-template-columns:repeat(8,58px)!important;
    gap:12px!important;
  }
  .v306-social{
    grid-template-rows:52px auto!important;
    width:58px!important;
    max-width:58px!important;
    gap:6px!important;
  }
  .v306-social svg{
    width:52px!important;
    height:52px!important;
    padding:11px!important;
    border-radius:12px!important;
  }
  .v306-social-label{font-size:8.5px!important;}
}


/* SOURCE: v325-pattern-language-fix.css */
/* VOLIQA V325 — requested Pattern Lab hierarchy + desktop LANGUAGE functional control. */
.v291-move-top h2{color:#f3fbff!important;}
.v291-move-top h2 + small{display:block!important;margin-top:.45rem!important;color:#55ddff!important;letter-spacing:.18em!important;font-weight:800!important;}
@media (min-width:1201px){
  #top .v302-lang-trigger{appearance:none!important;-webkit-appearance:none!important;font-family:inherit!important;cursor:pointer!important;}
  #top .v302-lang-menu{position:relative!important;overflow:visible!important;z-index:10020!important;}
  #top .v302-lang-list{z-index:10030!important;pointer-events:auto!important;}
}


/* SOURCE: v326-desktop-research.css */
/* VOLIQA V326 — desktop-only utility sizing + research status. Mobile geometry untouched. */
@media (min-width:1201px){
  #footer-utility-row.voliqa-footer-utility-stack>.v306-footer-action{height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 12px!important;gap:9px!important;border-radius:9px!important;}
  #footer-utility-row.voliqa-footer-utility-stack>.v306-footer-action>.v306-footer-icon{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;flex:0 0 32px!important;}
  #footer-utility-row.voliqa-footer-utility-stack>.v306-footer-action>span:last-child{font-size:10px!important;}
}
/* RESEARCH is a first-class Most Important Move status, parallel to SHORT WATCH etc. */
.v303-move-case>summary strong.research{color:#4be4fa!important;border-color:rgba(75,228,250,.52)!important;background:rgba(4,24,34,.80)!important;box-shadow:0 0 12px rgba(44,213,239,.10)!important;}


/* SOURCE: v327-research-divider.css */
/* VOLIQA V327 — desktop-only visual separator for Most Important Move research status. */
@media (min-width:1201px){
  #most-important-move .v291-move-top>.v253-live-label{
    position:relative!important;
    margin-left:28px!important;
  }
  #most-important-move .v291-move-top>.v253-live-label::before{
    content:"";
    position:absolute;
    left:-15px;
    top:50%;
    width:1px;
    height:24px;
    transform:translateY(-50%);
    background:rgba(75,228,250,.72);
    box-shadow:0 0 8px rgba(75,228,250,.28);
    pointer-events:none;
  }
}


/* SOURCE: v329-desktop-nav-fix.css */
/* VOLIQA V329 — desktop-only fixes. Mobile <=1200px intentionally untouched. */
@media (min-width:1201px){
  body{padding-top:82px!important}
  #top.v13-nav.v48-nav{
    position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;
    z-index:100000!important;
  }
  #top .wrap.v53-headerrow,#top .v128-menu-cluster,#top .v48-menubar{overflow:visible!important}
  #top .v302-lang-menu{position:relative!important;z-index:100020!important;overflow:visible!important}
  #top .v302-lang-list{
    position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;
    z-index:100030!important;pointer-events:auto!important;min-width:170px!important;
  }
  #top .v302-lang-menu.is-open .v302-lang-list{display:block!important;visibility:visible!important;opacity:1!important}
  #top .v302-lang-menu:not(.is-open) .v302-lang-list{display:none!important}
  #roadmap{scroll-margin-top:96px!important}

  /* RESEARCH is a real VOLIQA status badge, matching the status-label family. */
  .v303-move .v291-move-top .v253-live-label{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-width:92px!important;height:34px!important;padding:0 14px!important;margin-left:18px!important;
    border:1px solid rgba(44,213,239,.72)!important;border-radius:9px!important;
    background:linear-gradient(180deg,rgba(6,39,49,.96),rgba(3,22,31,.96))!important;
    color:#51e9fb!important;box-shadow:0 0 14px rgba(44,213,239,.18),inset 0 0 10px rgba(44,213,239,.05)!important;
    font-size:10px!important;font-weight:900!important;line-height:1!important;letter-spacing:.65px!important;
    text-decoration:none!important;white-space:nowrap!important;
  }
}


/* SOURCE: v335-navigation-modal-fix.css */
/* VOLIQA V335 — navigation/modal reliability. No mobile menu geometry changes. */

/* All overlays must sit above the sticky/fixed header and remain fully visible. */
.v40-faq-modal,
.v48-sitemap-modal,
.v48-case-modal,
.v113-legal-modal,
.v13-modal,
.v13-modal.open {
  z-index:50000!important;
}
.v40-faq-dialog,
.v48-sitemap-dialog,
.v48-case-dialog,
.v113-legal-dialog,
.v13-modalbox {
  position:relative!important;
  z-index:50001!important;
}
.v113-legal-close,
.v40-faq-close,
.v48-sitemap-head button,
.v13-close {
  z-index:50002!important;
}

/* Footer social buttons are icon-only; keep the existing button/grid geometry. */
.v306-social-label{display:none!important}

/* Anchored ROADMAP navigation must not land under the fixed header. */
#roadmap{scroll-margin-top:150px!important}
@media(max-width:1200px){
  #roadmap{scroll-margin-top:96px!important}
}


/* SOURCE: v339-most-important-move.css */
/* VOLIQA V339 — Most Important Move uses the canonical LIVE SCANNER table geometry. */
.v339-move .v303-move-intro{margin:10px 0 16px!important}
.v339-move-table{width:100%!important;overflow-x:auto!important;border:1px solid rgba(46,216,255,.12)!important;border-radius:12px!important;background:rgba(2,13,20,.58)!important}
.v339-move-table .v253-row{grid-template-columns:1.15fr 2.15fr 1fr .9fr!important;min-width:720px!important;padding:0 24px!important}
.v339-move-table .v253-table-head{min-height:38px!important}
.v339-move-table .v253-data-row{min-height:54px!important}
.v339-move-table .v253-data-row>b{font-size:13px!important}
.v339-move-table .v253-data-row>span{font-size:12px!important;white-space:normal!important}
.v339-status{justify-self:start!important;white-space:nowrap!important}
.v339-analysis-btn{justify-self:start;border:1px solid rgba(81,223,255,.42)!important;border-radius:7px!important;background:rgba(81,223,255,.07)!important;color:#51dfff!important;font-size:9px!important;font-weight:900!important;letter-spacing:.8px!important;padding:6px 9px!important;cursor:pointer!important;line-height:1.2!important}
.v339-analysis-btn:hover{background:rgba(81,223,255,.13)!important;box-shadow:0 0 12px rgba(81,223,255,.08)!important}
.v339-analysis-modal[hidden]{display:none!important}
.v339-analysis-modal{position:fixed;inset:0;z-index:16000;background:rgba(0,5,10,.90);backdrop-filter:blur(7px);padding:130px 20px 30px;overflow-y:auto!important;overscroll-behavior:contain}
.v339-analysis-dialog{position:relative;width:min(920px,calc(100% - 20px));margin:0 auto 30px;border:1px solid #32dfff;border-radius:18px;background:#04111a;padding:64px 30px 30px;box-shadow:0 0 28px rgba(49,230,255,.16)}
.v339-analysis-close{position:absolute;right:14px;top:14px;width:42px;height:42px;border:1px solid #32dfff;border-radius:10px;background:#071722;color:#fff;font-size:25px;cursor:pointer}
@media(max-width:1099px){.v339-move-table .v253-row{min-width:650px!important;padding:0 13px!important;grid-template-columns:1.1fr 2fr 1fr .9fr!important}.v339-analysis-modal{padding:82px 8px 20px}.v339-analysis-dialog{width:calc(100% - 8px);padding:58px 18px 22px}}


/* SOURCE: v340-fixes.css */
/* VOLIQA V340 — responsive tables + safe modal viewport */
.v339-move-table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;overscroll-behavior-x:contain!important;scrollbar-gutter:stable!important}
.v339-move-table .v253-row{width:100%!important;box-sizing:border-box!important}
.v339-analysis-btn{white-space:nowrap!important;min-width:82px!important;text-align:center!important}
.v318-scanner-roadmap-flow em{font-style:normal!important;color:#59dfff!important;font-size:.84em!important;white-space:nowrap!important}
/* Legal/footer dialogs occupy only the viewport between navigation safe-zones. */
.v113-legal-modal.is-open{display:flex!important;position:fixed!important;left:0!important;right:0!important;top:112px!important;bottom:18px!important;height:auto!important;inset:auto 0 18px 0!important;padding:18px 20px!important;align-items:flex-start!important;justify-content:center!important;overflow:hidden!important;z-index:12000!important}
.v113-legal-dialog{width:min(1180px,calc(100% - 24px))!important;max-height:100%!important;height:auto!important;margin:0 auto!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:66px 36px 34px!important;box-sizing:border-box!important}
.v13-modal.is-open,.v13-modal[aria-hidden="false"]{position:fixed!important;left:0!important;right:0!important;top:112px!important;bottom:18px!important;height:auto!important;inset:auto 0 18px 0!important;padding:18px 20px!important;overflow:hidden!important;align-items:flex-start!important}
.v13-modalbox{max-height:100%!important;overflow-y:auto!important;margin:0 auto!important}
@media(max-width:1099px){
  .v339-move{max-width:100%!important;overflow:visible!important}
  .v339-move-table{margin-left:0!important;margin-right:0!important}
  .v339-move-table .v253-row{min-width:720px!important;grid-template-columns:150px 285px 125px 120px!important;padding:0 12px!important}
  .v339-move-table:after{content:"SWIPE →";position:sticky;left:8px;display:block;width:max-content;padding:5px 8px;color:#55dfff;font-size:9px;font-weight:900;letter-spacing:.08em}
  .v113-legal-modal.is-open,.v13-modal.is-open,.v13-modal[aria-hidden="false"]{top:96px!important;bottom:10px!important;inset:auto 0 10px 0!important;padding:8px!important}
  .v113-legal-dialog{width:calc(100% - 4px)!important;max-height:100%!important;margin:0!important;padding:58px 18px 24px!important}
}

.v340-modal-footer-nav{position:sticky!important;bottom:-34px!important;margin:28px -36px -34px!important;padding:12px 18px!important;background:#01080d!important;border-top:1px solid rgba(50,223,255,.22)!important;z-index:4!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}.v340-modal-footer-nav .v306-footer-action{min-width:0!important;font-size:8px!important}.v340-modal-footer-nav .v306-footer-icon{display:none!important}@media(max-width:700px){.v340-modal-footer-nav{margin:24px -18px -24px!important;bottom:-24px!important;grid-template-columns:1fr 1fr!important}.v340-modal-footer-nav .v306-footer-action{min-height:38px!important}}


/* SOURCE: v341-responsive-tables.css */
/* VOLIQA V341 — responsive data tables and fixed desktop navigation safe zones. */

/* CASE STUDY PAIRS: scanner geometry instead of inline text cloud. */
.v341-case-study-block{margin:.8rem 0 1rem;min-width:0}
.v341-case-study-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px;padding:0 2px}.v341-case-study-title b{color:#eefaff;font-size:14px;letter-spacing:.04em}.v341-case-study-title span{color:#57ddff;font-size:10px;font-weight:900;letter-spacing:.12em}
.v341-case-study-table{width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;border:1px solid rgba(82,151,180,.18);border-radius:13px;background:rgba(5,17,25,.64)}
.v341-case-row{display:grid;grid-template-columns:1.05fr .72fr .9fr 1.35fr;align-items:center;gap:12px;min-height:50px;padding:0 16px;border-bottom:1px solid rgba(82,151,180,.09);box-sizing:border-box}.v341-case-row:last-child{border-bottom:0}.v341-case-head{min-height:38px;background:rgba(15,47,61,.22);color:#6f8998;font-size:9px;font-weight:900;letter-spacing:1.1px}.v341-case-row>b{color:#f3fbff;font-size:13px}.v341-case-row>span{min-width:0}
.v341-table-badge{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:5px 9px;border:1px solid rgba(81,223,255,.42);border-radius:7px;background:rgba(81,223,255,.07);color:#51dfff;font-size:9px;font-weight:900;font-style:normal;letter-spacing:.08em;line-height:1.15;white-space:nowrap}.v341-table-badge.is-research{border-color:rgba(92,229,255,.42);color:#65e7ff}.v341-table-badge.is-phase{border-color:rgba(151,116,255,.42);background:rgba(151,116,255,.07);color:#bba6ff}

/* Pattern Lab live table: PHASE / STATUS is rendered as the same compact scanner badge family. */
.v282-pattern-table .vx-badge{display:inline-flex!important;align-items:center!important;min-height:27px!important;padding:5px 9px!important;border:1px solid rgba(151,116,255,.42)!important;border-radius:7px!important;background:rgba(151,116,255,.07)!important;color:#bba6ff!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important;white-space:nowrap!important}

/* RESULTS: the result itself is a scanner-style status badge, not loose text. */
.v256-result-row>span:last-child{justify-self:start;display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border:1px solid rgba(81,223,255,.34);border-radius:7px;background:rgba(81,223,255,.055);font-size:9px!important;font-weight:900;letter-spacing:.06em;white-space:nowrap}.v256-result-row>span.result-down:last-child{border-color:rgba(52,233,154,.42);background:rgba(52,233,154,.07)}.v256-result-row>span.result-up:last-child{border-color:rgba(255,113,139,.42);background:rgba(255,113,139,.07)}

/* All data tables remain complete on phones: never hide data columns; scroll the table itself. */
@media(max-width:1099px){
 .v253-scanner-shell,.v256-results,.v272-public-pattern,.v306-move-placement{min-width:0!important;max-width:100%!important;overflow:visible!important}
 .v256-table,.v256-results-shell,.v282-pattern-table,.v339-move-table,.v341-case-study-table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important}
 .v256-table .v253-row{display:grid!important;min-width:570px!important;grid-template-columns:1.15fr 1fr 1fr 1.35fr!important}
 .v256-table .v253-row>*{display:block!important}
 .v256-results-head,.v256-result-row{min-width:650px!important}
 .v282-pattern-table table{min-width:980px!important}
 .v339-move-table .v253-row{min-width:720px!important}
 .v341-case-row{min-width:650px!important;grid-template-columns:150px 120px 145px 210px!important}
}

/* Scanner roadmap: on mobile one stage per line, matching the vertical roadmap treatment. */
@media(max-width:760px){
 .v318-scanner-roadmap-flow{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;width:100%!important}
 .v318-scanner-roadmap-flow span{display:flex!important;width:100%!important;min-width:0!important;white-space:normal!important;flex-wrap:wrap!important;box-sizing:border-box!important}
 .v318-scanner-roadmap-flow span em{white-space:normal!important}
 .v318-scanner-roadmap-flow>b{display:block!important;transform:rotate(90deg)!important;width:18px!important;margin:0 0 0 3px!important;text-align:center!important}
}

/* Generic responsive containment. Header/footer menu button geometry is intentionally untouched. */
html,body{max-width:100%;overflow-x:hidden}.v48-main,main,section,.wrap{min-width:0}img,svg,video,canvas{max-width:100%}

/* Desktop: real page header and footer utility menu stay visible. No menu is duplicated inside a popup. */
@media(min-width:1100px){
 body{padding-bottom:86px!important}
 #footer-utility-row{position:fixed!important;left:50%!important;bottom:10px!important;transform:translateX(-50%)!important;width:min(1600px,calc(100% - 48px))!important;z-index:15050!important;background:rgba(2,12,18,.97)!important;border:1px solid rgba(46,216,255,.55)!important;border-radius:18px!important;padding:10px!important;box-shadow:0 0 28px rgba(0,0,0,.55),0 0 18px rgba(46,216,255,.07)!important}
 .v113-legal-modal.is-open,.v13-modal.is-open,.v13-modal[aria-hidden="false"],.v339-analysis-modal:not([hidden]){top:112px!important;bottom:88px!important;inset:auto 0 88px 0!important;max-height:calc(100dvh - 200px)!important;padding:12px 20px!important;overflow-y:auto!important}
 .v113-legal-dialog,.v13-modalbox,.v339-analysis-dialog{max-height:100%!important;margin:0 auto!important;overflow-y:auto!important}
 .v340-modal-footer-nav{display:none!important}
}


/* SOURCE: v342.css */
/* VOLIQA V342 — unified table summaries, persistent desktop navigation, responsive data surfaces. */
.v342-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));margin:12px 0 14px;border:1px solid rgba(46,216,255,.28);border-radius:14px;overflow:hidden;background:rgba(4,17,25,.78);box-shadow:0 0 28px rgba(0,210,255,.05)}
.v342-summary>div,.v342-summary>article{padding:15px 16px;border-right:1px solid rgba(46,216,255,.12);min-width:0;background:transparent!important;border-radius:0!important;box-shadow:none!important}.v342-summary>div:last-child,.v342-summary>article:last-child{border-right:0}.v342-summary small{display:block;color:#6f8998!important;font-size:9px!important;font-weight:900;letter-spacing:1.2px}.v342-summary b{display:block;color:#e8f8ff;font-size:19px;margin-top:5px}.v342-summary .v342-research{color:#57ddff}.v342-summary .v342-data-state{color:#57ddff}.v342-summary .v342-data-state.is-live{color:#2cff91;text-shadow:0 0 12px rgba(44,255,145,.5)}
.v342-results-summary{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important}.v342-results-summary article span{display:none!important}
.v341-case-study-block{margin-top:12px!important}.v324-pattern-universe{display:none!important}
@media(max-width:760px){.v342-summary,.v342-results-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v342-summary>div,.v342-summary>article{border-bottom:1px solid rgba(46,216,255,.12)}.v342-summary>div:nth-child(2n),.v342-summary>article:nth-child(2n){border-right:0}.v342-summary>div:last-child,.v342-summary>article:last-child{border-bottom:0}.v272-public-pattern,.v256-results,.v253-scanner-shell,.v339-move{max-width:100%!important;min-width:0!important}.v282-pattern-table,.v341-case-study-table,.v256-results-shell,.v339-move-table,.v256-table{max-width:100vw!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}}
@media(min-width:1100px){
 #top{position:sticky!important;top:0!important;z-index:30000!important;visibility:visible!important;opacity:1!important;transform:none!important}
 .v113-legal-modal.is-open,.v13-modal.is-open,.v13-modal[aria-hidden="false"],.v339-analysis-modal:not([hidden]){z-index:20000!important;top:112px!important;bottom:0!important;inset:112px 0 0 0!important;max-height:none!important;padding:12px 20px!important;overflow:hidden!important}
 .v113-legal-dialog,.v13-modalbox,.v339-analysis-dialog{max-height:100%!important;overflow-y:auto!important;overscroll-behavior:contain!important}
}


/* SOURCE: v344-footer.css */
/* VOLIQA V344 — footer restored to the agreed V337 flow.
   Socials -> utility actions -> risk disclaimer -> copyright.
   No detached/floating utility window. */
.v13-footer .v36-footer-main{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;min-width:0!important}
.v13-footer .v151-footer-row-merged{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;position:static!important;inset:auto!important;transform:none!important;z-index:auto!important;overflow:visible!important}
.v13-footer .v306-social-grid{order:1!important;position:static!important;inset:auto!important;transform:none!important;z-index:auto!important}
.v13-footer #footer-utility-row.voliqa-footer-utility-stack{order:2!important;position:static!important;inset:auto!important;transform:none!important;z-index:auto!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.v13-footer .v151-footer-risk{order:3!important;position:static!important;margin:0!important}
.v13-footer .wrap.v13-footerin>small:last-child{position:static!important;transform:none!important;z-index:auto!important}
@media(max-width:900px){
 .v13-footer .v151-footer-row-merged{gap:14px!important}
}


/* SOURCE: v345-footer.css */
/* VOLIQA V345 — single footer flow.
   Desktop/mobile: social icons -> utility actions -> risk -> copyright.
   The utility actions are normal footer content, never a detached panel. */
.v13-footer .wrap.v13-footerin{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  align-items:start!important;
  gap:24px!important;
}
.v13-footer .v36-footer-main{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:18px!important;
  width:100%!important;
  min-width:0!important;
}
.v13-footer .v151-footer-row-merged{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:18px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  position:static!important;
}
.v13-footer .v306-social-grid{order:1!important;margin:0!important;position:static!important}
.v13-footer #footer-utility-row.voliqa-footer-utility-stack{
  order:2!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  z-index:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  width:min(100%,920px)!important;
}
.v13-footer .v151-footer-risk{order:3!important;margin:0!important;position:static!important}
.v13-footer .v345-footer-copyright{
  display:block!important;
  position:static!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  justify-self:auto!important;
  text-align:left!important;
  color:#738b97!important;
  font-size:10px!important;
  white-space:nowrap!important;
}
@media(max-width:900px){
  .v13-footer .wrap.v13-footerin{grid-template-columns:1fr!important;gap:14px!important}
  .v13-footer .v36-footer-main,.v13-footer .v151-footer-row-merged{align-items:stretch!important}
  .v13-footer #footer-utility-row.voliqa-footer-utility-stack{width:100%!important}
}


/* SOURCE: v354-responsive-tables.css */
/* VOLIQA V353 — table consistency + responsive data presentation.
   LOCK: no header/footer/menu selectors in this file. */
.v253-table,.v256-results-shell,.v282-pattern-table,.v341-case-study-table{border-radius:14px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
.v253-row,.v256-results-head,.v256-result-row,.v341-case-row{min-height:58px;align-items:center}
.v253-table-head,.v256-results-head,.v341-case-head{font-size:11px;letter-spacing:.09em;font-weight:800;color:#7893a0}
.v282-pattern-table table{width:100%;min-width:940px;border-collapse:collapse}
.v282-pattern-table th,.v282-pattern-table td{padding:14px 16px;white-space:nowrap;text-align:left}
.v341-case-study-table,.v256-results-shell{min-width:0}
.v341-case-row{min-width:680px}
.v256-results-head,#v256ResultsRows>*{min-width:760px}
.v253-table .v253-row{min-width:680px}
#v347-cookie-modal[hidden]{display:none!important}
#v347-cookie-modal:not([hidden]){position:fixed!important;inset:0!important;z-index:30000!important;display:grid!important;place-items:center!important;padding:24px!important;background:rgba(0,6,11,.82)!important;backdrop-filter:blur(9px)!important;overflow:auto!important}
#v347-cookie-modal .v347-cookie-dialog{position:relative!important;width:min(760px,calc(100vw - 48px))!important;max-height:82vh!important;margin:auto!important;padding:28px!important;overflow:auto!important;border:1px solid rgba(55,211,244,.42)!important;border-radius:18px!important;background:linear-gradient(180deg,#06141c,#030c12)!important;box-shadow:0 28px 90px rgba(0,0,0,.65)!important}
#v347-cookie-modal .v347-cookie-close{position:absolute!important;right:16px!important;top:16px!important}
#v347-cookie-modal .v347-cookie-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;padding:18px 0!important}
#v347-cookie-modal .v347-cookie-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important}
/* V354 HOW TO READ layout — preserves V346 visual language; no menu/footer rules. */
.v353-howto .v353-guide-divider{display:block!important;padding:12px 22px!important;background:rgba(4,25,34,.72)!important;border-top:1px solid rgba(48,207,238,.22)!important;border-bottom:1px solid rgba(48,207,238,.22)!important}
.v353-howto .v353-guide-divider strong{color:#42d8f5!important;font-size:11px!important;letter-spacing:.13em!important}
.v353-howto .v256-status-list>div:not(.v353-guide-divider){display:grid!important;grid-template-columns:minmax(300px,450px) minmax(0,1fr)!important;gap:28px!important;align-items:center!important}
.v353-howto .v256-status-list>div:not(.v353-guide-divider)>b{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important}
.v353-howto .v256-status-list>div:not(.v353-guide-divider)>span{min-width:0!important;overflow-wrap:anywhere!important}
.v353-howto b.v353-info{color:#49d9f6;border-color:rgba(73,217,246,.45);box-shadow:0 0 14px rgba(73,217,246,.14)}
.v353-howto b.v353-pending{color:#9ab8c4;border-color:rgba(73,217,246,.35)}
.v353-howto b.v353-failed{color:#ff5575;border-color:rgba(255,85,117,.55);box-shadow:0 0 14px rgba(255,85,117,.12)}
.v353-howto b.v353-research{color:#42d8f5;border-color:rgba(66,216,245,.5)}
.v353-howto b.v353-live{color:#42efa8;border-color:rgba(66,239,168,.5);box-shadow:0 0 14px rgba(66,239,168,.12)}
.v353-howto b.v353-history{color:#8fa9ff;border-color:rgba(143,169,255,.5)}
.v353-howto b.v353-watch{color:#ffb42f;border-color:rgba(255,180,47,.5)}
@media(max-width:900px){.v353-howto .v256-status-list>div:not(.v353-guide-divider){grid-template-columns:minmax(220px,320px) minmax(0,1fr)!important;gap:18px!important}}
@media(max-width:600px){.v353-howto .v256-status-list>div:not(.v353-guide-divider){grid-template-columns:1fr!important;gap:10px!important;padding:14px!important}.v353-howto .v256-status-list>div:not(.v353-guide-divider)>b{width:100%!important}}


/* SOURCE: v355-ui.css */
/* VOLIQA V355 — targeted UI repair. Header/footer navigation structure is preserved. */
@media (min-width:901px){
  /* Social buttons: slightly smaller, still one row. */
  .v13-footer .v306-social-grid{gap:22px!important;justify-content:flex-start!important}
  .v13-footer .v306-social{width:74px!important;height:74px!important;min-width:74px!important;border-radius:17px!important}
  .v13-footer .v306-social svg{width:32px!important;height:32px!important}
  /* Footer utility buttons: same neon edge language as social buttons. */
  #footer-utility-row>.v306-footer-action{border-width:1.5px!important;box-shadow:0 0 15px rgba(39,218,255,.24),inset 0 0 14px rgba(39,218,255,.05)!important}
  #footer-utility-row>.v306-footer-action:hover{box-shadow:0 0 23px rgba(39,218,255,.38),inset 0 0 16px rgba(39,218,255,.08)!important}
  #footer-utility-row>.v306-footer-action>.v306-footer-icon{width:50px!important;height:50px!important;min-width:50px!important;font-size:20px!important}
  /* Keep the canonical top menu intact; only prevent right-edge clipping. */
  .v13-nav .wrap.v53-headerrow{max-width:none!important;padding-right:24px!important}
  .v128-menu-cluster{min-width:0!important}
}

/* Sitemap: restore structured cards; never allow concatenated browser-default links. */
#modal-sitemap .v346-sitemap-box{width:min(1120px,calc(100vw - 48px))!important}
#modal-sitemap .v346-sitemap-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin-top:24px!important}
#modal-sitemap .v346-sitemap-grid article{display:block!important;border:1px solid #1c5266!important;border-radius:15px!important;background:#06131b!important;padding:20px!important;min-width:0!important}
#modal-sitemap .v346-sitemap-grid h3{margin:0 0 10px!important;color:#43ddff!important;font-size:16px!important}
#modal-sitemap .v346-sitemap-grid a{display:block!important;padding:10px 0!important;border-top:1px solid rgba(55,102,121,.36)!important;color:#dbeaf1!important;font-size:14px!important;text-decoration:none!important;overflow-wrap:anywhere!important}
#modal-sitemap .v346-sitemap-grid a:hover{color:#55e5ff!important}

/* One close-control system for all modal families. */
.v13-close,.v40-faq-close,[data-v40-faq-close],.v113-legal-close,.v113-account-close,.v347-cookie-close,.v48-sitemap-head button,[data-v48-liquidation-close]{width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;border:1px solid #236079!important;background:#07151d!important;color:#fff!important;display:grid!important;place-items:center!important;padding:0!important;font:700 28px/1 Arial,sans-serif!important;cursor:pointer!important}

/* FAQ must fit inside viewport and scroll internally. */
.v40-faq-modal:not([hidden]){position:fixed!important;inset:0!important;z-index:500!important;padding:18px!important;overflow:hidden!important}
.v40-faq-dialog{width:min(1160px,calc(100vw - 36px))!important;max-height:calc(100dvh - 36px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;margin:auto!important}

/* Contact form: clean subject/message layout + inline legal link. */
#modal-contact .v13-modalbox{width:min(860px,calc(100vw - 36px))!important}
#modal-contact .v13-form textarea{min-height:190px!important;resize:vertical!important}
.v355-inline-legal{appearance:none;border:0;background:none;color:#43ddff;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:2px;padding:0;cursor:pointer}
.v13-form .check span{line-height:1.45}.v13-form .check em{font-style:normal;color:#718d9b}.v13-form .check b{color:#b7cbd5}

@media (max-width:900px){
  #modal-sitemap .v346-sitemap-grid{grid-template-columns:1fr!important}
  .v40-faq-modal:not([hidden]){padding:10px!important}
  .v40-faq-dialog{width:100%!important;max-height:calc(100dvh - 20px)!important}
}


/* SOURCE: v356-ui.css */
/* VOLIQA V356 — narrowly scoped desktop visual corrections.
   Mobile/tablet layout is intentionally untouched. */
@media (min-width:1201px){
  /* Restore social controls to the pre-V355 desktop size (V322/V354 reference). */
  .v13-footer .v306-social-grid{
    grid-template-columns:repeat(8,58px)!important;
    gap:12px!important;
    justify-content:flex-start!important;
  }
  .v13-footer .v306-social{
    grid-template-rows:52px auto!important;
    width:58px!important;
    max-width:58px!important;
    height:auto!important;
    min-width:58px!important;
    border-radius:0!important;
  }
  .v13-footer .v306-social svg{
    width:52px!important;
    height:52px!important;
    padding:11px!important;
    border-radius:12px!important;
  }

  /* Footer utilities keep their geometry; add the brighter outlined neon glow of social controls. */
  #footer-utility-row>.v306-footer-action{
    border-color:#27dcf6!important;
    box-shadow:
      0 0 10px rgba(39,220,246,.46),
      0 0 24px rgba(39,220,246,.22),
      inset 0 0 18px rgba(39,220,246,.10)!important;
  }
  #footer-utility-row>.v306-footer-action>.v306-footer-icon{
    box-shadow:
      0 0 10px rgba(39,220,246,.50),
      0 0 20px rgba(39,220,246,.22),
      inset 0 0 14px rgba(39,220,246,.12)!important;
  }

  /* HOW IT WORKS: preserve the menu design, only remove legacy text clipping. */
  #top .v48-menubar>a.menu-how.v244-header-btn{
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    padding-left:9px!important;
    padding-right:11px!important;
    overflow:visible!important;
  }
  #top .v48-menubar>a.menu-how.v244-header-btn>span:last-child{
    display:inline-block!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:unset!important;
    white-space:nowrap!important;
  }
}


/* SOURCE: v357-ui.css */
/* VOLIQA V357 — brand refresh + desktop footer proportion/glow + legal readability. */
.v357-brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0 0 18px}.v357-brand b{font-size:28px;line-height:1;color:#fff;letter-spacing:.12em}.v357-brand span{font-size:15px;font-weight:900;letter-spacing:.16em;color:#35ddff;text-shadow:0 0 14px rgba(53,221,255,.35)}.v357-brand em{font-size:13px;font-style:normal;color:#8fa8b5;margin-top:4px}
.v113-legal-pane h3{margin-bottom:6px}.v113-legal-pane p{line-height:1.65}.v113-legal-pane .eyebrow{color:#35ddff;font-weight:900;letter-spacing:.14em;margin-bottom:8px}
@media (min-width:1201px){
  /* Swap the vertical emphasis: social controls become the smaller row; utility controls become the larger row. */
  .v13-footer .v306-social-grid{grid-template-columns:repeat(8,68px)!important;gap:14px!important;justify-content:flex-start!important}
  .v13-footer .v306-social{width:68px!important;min-width:68px!important;height:68px!important;grid-template-rows:68px!important;border-radius:15px!important}
  .v13-footer .v306-social svg{width:68px!important;height:68px!important;padding:15px!important;border-radius:15px!important}
  #footer-utility-row>.v306-footer-action{min-height:92px!important;height:92px!important;padding:12px 20px!important;border:1.5px solid #2be1ff!important;border-radius:17px!important;box-shadow:0 0 7px rgba(43,225,255,.92),0 0 18px rgba(43,225,255,.62),0 0 34px rgba(43,225,255,.30),inset 0 0 18px rgba(43,225,255,.12)!important;filter:drop-shadow(0 0 7px rgba(43,225,255,.48))!important}
  #footer-utility-row>.v306-footer-action:hover{box-shadow:0 0 9px rgba(43,225,255,1),0 0 24px rgba(43,225,255,.78),0 0 42px rgba(43,225,255,.38),inset 0 0 22px rgba(43,225,255,.16)!important}
  #footer-utility-row>.v306-footer-action>.v306-footer-icon{width:62px!important;height:62px!important;min-width:62px!important;font-size:25px!important;border:1.5px solid #2be1ff!important;box-shadow:0 0 8px rgba(43,225,255,.88),0 0 20px rgba(43,225,255,.50),inset 0 0 16px rgba(43,225,255,.14)!important}
  #footer-utility-row>.v306-footer-action>span:last-child{font-size:12px!important}
}
@media (max-width:700px){.v357-brand b{font-size:23px}.v357-brand span{font-size:12px}.v357-brand em{font-size:12px}}


/* SOURCE: v358-ui.css */
/* VOLIQA V358 — final desktop footer button hierarchy.
   Scope: desktop footer controls only. No menu/layout changes. */
@media (min-width:1201px){
  /* Social controls remain dominant visually, but are only slightly smaller than utility controls. */
  .v13-footer .v306-social-grid{grid-template-columns:repeat(8,78px)!important;gap:16px!important;justify-content:flex-start!important}
  .v13-footer .v306-social{width:78px!important;max-width:78px!important;min-width:78px!important;height:auto!important;grid-template-rows:74px auto!important;background:none!important;border:0!important;box-shadow:none!important}
  .v13-footer .v306-social svg{width:74px!important;height:74px!important;padding:15px!important;border:1.5px solid currentColor!important;border-radius:16px!important}

  /* Utility controls are slightly larger; outline treatment mirrors social controls without hover animation. */
  #footer-utility-row>.v306-footer-action{min-height:82px!important;height:82px!important;padding:10px 18px!important;border:1.5px solid #35e3ff!important;border-radius:16px!important;box-shadow:0 0 10px rgba(53,227,255,.48),0 0 24px rgba(53,227,255,.24),inset 0 0 18px rgba(53,227,255,.15)!important;filter:none!important;transform:none!important;transition:none!important}
  #footer-utility-row>.v306-footer-action>.v306-footer-icon{width:56px!important;height:56px!important;min-width:56px!important;font-size:23px!important;border:1.5px solid #35e3ff!important;border-radius:13px!important;box-shadow:0 0 10px rgba(53,227,255,.48),0 0 24px rgba(53,227,255,.24),inset 0 0 18px rgba(53,227,255,.15)!important;filter:none!important;transform:none!important;transition:none!important}
  #footer-utility-row>.v306-footer-action>span:last-child{font-size:12px!important}
  #footer-utility-row>.v306-footer-action:hover,#footer-utility-row>.v306-footer-action:focus-visible{transform:none!important;filter:none!important;box-shadow:0 0 10px rgba(53,227,255,.48),0 0 24px rgba(53,227,255,.24),inset 0 0 18px rgba(53,227,255,.15)!important}
  #footer-utility-row>.v306-footer-action:hover>.v306-footer-icon,#footer-utility-row>.v306-footer-action:focus-visible>.v306-footer-icon{transform:none!important;filter:none!important;box-shadow:0 0 10px rgba(53,227,255,.48),0 0 24px rgba(53,227,255,.24),inset 0 0 18px rgba(53,227,255,.15)!important}
}


/* SOURCE: v361-ref-v319-v249-menu-restore.css */
/* VOLIQA V319 — restore V249 menu visual language without changing mobile geometry.
   Base: V318. Social buttons intentionally untouched. */

/* V249 semantic accents mapped onto the current V318 menu items. */
#top .menu-markets{--v319-accent:#35dfff!important}
#top .menu-how{--v319-accent:#38ef76!important}
#top .menu-proof{--v319-accent:#ffc52e!important}
#top .v255-roadmap-menu{--v319-accent:#9f83ff!important}
#top .v76-head-help{--v319-accent:#38ef76!important}
#top .v258-rewards-menu{--v319-accent:#d9b9ff!important}
#top .v302-lang-trigger{--v319-accent:#38e1ff!important}

/* DESKTOP: V249 compact header-button presentation. No content/function changes. */
@media (min-width:1201px){
  #top .v48-menubar{
    display:flex!important;grid-template-columns:none!important;align-items:center!important;
    justify-content:flex-end!important;gap:7px!important;width:100%!important;
  }
  #top .v48-menubar>.v244-header-btn,
  #top .v48-menubar>.v302-lang-menu>.v302-lang-trigger{
    width:auto!important;min-width:0!important;max-width:none!important;
    height:42px!important;min-height:42px!important;max-height:42px!important;
    margin:0!important;padding:0 9px!important;gap:7px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    border:1px solid var(--v319-accent,#38e1ff)!important;border-radius:8px!important;
    background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--v319-accent,#38e1ff) 15%,transparent),transparent 60%),linear-gradient(180deg,rgba(5,17,26,.98),rgba(2,9,15,.99))!important;
    color:var(--v319-accent,#38e1ff)!important;
    box-shadow:0 0 16px color-mix(in srgb,var(--v319-accent,#38e1ff) 18%,transparent),inset 0 0 18px color-mix(in srgb,var(--v319-accent,#38e1ff) 6%,transparent)!important;
    font-size:9px!important;font-weight:900!important;white-space:nowrap!important;text-shadow:0 0 7px color-mix(in srgb,var(--v319-accent,#38e1ff) 42%,transparent)!important;
  }
  #top .v48-menubar .v62-menu-icon,#top .v48-menubar .v150-head-tile,#top .v48-menubar .v80-helpmark{
    width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;flex:0 0 28px!important;
    border:1px solid currentColor!important;border-radius:8px!important;
    background:color-mix(in srgb,currentColor 9%,#031019)!important;color:currentColor!important;
    box-shadow:0 0 12px color-mix(in srgb,currentColor 30%,transparent),inset 0 0 9px color-mix(in srgb,currentColor 8%,transparent)!important;
  }
  #top .v302-lang-menu{width:auto!important;min-width:0!important;height:42px!important;min-height:42px!important;background:transparent!important;border:0!important;box-shadow:none!important}
  #top .v302-lang-menu>.v302-lang-trigger{width:118px!important;min-width:118px!important;max-width:118px!important;justify-content:flex-start!important;padding:0 6px!important}
  #top .v302-lang-list{top:calc(100% + 8px)!important;right:0!important;left:auto!important;min-width:170px!important;width:auto!important}

  /* V249 footer utility-button language; current five actions retained. */
  #footer-utility-row.voliqa-footer-utility-stack{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:100%!important}
  #footer-utility-row>.v306-footer-action{
    display:inline-flex!important;grid-template-columns:none!important;align-items:center!important;justify-content:center!important;gap:8px!important;
    width:auto!important;min-width:0!important;height:auto!important;min-height:36px!important;margin:0!important;padding:9px 12px!important;
    border:1px solid currentColor!important;border-radius:9px!important;background:#051720!important;
    color:#55dfff!important;box-shadow:0 0 16px color-mix(in srgb,currentColor 24%,transparent),inset 0 0 12px color-mix(in srgb,currentColor 6%,transparent)!important;
    font-size:9px!important;font-weight:900!important;text-shadow:0 0 8px currentColor!important;
  }
  #footer-utility-row>.v114-footer-contact{color:#37dcff!important}
  #footer-utility-row>.v252-footer-privacy{color:#d9b9ff!important}
  #footer-utility-row>.v252-footer-terms{color:#ffc52e!important}
  #footer-utility-row>.v306-footer-action>.v306-footer-icon{
    display:grid!important;place-items:center!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;margin:0!important;
    border:1px solid currentColor!important;border-radius:8px!important;background:color-mix(in srgb,currentColor 10%,#06131c)!important;color:inherit!important;
    box-shadow:0 0 10px color-mix(in srgb,currentColor 28%,transparent)!important;
  }
  #footer-utility-row>.v306-footer-action>span:last-child{margin:0!important;padding:0!important;color:inherit!important;font-size:9px!important;font-weight:900!important;line-height:1!important;text-align:left!important;white-space:nowrap!important;text-shadow:0 0 8px currentColor!important}
}

/* MOBILE/TABLET: COLOR ONLY. V318 geometry/layout remains authoritative. */
@media (max-width:1200px){
  #top .v48-menubar>.v244-header-btn,
  #top .v48-menubar>.v302-lang-menu>.v302-lang-trigger{
    border-color:var(--v319-accent,#38e1ff)!important;
    color:var(--v319-accent,#38e1ff)!important;
    background:radial-gradient(circle at 18% 50%,color-mix(in srgb,var(--v319-accent,#38e1ff) 9%,transparent),transparent 58%),linear-gradient(180deg,rgba(4,28,38,.98),rgba(2,17,24,.99))!important;
    box-shadow:0 0 14px color-mix(in srgb,var(--v319-accent,#38e1ff) 16%,transparent),inset 0 0 18px color-mix(in srgb,var(--v319-accent,#38e1ff) 5%,transparent)!important;
  }
  #top .v48-menubar .v62-menu-icon,#top .v48-menubar .v150-head-tile,#top .v48-menubar .v80-helpmark{
    border-color:currentColor!important;background:color-mix(in srgb,currentColor 9%,#031019)!important;color:currentColor!important;
    box-shadow:0 0 12px color-mix(in srgb,currentColor 30%,transparent),inset 0 0 9px color-mix(in srgb,currentColor 8%,transparent)!important;
  }
}


/* SOURCE: v361-ref-v321-desktop-menu-align.css */
/* VOLIQA V321 — DESKTOP ONLY alignment/geometry correction.
   Mobile/tablet and social buttons intentionally untouched. */
@media (min-width:1201px){
  /* Roadmap: match the left-aligned content of the other header buttons. */
  #top .v48-menubar>.v255-roadmap-menu{
    justify-content:flex-start!important;
  }

  /* Footer utilities: use the same compact button geometry as the desktop header,
     retaining each footer action's existing V319/V249 accent colour. */
  #footer-utility-row.voliqa-footer-utility-stack{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    width:100%!important;
    overflow:visible!important;
  }
  #footer-utility-row.voliqa-footer-utility-stack>.v306-footer-action{
    width:auto!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0 9px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    border-radius:8px!important;
  }
  #footer-utility-row.voliqa-footer-utility-stack>.v306-footer-action>.v306-footer-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    flex:0 0 28px!important;
    margin:0!important;
    border-radius:8px!important;
  }
  #footer-utility-row.voliqa-footer-utility-stack>.v306-footer-action>span:last-child{
    width:auto!important;
    margin:0!important;
    padding:0!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1!important;
    text-align:left!important;
    white-space:nowrap!important;
  }
}


/* SOURCE: v361-ref-v322-desktop-social-size.css */
/* VOLIQA V322 — desktop-only social size refinement. Mobile intentionally untouched. */
@media (min-width:1201px){
  .v306-social-grid{
    grid-template-columns:repeat(8,58px)!important;
    gap:12px!important;
  }
  .v306-social{
    grid-template-rows:52px auto!important;
    width:58px!important;
    max-width:58px!important;
    gap:6px!important;
  }
  .v306-social svg{
    width:52px!important;
    height:52px!important;
    padding:11px!important;
    border-radius:12px!important;
  }
  .v306-social-label{font-size:8.5px!important;}
}


/* SOURCE: v361-ref-v344-footer.css */
/* VOLIQA V344 — footer restored to the agreed V337 flow.
   Socials -> utility actions -> risk disclaimer -> copyright.
   No detached/floating utility window. */
.v13-footer .v36-footer-main{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;min-width:0!important}
.v13-footer .v151-footer-row-merged{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;position:static!important;inset:auto!important;transform:none!important;z-index:auto!important;overflow:visible!important}
.v13-footer .v306-social-grid{order:1!important;position:static!important;inset:auto!important;transform:none!important;z-index:auto!important}
.v13-footer #footer-utility-row.voliqa-footer-utility-stack{order:2!important;position:static!important;inset:auto!important;transform:none!important;z-index:auto!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.v13-footer .v151-footer-risk{order:3!important;position:static!important;margin:0!important}
.v13-footer .wrap.v13-footerin>small:last-child{position:static!important;transform:none!important;z-index:auto!important}
@media(max-width:900px){
 .v13-footer .v151-footer-row-merged{gap:14px!important}
}


/* SOURCE: v361-ref-v345-footer.css */
/* VOLIQA V345 — single footer flow.
   Desktop/mobile: social icons -> utility actions -> risk -> copyright.
   The utility actions are normal footer content, never a detached panel. */
.v13-footer .wrap.v13-footerin{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  align-items:start!important;
  gap:24px!important;
}
.v13-footer .v36-footer-main{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:18px!important;
  width:100%!important;
  min-width:0!important;
}
.v13-footer .v151-footer-row-merged{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:18px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  position:static!important;
}
.v13-footer .v306-social-grid{order:1!important;margin:0!important;position:static!important}
.v13-footer #footer-utility-row.voliqa-footer-utility-stack{
  order:2!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  z-index:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  width:min(100%,920px)!important;
}
.v13-footer .v151-footer-risk{order:3!important;margin:0!important;position:static!important}
.v13-footer .v345-footer-copyright{
  display:block!important;
  position:static!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  justify-self:auto!important;
  text-align:left!important;
  color:#738b97!important;
  font-size:10px!important;
  white-space:nowrap!important;
}
@media(max-width:900px){
  .v13-footer .wrap.v13-footerin{grid-template-columns:1fr!important;gap:14px!important}
  .v13-footer .v36-footer-main,.v13-footer .v151-footer-row-merged{align-items:stretch!important}
  .v13-footer #footer-utility-row.voliqa-footer-utility-stack{width:100%!important}
}


/* SOURCE: v362-footer-social-size.css */
/* VOLIQA V362 — desktop footer social sizing only.
   Utility buttons are intentionally untouched.
   Desktop utility height is 42px; social visual button is 38px (~9.5% smaller). */
@media (min-width:1201px){
  .v13-footer .v306-social-grid{
    grid-template-columns:repeat(8,42px)!important;
    gap:12px!important;
    justify-content:flex-start!important;
  }
  .v13-footer .v306-social{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:auto!important;
    grid-template-rows:38px auto!important;
    gap:5px!important;
  }
  .v13-footer .v306-social svg{
    box-sizing:border-box!important;
    width:38px!important;
    height:38px!important;
    padding:8px!important;
    border-radius:9px!important;
  }
  .v13-footer .v306-social-label{font-size:8px!important;}
}


/* SOURCE: v363-header-align.css */
/* VOLIQA V363 — DESKTOP HEADER ALIGNMENT ONLY.
   Footer is intentionally untouched and V362 footer sizing remains authoritative. */
@media (min-width:1201px){
  #top .wrap.v53-headerrow{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  #top .v48-logo{
    flex:0 0 auto!important;
  }
  #top .v128-menu-cluster{
    flex:0 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    margin-left:12px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  #top .v48-menubar{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
  }
}


/* SOURCE: v364-ui.css */
/* VOLIQA V364 — hero cleanup + ABOUT menu/modal. Footer intentionally untouched. */
@media (min-width: 901px){
  .v364-about-menu{border-color:#ff4fd8!important;color:#ff74df!important;box-shadow:0 0 18px rgba(255,79,216,.12)!important}
  .v364-about-menu .v364-about-icon{border:1px solid #ff4fd8;color:#ff74df;box-shadow:inset 0 0 12px rgba(255,79,216,.12);}
}
.v364-about-menu{cursor:pointer}
.v364-about-icon{display:inline-flex;align-items:center;justify-content:center}
.v253-home .v253-hero-head h1{margin-top:0}
.v253-home .v253-hero-head h1 .v364-market-pattern{display:block;color:#fff}
.v364-about-modal[hidden]{display:none!important}
.v364-about-modal{position:fixed;inset:0;z-index:10080;background:rgba(0,5,10,.82);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px}
.v364-about-dialog{position:relative;width:min(760px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 48px));overflow:auto;background:linear-gradient(145deg,#06131b,#02080d);border:1px solid #ff4fd8;border-radius:18px;box-shadow:0 0 34px rgba(255,79,216,.16),0 0 70px rgba(30,220,255,.08);padding:30px}
.v364-about-dialog small{display:block;color:#ff74df;font-weight:900;letter-spacing:.18em;margin-bottom:8px}.v364-about-dialog h2{margin:0 44px 18px 0;color:#fff;font-size:30px;letter-spacing:.04em}.v364-about-dialog p{color:#9fb9c7;line-height:1.75;font-size:16px;margin:0}.v364-about-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:1px solid #ff4fd8;border-radius:10px;background:#071018;color:#ff74df;font-size:24px;line-height:1;cursor:pointer}
html.v364-modal-open,html.v364-modal-open body{overflow:hidden}
@media(max-width:900px){.v364-about-dialog{padding:24px 20px}.v364-about-dialog h2{font-size:25px}.v364-about-dialog p{font-size:15px}}



/* VOLIQA V365 — requested visual refinements; footer intentionally untouched. */
.v253-home .v253-hero-head h1 .v364-market-pattern{
  display:block;
  color:#ff55d8;
  background:linear-gradient(90deg,#ff55d8 0%,#b66cff 38%,#667dff 68%,#25d9f5 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.v364-about-close{
  border-color:#ff4fd8!important;color:#ff4fd8!important;background:#071018!important;
  box-shadow:0 0 16px rgba(255,79,216,.16),inset 0 0 10px rgba(255,79,216,.08)!important;
}
.v364-about-close:hover,.v364-about-close:focus-visible{
  border-color:#ff4fd8!important;color:#ff4fd8!important;background:#071018!important;transform:none!important;
}


/* VOLIQA V366 — ABOUT refresh, hero gradient, menu book icon. Footer intentionally untouched. */
@media (min-width:901px){
  .v364-about-menu{border-color:#ff4fd8!important;color:#ff74df!important;box-shadow:0 0 18px rgba(255,79,216,.12)!important}
  .v364-about-menu .v364-about-icon{border-color:#ff4fd8!important;color:#ff74df!important;box-shadow:inset 0 0 12px rgba(255,79,216,.12)!important}
}
.v364-about-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v253-home .v253-hero-head h1 .v366-find-pump{display:inline-block;background:linear-gradient(90deg,#ff4fd8 0%,#b95cff 34%,#6f70ff 68%,#38bdf8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.v364-about-dialog{width:min(900px,calc(100vw - 32px));}
.v364-about-dialog .v364-about-close{position:absolute!important;right:16px!important;top:16px!important;margin:0!important;border-color:#ff4fd8!important;color:#ff8be6!important;box-shadow:0 0 18px rgba(255,79,216,.20)!important;background:#07151d!important}
.v366-about-content{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.v366-about-content section{border:1px solid rgba(255,79,216,.22);border-radius:14px;padding:16px 17px;background:linear-gradient(145deg,rgba(255,79,216,.035),rgba(56,189,248,.025))}
.v366-about-content h3{margin:0 0 8px;color:#eefaff;font-size:13px;letter-spacing:.12em}
.v366-about-content p{margin:0!important;color:#9fb9c7!important;font-size:14px!important;line-height:1.6!important}
.v366-about-content .v366-about-warning{grid-column:1/-1;border-color:rgba(56,189,248,.30)}
@media(max-width:700px){.v366-about-content{grid-template-columns:1fr}.v366-about-content .v366-about-warning{grid-column:auto}.v364-about-dialog{width:min(100%,calc(100vw - 20px))}}

/* VOLIQA V367 — mobile tables, modal viewport safety, roadmap refresh. Footer intentionally untouched. */
/* FIND THE PUMP uses a deliberately different pastel family from the magenta/blue and cyan/green hero lines. */
.v253-home .v253-hero-head h1 .v366-find-pump{
  background:linear-gradient(90deg,#ffd08a 0%,#ffb7c9 32%,#d7b8ff 66%,#9edcff 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;
}
.v318-scanner-roadmap-flow em{color:#fff!important;text-decoration:none!important}
.v367-roadmap-flow{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:1100px){.v367-roadmap-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.v367-roadmap-flow{grid-template-columns:1fr!important}}

/* Phone tables: all columns fit the viewport; no sideways scrolling required. */
@media(max-width:760px){
 .v256-table,.v256-results-shell,.v282-pattern-table,.v339-move-table,.v341-case-study-table{overflow-x:hidden!important;max-width:100%!important}
 .v256-table .v253-row{min-width:0!important;width:100%!important;grid-template-columns:.78fr .9fr .9fr 1.15fr!important;gap:4px!important;padding:0 7px!important}
 .v256-table .v253-row>*{min-width:0!important;font-size:8.5px!important;white-space:normal!important;overflow-wrap:anywhere!important}
 .v256-results-head,.v256-result-row,#v256ResultsRows>*{min-width:0!important;width:100%!important;grid-template-columns:.72fr .82fr .82fr 1.05fr 1fr!important;gap:3px!important;padding-left:6px!important;padding-right:6px!important}
 .v256-results-head>*,.v256-result-row>*{min-width:0!important;font-size:7.5px!important;white-space:normal!important;overflow-wrap:anywhere!important}
 .v341-case-row{min-width:0!important;width:100%!important;grid-template-columns:.72fr .72fr .85fr 1.35fr!important;gap:4px!important;padding:0 7px!important}
 .v341-case-row>*{min-width:0!important;font-size:8px!important;white-space:normal!important;overflow-wrap:anywhere!important}
 .v341-table-badge,.v282-pattern-table .vx-badge{white-space:normal!important;padding:4px 5px!important;font-size:7px!important;letter-spacing:.02em!important;text-align:center!important}
 .v282-pattern-table table{min-width:0!important;width:100%!important;table-layout:fixed!important}
 .v282-pattern-table th,.v282-pattern-table td{padding:7px 2px!important;font-size:6.7px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important}
 .v282-pattern-table th:first-child,.v282-pattern-table td:first-child{width:12%!important;text-align:left!important}
 .v339-move-table .v253-row{min-width:0!important;width:100%!important;grid-template-columns:.8fr 1.45fr .8fr .8fr!important;gap:4px!important;padding:0 7px!important}
 .v339-move-table .v253-row>*{min-width:0!important;font-size:7.5px!important;white-space:normal!important;overflow-wrap:anywhere!important}
}

/* Every popup must start inside the mobile viewport with its close control reachable. */
@media(max-width:760px){
 .v364-about-modal:not([hidden]),.v40-faq-modal:not([hidden]),.v48-sitemap-modal:not([hidden]),.v48-case-modal:not([hidden]),.v81-ai-modal:not([hidden]),.v339-analysis-modal:not([hidden]),#v347-cookie-modal:not([hidden]),.v113-legal-modal.is-open,.v13-modal.is-open,.v13-modal[aria-hidden="false"]{
   position:fixed!important;inset:0!important;top:0!important;bottom:0!important;height:100dvh!important;max-height:100dvh!important;padding:max(10px,env(safe-area-inset-top)) 8px max(10px,env(safe-area-inset-bottom))!important;align-items:flex-start!important;justify-content:center!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:30000!important;box-sizing:border-box!important;
 }
 .v364-about-dialog,.v40-faq-dialog,.v48-sitemap-dialog,.v48-case-dialog,.v81-ai-dialog,.v339-analysis-dialog,#v347-cookie-modal .v347-cookie-dialog,.v113-legal-dialog,.v13-modalbox{
   width:100%!important;max-width:100%!important;max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;margin:0 auto!important;overflow-y:auto!important;box-sizing:border-box!important;
 }
 .v364-about-close,.v40-faq-close,[data-v48-sitemap-close],.v48-case-close,.v339-analysis-close,#v347-cookie-modal .v347-cookie-close,.v113-legal-close{
   position:sticky!important;top:0!important;float:right!important;z-index:5!important;flex:0 0 auto!important;
 }
}

/* VOLIQA V368 — simplified product roadmap + mobile table density. Footer untouched. */
.v368-pipeline-label{display:block;color:#54dcff;font-weight:900;letter-spacing:.16em;margin-bottom:8px}
.v368-product-roadmap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px}
.v368-product-roadmap span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 12px;border:1px solid rgba(70,213,255,.34);border-radius:10px;background:rgba(6,18,27,.72);color:#dff8ff;font-size:10px;font-weight:900;letter-spacing:.055em;text-align:center;line-height:1.25}
.v368-product-roadmap b{color:#55ddff;font-size:15px}
.v341-table-badge.is-watch{border-color:rgba(255,183,110,.58)!important;background:rgba(255,183,110,.08)!important;color:#ffc67f!important}
.v341-table-badge.is-research{border-color:rgba(77,221,255,.48)!important;background:rgba(77,221,255,.07)!important;color:#62e5ff!important}
.v368-phase-badge{display:inline-flex!important;max-width:100%;white-space:normal!important;text-align:center!important;overflow-wrap:anywhere!important}
@media(max-width:760px){
  /* Product roadmap: one clean vertical progression on phones. */
  .v368-product-roadmap{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;margin-top:10px!important}
  .v368-product-roadmap span{width:100%!important;min-height:34px!important;padding:6px 8px!important;font-size:8.5px!important;box-sizing:border-box!important}
  .v368-product-roadmap b{align-self:center!important;line-height:1!important;transform:rotate(90deg);font-size:11px!important;margin:0!important}

  /* Dense mobile sections: recover space without touching desktop or footer. */
  .v272-public-pattern,.v291-move,.v303-move,.v339-move{padding-left:7px!important;padding-right:7px!important;margin-left:0!important;margin-right:0!important}
  .v272-public-pattern .v254-section-head,.v339-move .v291-move-top{margin-bottom:8px!important}
  .v342-summary{gap:4px!important;margin:8px 0!important}
  .v342-summary>div{padding:6px 4px!important;min-height:0!important}
  .v341-case-study-block,.v282-pattern-table,.v339-move-table{margin-top:7px!important;margin-bottom:7px!important}
  .v341-case-row,.v339-move-table .v253-row{min-height:42px!important;padding-top:4px!important;padding-bottom:4px!important}
  .v341-case-row b,.v339-move-table .v253-row>b{font-size:7.5px!important;line-height:1.05!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  .v341-table-badge{max-width:100%!important;min-height:22px!important;padding:3px 3px!important;font-size:6.7px!important;line-height:1.05!important;letter-spacing:0!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  .v339-analysis-btn{padding:5px 3px!important;min-width:0!important;font-size:7px!important;letter-spacing:0!important}
  .v368-click-here{display:none!important}

  /* Pattern lifecycle pills stack vertically on mobile. */
  .v272-public-flow{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;margin:8px 0!important}
  .v272-public-flow b{width:100%!important;box-sizing:border-box!important;text-align:center!important;margin:0!important;padding:5px 6px!important;min-height:0!important}
  .v272-public-flow i{align-self:center!important;transform:rotate(90deg)!important;line-height:1!important;margin:0!important;font-size:9px!important}

  /* Most Important Move: PHASE uses the same badge geometry as STATUS. */
  .v339-move-table .v368-phase-badge,.v339-move-table .v253-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:24px!important;padding:3px!important;border-radius:7px!important;box-sizing:border-box!important;font-size:6.5px!important;line-height:1.05!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:anywhere!important}

  /* Live Pattern Lab table: squeeze gutters and allow long symbols/labels to wrap. */
  .v282-pattern-table{padding:0!important}
  .v282-pattern-table th,.v282-pattern-table td{padding:5px 1px!important;font-size:6.3px!important;line-height:1.08!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  .v282-pattern-table td:first-child b{font-size:6.5px!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  .v282-pattern-note,.v253-disclaimer,.v303-move-intro{margin:7px 0!important;font-size:8px!important;line-height:1.35!important}
}

/* VOLIQA V369 — mobile table fit pass. Footer and desktop footer geometry intentionally untouched. */
@media(max-width:760px){
  /* Use almost the full phone viewport for data-heavy cards. */
  .v272-public-pattern,.v291-move.v339-move,.v253-scanner-shell,.v256-results{
    width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;
    margin-left:calc(50% - 50vw + 6px)!important;margin-right:0!important;
    padding-left:6px!important;padding-right:6px!important;box-sizing:border-box!important;
  }

  /* Most Important Move: give STATUS enough width for RESEARCH without splitting it. */
  .v339-move-table .v253-row{
    grid-template-columns:.82fr 1.62fr 1.05fr .72fr!important;
    gap:3px!important;padding-left:5px!important;padding-right:5px!important;
  }
  .v339-move-table .v253-row>b{font-size:7.2px!important}
  .v339-move-table .v253-status{
    font-size:6.1px!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;
    padding-left:2px!important;padding-right:2px!important;
  }
  .v339-move-table .v368-phase-badge{font-size:6px!important}
  .v339-move-table .v339-analysis-btn{font-size:6.6px!important;padding:5px 2px!important}

  /* Pattern Lab research registry: RESEARCH is a single readable pill. */
  .v341-case-row{grid-template-columns:.78fr .66fr .92fr 1.34fr!important;gap:3px!important;padding-left:5px!important;padding-right:5px!important}
  .v341-case-row .is-research{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;font-size:6.3px!important;padding-left:2px!important;padding-right:2px!important}

  /* Live numeric table: retain all nine columns in-view and reserve more room for long pair/phase values. */
  .v282-pattern-table table{width:100%!important;min-width:0!important;table-layout:fixed!important}
  .v282-pattern-table th,.v282-pattern-table td{padding:5px 1px!important;font-size:6px!important;line-height:1.08!important}
  .v282-pattern-table th:nth-child(1),.v282-pattern-table td:nth-child(1){width:14%!important;text-align:left!important}
  .v282-pattern-table th:nth-child(2),.v282-pattern-table td:nth-child(2){width:10%!important}
  .v282-pattern-table th:nth-child(3),.v282-pattern-table td:nth-child(3){width:8%!important}
  .v282-pattern-table th:nth-child(4),.v282-pattern-table td:nth-child(4){width:11%!important}
  .v282-pattern-table th:nth-child(5),.v282-pattern-table td:nth-child(5){width:7%!important}
  .v282-pattern-table th:nth-child(6),.v282-pattern-table td:nth-child(6){width:9%!important}
  .v282-pattern-table th:nth-child(7),.v282-pattern-table td:nth-child(7){width:9%!important}
  .v282-pattern-table th:nth-child(8),.v282-pattern-table td:nth-child(8){width:9%!important}
  .v282-pattern-table th:nth-child(9),.v282-pattern-table td:nth-child(9){width:23%!important}
  .v282-pattern-table td:first-child b{font-size:6.2px!important;word-break:normal!important;overflow-wrap:anywhere!important}
  .v282-pattern-table .vx-badge{width:100%!important;box-sizing:border-box!important;font-size:5.8px!important;line-height:1.02!important;padding:4px 1px!important;white-space:normal!important;overflow-wrap:anywhere!important}
}

/* VOLIQA V370 — restore compact mobile action label exactly as requested. */
@media (max-width:900px){
  .v339-analysis-btn .v368-click-here{display:none!important;visibility:hidden!important;width:0!important;max-width:0!important;overflow:hidden!important}
  .v339-analysis-btn{white-space:nowrap!important}
}

/* VOLIQA V378 — mobile typography + pill geometry normalization. Footer untouched. */
@media (max-width:760px){
  /* One mobile pair-name scale across the public data tables. */
  .v256-result-row>strong:first-child,
  .v339-move-table .v253-row>b:first-child,
  .v341-case-row>b:first-child,
  .v282-pattern-table td:first-child b{
    font-size:10px!important;
    line-height:1.08!important;
    font-weight:900!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    letter-spacing:0!important;
  }

  /* RESULTS: use the available width instead of shrinking the pair names. */
  .v256-results-head,.v256-result-row,#v256ResultsRows>*{
    grid-template-columns:16% 16% 18% 25% 25%!important;
    gap:0!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .v256-result-row .v253-status,
  .v256-result-row>span:last-child{
    min-height:36px!important;
    height:36px!important;
    max-height:36px!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:4px 6px!important;
    line-height:1.08!important;
  }
  .v256-result-row .v253-status{font-size:7.4px!important}
  .v256-result-row>span:last-child{font-size:7.4px!important}

  /* Keep badge/pill vertical geometry consistent in the other mobile tables too. */
  .v339-move-table .v368-phase-badge,
  .v339-move-table .v253-status,
  .v341-case-row .v341-table-badge,
  .v341-case-row .v339-analysis-btn{
    min-height:30px!important;
    height:30px!important;
    max-height:30px!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:center!important;
  }
}