/* JUNIQ V338 — THIS DEVICE + BROWSER-GUIDED INSTALLER */

.juniq-v338-install-dialog[hidden]{display:none!important}
.juniq-v338-install-dialog{
  position:fixed!important;inset:0!important;z-index:2147483100!important;
  display:grid!important;place-items:center!important;padding:12px!important;
  background:rgba(2,11,34,.84)!important;
  backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;
  box-sizing:border-box!important;
}
.juniq-v338-install-card{
  position:relative!important;width:min(720px,100%)!important;max-height:calc(100dvh - 24px)!important;
  overflow:auto!important;overscroll-behavior:contain!important;box-sizing:border-box!important;
  padding:20px!important;border:1px solid rgba(245,184,46,.72)!important;border-radius:20px!important;
  background:#020B22!important;background-image:linear-gradient(180deg,#041332 0%,#020B22 100%)!important;
  color:#FFFFFF!important;box-shadow:0 26px 80px rgba(0,0,0,.46)!important;
  scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.42) transparent!important;
}
.juniq-v338-install-card *{box-sizing:border-box!important}
.juniq-v338-install-card button{font-family:Arial,Helvetica,sans-serif!important}

.juniq-v338-close{
  position:absolute!important;right:14px!important;top:14px!important;width:40px!important;height:40px!important;
  display:grid!important;place-items:center!important;margin:0!important;padding:0!important;
  border:1px solid #4B79FF!important;border-radius:11px!important;background:#2259FD!important;
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;font-size:25px!important;font-weight:800!important;line-height:1!important;cursor:pointer!important;
}
.juniq-v338-title-block{padding-right:50px!important;margin-bottom:12px!important}
.juniq-v338-gold{color:#249BFE!important;-webkit-text-fill-color:#249BFE!important}
.juniq-v338-soft-gold{color:#249BFE!important;-webkit-text-fill-color:#249BFE!important;font-weight:800!important}
.juniq-v338-eyebrow{
  display:block!important;margin:0 0 5px!important;color:#249BFE!important;-webkit-text-fill-color:#249BFE!important;
  font:900 9.5px/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:.15em!important;text-transform:uppercase!important;
}
.juniq-v338-title-block h2{
  margin:0 0 6px!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:900 clamp(29px,4.8vw,40px)/1.03 Arial,Helvetica,sans-serif!important;letter-spacing:-.035em!important;
}
.juniq-v338-title-block h2 span{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
.juniq-v338-title-block h2 .juniq-v338-gold{color:#249BFE!important;-webkit-text-fill-color:#249BFE!important}
.juniq-v338-title-block p{
  margin:0!important;max-width:620px!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:600 13px/1.4 Arial,Helvetica,sans-serif!important;opacity:.92!important;
}
.juniq-v338-title-block p .juniq-v338-soft-gold{color:#249BFE!important;-webkit-text-fill-color:#249BFE!important}

.juniq-v338-detected{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"label action" "device action" "browser action"!important;
  column-gap:16px!important;row-gap:2px!important;align-items:center!important;
  margin:0 0 10px!important;padding:13px 14px!important;
  border:1px solid #4DA6FF!important;border-radius:14px!important;background:#071B44!important;
}
.juniq-v338-detected-label{
  grid-area:label!important;color:#249BFE!important;-webkit-text-fill-color:#249BFE!important;
  font:900 9px/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:.14em!important;
}
.juniq-v338-device-name{
  grid-area:device!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:900 19px/1.15 Arial,Helvetica,sans-serif!important;
}
.juniq-v338-browser-name{
  grid-area:browser!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:650 11px/1.3 Arial,Helvetica,sans-serif!important;opacity:.82!important;
}
.juniq-v338-primary{
  grid-area:action!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-width:205px!important;min-height:44px!important;margin:0!important;padding:8px 14px!important;
  border:1px solid #4B79FF!important;border-radius:10px!important;background:#2259FD!important;
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;cursor:pointer!important;box-shadow:none!important;
}
.juniq-v338-primary *{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
.juniq-v338-primary b{font:900 12.5px/1.1 Arial,Helvetica,sans-serif!important}
.juniq-v338-primary:disabled{opacity:.68!important;cursor:default!important}

.juniq-v338-status{
  margin:0 0 9px!important;padding:8px 10px!important;border:1px solid rgba(245,184,46,.5)!important;border-radius:9px!important;
  background:#071B44!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:700 10.5px/1.35 Arial,Helvetica,sans-serif!important;
}

.juniq-v338-guide{
  margin:0 0 12px!important;padding:13px 14px!important;border:1px solid rgba(245,184,46,.7)!important;border-radius:13px!important;
  background:#071B44!important;color:#FFFFFF!important;outline:none!important;
}
.juniq-v338-guide-head{display:grid!important;gap:3px!important;margin-bottom:8px!important}
.juniq-v338-route{
  color:#249BFE!important;-webkit-text-fill-color:#249BFE!important;
  font:900 9px/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:.1em!important;text-transform:uppercase!important;
}
.juniq-v338-guide h3{
  margin:0!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:900 19px/1.15 Arial,Helvetica,sans-serif!important;
}
.juniq-v338-guide ol{
  margin:0!important;padding-left:22px!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
}
.juniq-v338-guide li{
  margin:0 0 6px!important;padding-left:3px!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:700 11.5px/1.42 Arial,Helvetica,sans-serif!important;
}
.juniq-v338-guide li::marker{color:#249BFE!important;font-weight:900!important}
.juniq-v338-guide-note{
  margin:8px 0 0!important;padding-top:8px!important;border-top:1px solid rgba(245,184,46,.25)!important;
  color:#249BFE!important;-webkit-text-fill-color:#249BFE!important;
  font:750 9.8px/1.4 Arial,Helvetica,sans-serif!important;
}

.juniq-v338-other-heading{
  display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;margin:0 0 7px!important;
}
.juniq-v338-other-heading b{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;font:900 13px/1.2 Arial,Helvetica,sans-serif!important;
}
.juniq-v338-other-heading span{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;font:600 9.5px/1.3 Arial,Helvetica,sans-serif!important;opacity:.7!important;
}

.juniq-v338-device-tabs{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0!important;
}
.juniq-v338-device-tab{
  position:relative!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:9px!important;align-items:center!important;
  min-height:64px!important;margin:0!important;padding:9px 10px!important;border:1px solid #4B79FF!important;border-radius:11px!important;
  background:#2259FD!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important;
}
.juniq-v338-device-tab *{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
.juniq-v338-device-icon{
  display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:7px!important;background:rgba(255,255,255,.12)!important;
  font:900 16px/1 Arial,Helvetica,sans-serif!important;
}
.juniq-v338-device-copy{display:grid!important;gap:2px!important;min-width:0!important}
.juniq-v338-device-copy b{font:900 12px/1.15 Arial,Helvetica,sans-serif!important}
.juniq-v338-device-copy small{font:650 8.8px/1.3 Arial,Helvetica,sans-serif!important;opacity:.84!important}
.juniq-v338-device-arrow{font:900 16px/1 Arial,Helvetica,sans-serif!important}
.juniq-v338-device-badge{
  position:absolute!important;right:7px!important;top:6px!important;padding:3px 5px!important;border-radius:999px!important;
  background:#4DA6FF!important;color:#000000!important;-webkit-text-fill-color:#000000!important;
  font:900 7px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.04em!important;
}
.juniq-v338-device-badge[hidden]{display:none!important}
.juniq-v338-device-tab[data-current-device] .juniq-v338-device-arrow{margin-top:16px!important}
.juniq-v338-device-tab.is-selected{
  background:#4DA6FF!important;border-color:#249BFE!important;color:#000000!important;-webkit-text-fill-color:#000000!important;
}
.juniq-v338-device-tab.is-selected *{color:#000000!important;-webkit-text-fill-color:#000000!important}
.juniq-v338-device-tab.is-selected .juniq-v338-device-icon{background:rgba(0,0,0,.08)!important}
.juniq-v338-device-tab.is-selected .juniq-v338-device-badge{
  background:#020B22!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
}

.juniq-v338-secondary{
  display:flex!important;justify-content:flex-end!important;gap:7px!important;margin:9px 0 0!important;
}
.juniq-v338-secondary button{
  min-height:32px!important;margin:0!important;padding:6px 10px!important;border:1px solid rgba(245,184,46,.6)!important;border-radius:8px!important;
  background:#020B22!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;font:800 9.5px/1 Arial,Helvetica,sans-serif!important;cursor:pointer!important;
}
.juniq-v338-secondary button *{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
.juniq-v338-footnote{
  margin:7px 0 0!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:600 9px/1.3 Arial,Helvetica,sans-serif!important;opacity:.68!important;text-align:right!important;
}

@media(max-width:700px){
  .juniq-v338-install-dialog{padding:7px!important;place-items:stretch!important}
  .juniq-v338-install-card{width:100%!important;max-height:calc(100dvh - 14px)!important;margin:auto!important;padding:16px 13px!important;border-radius:17px!important}
  .juniq-v338-close{right:11px!important;top:11px!important;width:37px!important;height:37px!important}
  .juniq-v338-title-block{padding-right:45px!important}
  .juniq-v338-title-block h2{font-size:30px!important}
  .juniq-v338-detected{
    grid-template-columns:1fr!important;grid-template-areas:"label" "device" "browser" "action"!important;gap:3px!important;
  }
  .juniq-v338-primary{width:100%!important;min-width:0!important;margin-top:8px!important}
  .juniq-v338-other-heading{display:grid!important;gap:2px!important}
  .juniq-v338-device-tabs{grid-template-columns:1fr!important}
  .juniq-v338-device-tab{min-height:61px!important}
  .juniq-v338-secondary{justify-content:stretch!important}
  .juniq-v338-secondary button{flex:1!important}
  .juniq-v338-footnote{text-align:left!important}
}
@media(prefers-reduced-motion:reduce){
  .juniq-v338-install-card,.juniq-v338-install-card *{scroll-behavior:auto!important;transition:none!important}
}


/* JUNIQ V351 — DOWNLOAD / INSTALL TYPOGRAPHY + CLARITY ONLY.
   Same sleek Arial/Helvetica hero treatment, premium white + premium gold.
   Device detection and installation behaviour are unchanged. */
.juniq-v338-install-card,
.juniq-v338-install-card *{
  font-family:Arial,Helvetica,sans-serif!important;
}
.juniq-v338-install-card{
  border-color:rgba(245,184,46,.72)!important;
  background:#020B22!important;
  background-image:linear-gradient(180deg,#041332 0%,#020B22 100%)!important;
}
.juniq-v338-eyebrow{
  color:#249BFE!important;-webkit-text-fill-color:#249BFE!important;
  font:600 10px/1.25 Arial,Helvetica,sans-serif!important;
  letter-spacing:.14em!important;
}
.juniq-v338-title-block h2{
  margin:0 0 9px!important;
  font:500 clamp(31px,4.8vw,42px)/1.04 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.028em!important;
}
.juniq-v338-title-block h2 span{font-weight:500!important}
.juniq-v338-title-block h2 .juniq-v338-gold{
  color:#249BFE!important;-webkit-text-fill-color:#249BFE!important;font-weight:500!important;
}
.juniq-v338-title-block p{
  max-width:650px!important;
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:500 14px/1.45 Arial,Helvetica,sans-serif!important;
  opacity:1!important;
}
.juniq-v338-soft-gold{
  color:#249BFE!important;-webkit-text-fill-color:#249BFE!important;
  font-weight:600!important;
}
.juniq-v338-detected{
  padding:15px 16px!important;
  background:#071B44!important;
}
.juniq-v338-detected-label{
  color:#249BFE!important;-webkit-text-fill-color:#249BFE!important;
  font:600 9.5px/1.2 Arial,Helvetica,sans-serif!important;
  letter-spacing:.13em!important;
}
.juniq-v338-device-name{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:500 21px/1.16 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.012em!important;
}
.juniq-v338-browser-name{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:500 11.5px/1.35 Arial,Helvetica,sans-serif!important;
  opacity:.88!important;
}
.juniq-v338-primary b{
  font:600 13px/1.15 Arial,Helvetica,sans-serif!important;
}
.juniq-v338-status{
  font:500 11px/1.4 Arial,Helvetica,sans-serif!important;
}
.juniq-v338-guide{
  padding:15px 16px!important;
}
.juniq-v338-guide-head{
  gap:5px!important;
  margin-bottom:11px!important;
}
.juniq-v338-route{
  color:#249BFE!important;-webkit-text-fill-color:#249BFE!important;
  font:600 9.5px/1.25 Arial,Helvetica,sans-serif!important;
  letter-spacing:.11em!important;
}
.juniq-v338-guide h3{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:500 21px/1.18 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.012em!important;
}
.juniq-v338-guide ol{
  padding-left:24px!important;
}
.juniq-v338-guide li{
  margin:0 0 8px!important;
  padding-left:4px!important;
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:500 12px/1.45 Arial,Helvetica,sans-serif!important;
}
.juniq-v338-guide li::marker{
  color:#249BFE!important;
  font-weight:600!important;
}
.juniq-v338-guide-note{
  margin-top:10px!important;
  padding-top:10px!important;
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:500 10.5px/1.45 Arial,Helvetica,sans-serif!important;
  opacity:.88!important;
}
.juniq-v338-other-heading b{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:500 14px/1.25 Arial,Helvetica,sans-serif!important;
}
.juniq-v338-other-heading span{
  color:#249BFE!important;-webkit-text-fill-color:#249BFE!important;
  font:500 10px/1.3 Arial,Helvetica,sans-serif!important;
  opacity:1!important;
}
.juniq-v338-device-copy b{
  font:600 12px/1.2 Arial,Helvetica,sans-serif!important;
}
.juniq-v338-device-copy small{
  font:500 9px/1.35 Arial,Helvetica,sans-serif!important;
}
.juniq-v338-device-arrow{
  font:600 16px/1 Arial,Helvetica,sans-serif!important;
}
.juniq-v338-device-badge{
  font:600 7px/1 Arial,Helvetica,sans-serif!important;
}
.juniq-v338-secondary button{
  font:500 10px/1 Arial,Helvetica,sans-serif!important;
}
.juniq-v338-footnote{
  font:500 9.5px/1.35 Arial,Helvetica,sans-serif!important;
}
.juniq-v338-close{
  font-weight:600!important;
}
@media(max-width:700px){
  .juniq-v338-title-block h2{font-size:31px!important}
  .juniq-v338-title-block p{font-size:13px!important}
  .juniq-v338-device-name{font-size:19px!important}
  .juniq-v338-guide h3{font-size:19px!important}
  .juniq-v338-guide li{font-size:11.5px!important}
}