/* ProBase Trading · estilos de la home (index.php) */

/* ProBase Trading · tipografías alojadas en el propio servidor (sin depender de Google Fonts)
   Hanken Grotesk: titulares · IBM Plex Sans: textos · IBM Plex Mono: datos y cifras
   Instrument Serif: acentos editoriales · Poppins: logotipo */
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(../../fonts/hanken-grotesk-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(../../fonts/hanken-grotesk-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/hanken-grotesk-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/hanken-grotesk-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/hanken-grotesk-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/hanken-grotesk-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:300;font-display:swap;src:url(../../fonts/ibm-plex-sans-latin-300-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:300;font-display:swap;src:url(../../fonts/ibm-plex-sans-latin-ext-300-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/ibm-plex-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url(../../fonts/ibm-plex-sans-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url(../../fonts/ibm-plex-sans-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/ibm-plex-sans-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/ibm-plex-sans-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/ibm-plex-sans-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:italic;font-weight:400;font-display:swap;src:url(../../fonts/ibm-plex-sans-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:italic;font-weight:400;font-display:swap;src:url(../../fonts/ibm-plex-sans-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../../fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../../fonts/ibm-plex-mono-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/ibm-plex-mono-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/ibm-plex-mono-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/instrument-serif-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/instrument-serif-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(../../fonts/instrument-serif-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(../../fonts/instrument-serif-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(../../fonts/poppins-latin-300-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(../../fonts/poppins-latin-ext-300-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/poppins-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/poppins-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/poppins-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/poppins-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}

.ph-img{width:430px;max-width:100%}
@media (max-width:760px){.ph-img{width:min(430px,92vw)}}


/* ProBase Trading · estilos de marca compartidos (Home + Terminal)
   Wordmark: PROBASE (principal, blanco, 700) + TRADING (secundaria, 600, degradé azul) */
:root{
  --pb-blue:#0552FC;
  --pb-blue-2:#3D7BFF;
  --pb-blue-3:#A9C4FF;
  --pb-grad:linear-gradient(90deg,#B4CCFF 0%,#6E9BFF 42%,#2F6BFF 100%);
  --pb-grad-light:linear-gradient(90deg,#3B74FF 0%,#1454F0 55%,#0540C9 100%);
}
.tb-word,.word,.c-logo.tb{font-family:"Poppins",system-ui,sans-serif;line-height:1;white-space:nowrap}
.tb-word b,.word b,.c-logo.tb b{font-weight:700;letter-spacing:.03em}
.tb-word>span,.word>span,.c-logo.tb>span{
  display:inline-block;margin-left:.3em;font-weight:600;letter-spacing:.05em;
  background:var(--pb-grad);-webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
  padding-right:.04em
}
html[data-theme="light"] .word>span{background-image:var(--pb-grad-light)}
/* Terminal: la marca de la barra lateral entra completa junto al isotipo */
.brand svg,.t2-logo .tb-mark,.logo .tb-mark{flex:none}
.side .brand .word{font-size:15.5px}



/* ==========================================================================
   ProBase Trading · Layout común (cabecera + pie de página)
   Todas las clases llevan el prefijo pb- para no chocar con el CSS de cada página.
   ========================================================================== */
:root{
  --pb-ink:#0A1426;--pb-panel:#0F1E38;--pb-line:#1B3056;--pb-line-2:#27426D;
  --pb-text:#F2F4F7;--pb-muted:#93A3BA;--pb-dim:#62758F;--pb-cobalt:#0552FC;--pb-acc:#6E9BFF;
  --pb-font:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;
  --pb-mono:"IBM Plex Mono",ui-monospace,monospace;
  --pb-wrap:1200px;--pb-hd-h:68px;
}

/* Bilingüe: <span data-l="es"> / <span data-l="en"> */
html[lang="es"] [data-l="en"],html[lang="en"] [data-l="es"]{display:none!important}

.pb-wrap{max-width:var(--pb-wrap);margin:0 auto;padding-inline:20px;box-sizing:border-box}
.pb-hd,.pb-hd *,.pb-ft,.pb-ft *{box-sizing:border-box}
.pb-hd a,.pb-ft a{text-decoration:none}

/* ---------- Botones ---------- */
.pb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 13.5px/1 var(--pb-font);padding:10px 16px;border-radius:10px;border:1px solid transparent;white-space:nowrap;cursor:pointer;transition:transform .15s,background .15s}
.pb-btn:hover{transform:translateY(-1px)}
.pb-btn--primary{background:var(--pb-cobalt);color:#fff!important;box-shadow:0 10px 30px -10px rgba(5,82,252,.75)}
.pb-btn--primary:hover{background:#0A3FC4}
.pb-btn--ghost{background:transparent;color:var(--pb-text)!important;border-color:rgba(148,170,210,.3)}
.pb-btn--ghost:hover{background:rgba(242,244,247,.06)}
.pb-btn--block{width:100%;margin-top:14px;padding:14px 18px;font-size:15px}
.pb-hd :focus-visible,.pb-ft :focus-visible{outline:2px solid var(--pb-cobalt);outline-offset:3px;border-radius:6px}

/* ---------- Cabecera ---------- */
.pb-hd{position:sticky;top:0;z-index:60;margin:0;padding:0;background:rgba(6,10,18,.84);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--pb-line);font-family:var(--pb-font);color:var(--pb-text);transition:box-shadow .2s}
.pb-hd.is-scrolled{box-shadow:0 10px 30px -18px rgba(0,0,0,.8)}
.pb-hd-in{display:flex;align-items:center;gap:14px;height:var(--pb-hd-h)}
.pb-logo{display:inline-flex;align-items:center;gap:8px;color:#fff;flex:none}
.pb-mark{display:block;flex:none;width:26px;height:26px;color:#fff}
.pb-logo .tb-word{font-size:17.5px}
.pb-badge{font:600 10.5px/1 var(--pb-mono);letter-spacing:.12em;text-transform:uppercase;color:#8FB0FF;border:1px solid rgba(110,155,255,.35);background:rgba(5,82,252,.12);border-radius:999px;padding:5px 9px;white-space:nowrap}

.pb-links{display:flex;align-items:center;gap:clamp(10px,1.3vw,22px);margin-left:auto;font-size:14px}
.pb-links>a,.pb-dd-t{color:var(--pb-muted);white-space:nowrap;transition:color .15s}
.pb-links>a:hover,.pb-dd-t:hover,.pb-dd-t.is-active{color:var(--pb-text)}

.pb-dd{position:relative}
.pb-dd-t{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font:inherit;color:var(--pb-muted)}
.pb-dd-t svg{width:11px;height:11px;transition:transform .2s}
.pb-dd.on .pb-dd-t svg,.pb-dd:hover .pb-dd-t svg{transform:rotate(180deg)}
.pb-dd-p{position:absolute;top:calc(100% + 16px);right:-40px;width:340px;padding:8px;border-radius:16px;background:rgba(9,16,31,.98);border:1px solid rgba(148,170,210,.18);box-shadow:0 24px 60px rgba(0,0,0,.5);opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .18s,transform .18s;z-index:80}
.pb-dd-p::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.pb-dd:hover .pb-dd-p,.pb-dd:focus-within .pb-dd-p,.pb-dd.on .pb-dd-p{opacity:1;pointer-events:auto;transform:none}
.pb-dd-p a{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;padding:10px 12px;border-radius:11px;color:#E6ECF5}
.pb-dd-p a:hover,.pb-dd-p a:focus-visible,.pb-dd-p a[aria-current="page"]{background:rgba(5,82,252,.14);outline:none}
.pb-dd-p i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(5,82,252,.14);border:1px solid rgba(110,155,255,.28);color:#8FB0FF;font-style:normal}
.pb-dd-p i svg{width:18px;height:18px}
.pb-dd-p b{display:block;font-size:14px;font-weight:600;line-height:1.25;color:#E6ECF5}
.pb-dd-p div>span{display:block;font-size:12.5px;color:var(--pb-muted);line-height:1.4;margin-top:2px}
.pb-dd-p hr{border:0;height:1px;background:rgba(148,170,210,.14);margin:6px 8px}

.pb-cta{display:flex;align-items:center;gap:10px;flex:none}
.pb-hd .lang.pb-lang{all:unset;display:inline-flex;align-items:center;gap:2px;font:500 12px/1 var(--pb-mono);color:var(--pb-dim)}
.pb-hd .pb-lang i{font-style:normal;color:var(--pb-dim)}
.pb-hd .pb-lang button{all:unset;cursor:pointer;padding:6px 3px;font:500 12px/1 var(--pb-mono);letter-spacing:.04em;color:var(--pb-dim)}
.pb-hd .pb-lang button:hover{color:var(--pb-text)}
.pb-hd .pb-lang button[aria-pressed="true"]{color:var(--pb-text);font-weight:700}
.pb-tool{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--pb-muted);padding:7px 10px;border:1px solid var(--pb-line-2);border-radius:9px}
.pb-tool:hover{color:var(--pb-text)}

.pb-burger{display:none;width:40px;height:40px;border-radius:10px;border:1px solid rgba(148,170,210,.25);background:rgba(255,255,255,.04);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0}
.pb-burger span{display:block;width:18px;height:2px;border-radius:2px;background:#E6ECF5;transition:transform .2s,opacity .2s}
.pb-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.pb-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.pb-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.pb-sheet{display:none}
.pb-sheet-h{font:500 11px var(--pb-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pb-dim);padding:18px 6px 4px}

@media (max-width:1140px){
  .pb-links{display:none}
  .pb-cta{margin-left:auto}
  .pb-burger{display:inline-flex}
  .pb-sheet{display:grid;position:absolute;left:0;right:0;top:100%;padding:8px 16px 18px;background:rgba(7,11,20,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(148,170,210,.14);max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .3s ease,opacity .2s}
  .pb-sheet.on{max-height:calc(100vh - var(--pb-hd-h));overflow:auto;opacity:1;pointer-events:auto}
  .pb-sheet a:not(.pb-btn){display:block;padding:13px 6px;border-bottom:1px solid rgba(148,170,210,.1);color:#E6ECF5;font-size:16px}
  .pb-sheet a[aria-current="page"]{color:#8FB0FF}
}
@media (max-width:640px){
  .pb-cta>.pb-btn,.pb-badge,.pb-tool{display:none}
  .pb-logo .tb-word{font-size:15.5px}
  .pb-mark{width:22px;height:22px}
}
@media (min-width:1141px) and (max-width:1260px){
  .pb-links a[href$="#track"]{display:none}
}

/* ---------- Pie de página ---------- */
.pb-ft{margin:0;padding:56px 0 36px;border-top:1px solid #1d2638;background:#0B0F17;font-family:var(--pb-font);color:var(--pb-muted);font-size:14px;line-height:1.6}
.pb-ft-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:32px}
.pb-ft-brand p{margin:14px 0 10px;max-width:36ch;color:var(--pb-muted);font-size:14px}
.pb-ft-mail{color:#8FB0FF;font-size:13.5px}
.pb-ft-mail:hover{color:#fff}
.pb-ft h4{margin:0 0 14px;font:500 11px var(--pb-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pb-dim)}
.pb-ft ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pb-ft li{margin:0;padding:0}
.pb-ft ul a{color:var(--pb-muted)}
.pb-ft ul a:hover{color:var(--pb-text)}
.pb-ft-legal{margin-top:40px;padding-top:24px;border-top:1px solid var(--pb-line);display:grid;gap:10px}
.pb-ft-legal p{margin:0;font-size:12.5px;line-height:1.65;color:var(--pb-dim)}
.pb-ft-legal b{color:var(--pb-muted)}
.pb-ft-copy{color:var(--pb-dim)}
@media (max-width:900px){
  .pb-ft-grid{grid-template-columns:1fr 1fr}
  .pb-ft-brand{grid-column:1/-1}
}
@media (max-width:420px){
  .pb-ft-grid{grid-template-columns:1fr}
}

/* ---------- Impresión ---------- */
@media print{
  .pb-hd,.pb-sheet{display:none!important}
  .pb-ft{background:none;border:0;padding:16px 0 0}
  .pb-ft-grid{display:none}
}

/* ---------- Volver al inicio (páginas internas) ---------- */
.pb-back{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:9px;border:1px solid var(--pb-line-2);color:var(--pb-text)!important;font-size:13px;font-weight:500;white-space:nowrap;transition:background .15s,border-color .15s}
.pb-back:hover{background:rgba(110,155,255,.1);border-color:rgba(110,155,255,.45)}
.pb-back svg{width:13px;height:13px;flex:none}
.pb-sheet .pb-sheet-home{color:#8FB0FF!important;font-weight:600}
@media (max-width:640px){ .pb-back{padding:7px 9px} .pb-back-l{display:none} }
@media (max-width:360px){ .pb-back{display:none} }

/* ---------- Páginas internas: Producto ▾ + Empresa ▾ ---------- */
.pb-hd--inner .pb-links{gap:24px}
.pb-dd--list .pb-dd-p{width:300px;right:auto;left:-20px}
.pb-dd--list .pb-dd-p a{grid-template-columns:1fr;padding:9px 12px}
.pb-dd--list .pb-dd-p b{font-size:13.5px}
@media (max-width:640px){
  .pb-back{gap:0}
  .pb-back [data-l]{display:none!important}
}
@media (max-width:380px){
  .pb-hd-in{gap:8px}
  .pb-logo .tb-word{font-size:14px}
  .pb-mark{width:20px;height:20px}
  .pb-cta{gap:6px}
  .pb-burger{width:36px;height:36px}
}

@media (max-width:900px){ .pb-tool{display:none} }



/* ProBase Trading · estilos propios de index.php (el layout común está en assets/css/layout.css) */
:root{
  color-scheme: dark;
  --ink:#0A1426;
  --ink-2:#0C182E;
  --panel:#0F1E38;
  --panel-2:#132647;
  --line:#1B3056;
  --line-2:#27426D;
  --text:#F2F4F7;
  --muted:#93A3BA;
  --dim:#62758F;
  --cobalt:#0552FC;
  --acc:#6E9BFF;
  --cobalt-soft:rgba(5,82,252,.16);
  --gold:#F0CB6B;
  --gold-soft:rgba(240,203,107,.12);
  --up:#3FE05A;
  --down:#FF4D4D;
  --warn:#F0CB6B;
  --navy:#0A1F3E;
  --obsidian:#0F0F0F;
  --cold:#526676;
  --display:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --r:14px;
  --wrap:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.08;letter-spacing:-.02em;text-wrap:balance;margin:0}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:20px}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);display:inline-flex;align-items:center;gap:8px}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.demo{font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--warn);border:1px solid rgba(245,165,36,.4);padding:4px 6px;border-radius:4px;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 15px/1 var(--body);padding:14px 22px;border-radius:10px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s, background .15s, border-color .15s}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px}
.btn-primary{background:var(--cobalt);color:#fff;box-shadow:0 10px 30px -10px rgba(5,82,252,.75)}
.btn-primary:hover{background:#0A3FC4}
.btn-ghost{border:2px solid var(--text);color:var(--text);background:transparent;padding:12px 20px}
.btn-ghost:hover{background:rgba(242,244,247,.08)}
.btn-gold{background:var(--gold);color:#1a1204}
section{padding-block:96px}
.sec-head{display:grid;gap:16px;max-width:680px;margin-bottom:48px}
.sec-head h2{font-size:clamp(32px,4.6vw,52px)}
.sec-head p{color:var(--muted);font-size:18px}

/* announcement + ticker */
.announce{background:var(--cobalt);color:#fff;text-align:center;font:500 13px/1.3 var(--body);padding:9px 16px}
.announce b{font-weight:600}
.ticker{border-bottom:1px solid var(--line);background:var(--ink-2);overflow:hidden;white-space:nowrap;font:400 12px/1 var(--mono);color:var(--muted)}
.ticker-track{display:inline-flex;gap:36px;padding:10px 0;animation:tick 60s linear infinite}
.ticker span b{color:var(--text);font-weight:500;margin-right:6px}
.ticker .l{color:var(--up)}.ticker .s{color:var(--down)}
@keyframes tick{to{transform:translateX(-50%)}}

/* nav */
header.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(6,10,18,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:68px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.tb-mark{display:block;flex:none;color:#fff;width:30px;height:30px}
.tb-word{font-family:"Poppins",var(--display);font-size:20px;line-height:1;letter-spacing:.01em;white-space:nowrap}
.tb-word b{font-weight:700;color:currentColor}


.nav-links{display:flex;gap:26px;font-size:14px;color:var(--muted)}
.nav-links a{text-decoration:none;white-space:nowrap}
.nav-links a:hover{color:var(--text)}
.nav-cta{display:flex;align-items:center;gap:12px}
.nav-cta .btn{padding:10px 16px;font-size:14px}
.old-lang{font:500 12px/1 var(--mono);color:var(--dim)}
.old-lang b{color:var(--text)}
@media (max-width:1140px){.nav-links{display:none}}


/* hero */
.hero{padding-block:88px 64px;position:relative;overflow:hidden;background:#02040A}
.hero::before{content:"";position:absolute;left:50%;top:-340px;transform:translateX(-50%);width:1400px;height:900px;background:radial-gradient(ellipse 38% 40% at 50% 38%,rgba(5,82,252,.75),rgba(5,82,252,.28) 45%,transparent 72%);filter:blur(10px);pointer-events:none}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:260px;background:linear-gradient(180deg,transparent,#0A1426);pointer-events:none}
.hero-glow{position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(900px,90%);height:1px;background:linear-gradient(90deg,transparent,rgba(143,176,255,.8),transparent);pointer-events:none}
.hero .wrap{position:relative;z-index:2}
#space{position:absolute;left:0;top:0;width:100%;z-index:0;display:block;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
.hero::before{display:none}
.hero::after{z-index:1}
.hero-copy{animation:heroIn 1.4s 1.1s cubic-bezier(.2,.8,.2,1) both}
@keyframes heroIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero .terminal{margin-top:clamp(240px,30vw,420px);animation:heroIn 1.6s 1.8s cubic-bezier(.2,.8,.2,1) both}
.hero-copy{position:relative;text-align:center;display:grid;justify-items:center;gap:22px}
.hero h1{font-size:clamp(32px,4.6vw,60px);font-weight:600;line-height:1.14;letter-spacing:-.02em;max-width:none;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.5)}
.hero h1 .l{display:block}
@media (min-width:760px){.hero h1 .l{white-space:nowrap}}
.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#A9C3FF,#3D7BFF);-webkit-background-clip:text;background-clip:text}
.hero-sub{color:var(--muted);font-size:clamp(16px,2vw,19px);max-width:58ch}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.hero-trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;font-size:14px;color:#B7C4D8}
.hero-trust li{display:flex;align-items:center;gap:8px}
.hero-trust li::before{content:"";width:16px;height:16px;border-radius:50%;background:rgba(5,82,252,.25) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%238FB0FF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.sessions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.sess{font:500 12px/1 var(--mono);padding:7px 10px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted);display:flex;gap:7px;align-items:center}
.sess i{width:6px;height:6px;border-radius:50%;background:var(--dim)}
.sess.on{color:var(--text);border-color:rgba(46,207,139,.45)}
.sess.on i{background:var(--up);box-shadow:0 0 8px var(--up)}

/* terminal mock */
.terminal{position:relative;margin-top:56px;border:1px solid var(--line-2);border-radius:18px;background:linear-gradient(180deg,var(--panel),var(--ink-2));box-shadow:0 40px 120px -30px rgba(5,82,252,.35),0 0 0 6px rgba(15,23,38,.6);overflow:hidden}
.t-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font:400 12px/1 var(--mono);color:var(--muted)}
.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:var(--line-2)}
.t-body{display:grid;grid-template-columns:180px 1fr 280px;min-height:380px}
.t-side{border-right:1px solid var(--line);padding:16px 12px;display:grid;align-content:start;gap:4px;font-size:13px;color:var(--muted)}
.t-side div{padding:8px 10px;border-radius:8px}
.t-side .act{background:var(--cobalt-soft);color:var(--text)}
.t-main{padding:18px;display:grid;gap:14px;align-content:start}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kpi{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:12px}
.kpi small{display:block;font:400 11px/1.2 var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.08em}
.kpi strong{display:block;font:500 20px/1.3 var(--mono);margin-top:6px}
.chart{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:12px;position:relative}
.chart-h{display:flex;justify-content:space-between;align-items:center;font:400 11px/1 var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.chart svg{display:block;width:100%;height:150px}
.t-right{border-left:1px solid var(--line);padding:16px;display:grid;gap:12px;align-content:start}
.o2{display:grid;gap:8px}
.o2-row{display:flex;justify-content:space-between;font:400 12px/1 var(--mono);color:var(--muted)}
.o2-bar{height:8px;border-radius:99px;background:var(--line);overflow:hidden}
.o2-bar i{display:block;height:100%;border-radius:inherit}
.alert{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.45;display:grid;gap:4px}
.alert b{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.alert.w b{color:var(--warn)}.alert.d b{color:var(--down)}.alert.g b{color:var(--up)}
@media (max-width:980px){.t-body{grid-template-columns:1fr}.t-side{display:none}.t-right{border-left:0;border-top:1px solid var(--line)}}
@media (max-width:560px){.kpis{grid-template-columns:repeat(2,1fr)}}

/* dashboard mock (hero) */
.db{text-align:left}
.db svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.db .up{color:var(--up)}.db .down{color:var(--down)}
.db-body{display:grid;grid-template-columns:200px 1fr;font-size:13px}
.db-side{border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:22px;background:rgba(6,10,18,.4)}
.db-logo{display:flex;align-items:center;gap:8px;font:700 15px/1 var(--body);letter-spacing:.02em;padding-inline:6px}
.db-logo b{font-weight:400;color:var(--muted)}
.db-grid{display:grid;grid-template-columns:repeat(3,5px);gap:2px}
.db-grid i{width:5px;height:5px;background:var(--cobalt);border-radius:1px}
.db-grid i:nth-child(2n){background:#8FB0FF}
.db-nav{display:grid;gap:4px}
.db-nav div{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--muted)}
.db-nav svg{width:15px;height:15px;flex:none}
.db-nav .act{background:linear-gradient(90deg,rgba(5,82,252,.28),rgba(5,82,252,.12));color:var(--text);box-shadow:inset 0 0 0 1px rgba(5,82,252,.45)}
.db-nav .dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#8FB0FF}
.db-motto{margin-top:auto;border-top:1px solid var(--line);padding:14px 6px 0;display:grid;gap:2px;font-size:12px}
.db-motto span{color:var(--dim)}
.db-main{min-width:0;display:flex;flex-direction:column}
.db-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 18px;border-bottom:1px solid var(--line)}
.db-o2{flex:1;max-width:260px;display:grid;gap:6px}
.db-o2-h{display:flex;justify-content:space-between;font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.db-o2-h b{color:var(--text);font-weight:500}
.db-o2-bar{height:5px;border-radius:99px;background:var(--line)}
.db-o2-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f5fd6,#7ea2ff)}
.db-acct{display:flex;align-items:center;gap:16px}
.db-acct small{display:block;font-size:10.5px;color:var(--muted)}
.db-acct b{font-size:13px}
.db-bell{position:relative;color:var(--muted)}
.db-bell svg{width:17px;height:17px;display:block}
.db-bell em{position:absolute;top:-6px;right:-7px;font:600 9px/14px var(--body);font-style:normal;width:14px;text-align:center;border-radius:50%;background:var(--cobalt);color:#fff}
.db-avatar{width:28px;height:28px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line-2)}
.db-content{padding:18px;display:grid;gap:14px}
.db-eyebrow{display:block;font:500 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.db-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.db-head h3{font:600 24px/1.2 var(--body);letter-spacing:-.01em;margin:6px 0 2px}
.db-head p{color:var(--muted);font-size:12.5px}
.db-live{display:flex;align-items:center;gap:7px;font-size:11.5px;padding:7px 10px;border-radius:8px;border:1px solid var(--line-2);white-space:nowrap}
.db-live i{width:6px;height:6px;border-radius:50%;background:var(--up);box-shadow:0 0 8px var(--up)}
.db-card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:12px;align-content:start;min-width:0}
.db-card h4,.db-intel h4{font:600 15px/1.3 var(--body);margin:0}
.db-card p{color:var(--muted);font-size:12px}
.db-intel-top{display:flex;gap:14px;align-items:center}
.db-gem{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#f3cd6d,#b8862a);color:#3a2808;font-size:16px}
.db-intel-top h4{font-size:17px;margin:4px 0}
.db-tags{display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}
.db-tags span+span::before{content:"•";margin-right:14px;color:var(--dim)}
.db-intel-stats{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:16px;align-items:end;padding-bottom:14px;border-bottom:1px solid var(--line)}
.db-intel-stats small{display:block;font-size:11px;color:var(--muted)}
.db-intel-stats strong{display:block;font-size:20px;font-weight:600;margin:4px 0 2px}
.db-intel-stats em{font-style:normal;font-size:11px;color:var(--muted)}
.db-intel-stats em.up{color:var(--up)}
.db-cot{display:grid;gap:6px}
.db-cot-leg{display:flex;gap:12px;justify-content:flex-end;font-size:10px;color:var(--muted)}
.db-cot-leg i,.db-cot-bars i{display:inline-block}
.db-cot-leg i{width:6px;height:6px;border-radius:50%;margin-right:4px}
.db-cot .b{background:#3f73f0}.db-cot .g{background:#39c48a}
.db-cot-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px dashed var(--line);padding-top:4px}
.db-cot-bars>div{display:grid;justify-items:center;gap:4px}
.db-cot-bars span{height:56px;display:flex;align-items:flex-end;gap:3px}
.db-cot-bars span i{width:12px;border-radius:2px 2px 0 0}
.db-cot-bars small{font-size:9.5px;color:var(--dim)}
.db-read{display:grid;gap:10px}
.db-read-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.db-badge{font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--up);border:1px solid rgba(46,207,139,.4);background:rgba(46,207,139,.08);padding:5px 7px;border-radius:5px}
.db-read-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}
.db-read h5{font:600 14px/1.35 var(--body);margin:0 0 6px}
.db-read p{color:var(--muted);font-size:12px;line-height:1.55}
.db-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:0;align-self:start}
.db-levels div{padding-left:12px;border-left:1px solid var(--line);display:grid;gap:6px}
.db-levels small{font-size:10.5px;color:var(--muted)}
.db-levels b{font-size:12.5px;font-weight:500;white-space:nowrap}
.db-levels b span{color:var(--dim);font-size:11px}
.db-read-f,.db-foot{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--dim);flex-wrap:wrap}
.db-link{color:#8FB0FF}
.db-row{display:grid;grid-template-columns:1fr 1.25fr;gap:14px}
.db-card-h{display:flex;align-items:center;gap:12px}
.db-card-h>div{flex:1;min-width:0}
.db-ic{width:32px;height:32px;flex:none;border-radius:8px;display:grid;place-items:center}
.db-ic svg{width:16px;height:16px}
.db-ic.cob{background:rgba(5,82,252,.16);color:#8FB0FF}
.db-ic.gold{background:rgba(232,176,74,.16);color:var(--gold)}
.db-ic.vio{background:rgba(151,120,255,.18);color:#b9a6ff}
.db-ic.sm{width:26px;height:26px}
.db-more{color:var(--muted);letter-spacing:1px}
.db-date{font-size:11px;padding:6px 9px;border:1px solid var(--line-2);border-radius:7px;white-space:nowrap}
.db-inp{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--ink-2);display:grid;gap:3px}
.db-inp small{font-size:10.5px;color:var(--muted)}
.db-inp div{display:flex;justify-content:space-between;align-items:baseline}
.db-inp b{font-weight:500;font-size:13px}
.db-inp span{font-size:10.5px;color:var(--dim)}
.db-result{border:1px solid rgba(46,207,139,.5);background:rgba(46,207,139,.06);border-radius:10px;padding:12px;display:grid;gap:10px}
.db-result-h{display:flex;justify-content:space-between;align-items:center;gap:8px;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--up)}
.db-result-h em{font-style:normal;font-family:var(--body);text-transform:none;letter-spacing:0;color:var(--text);border:1px solid var(--line-2);border-radius:99px;padding:4px 8px;font-size:10px}
.db-result-g{display:grid;grid-template-columns:1fr 1fr}
.db-result-g>div{display:grid;gap:3px}
.db-result-g>div+div{border-left:1px solid rgba(46,207,139,.25);padding-left:12px}
.db-result-g small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.db-result-g strong{font-size:22px;font-weight:600;color:var(--up)}
.db-result-g .u{font-size:11px;font-weight:400}
.db-result-g span{font-size:10.5px;color:var(--dim)}
.db-news-alert{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-radius:10px;border:1px solid rgba(232,176,74,.5);background:rgba(232,176,74,.08)}
.db-news-alert b{display:block;color:var(--gold);font-size:12px}
.db-news-alert span{font-size:10.5px;color:var(--muted)}
.db-count{text-align:right;flex:none}
.db-count strong{display:block;font-size:20px;font-weight:500;color:var(--text)}
.db-count small{font-size:9.5px;color:var(--dim)}
table.db-cal{width:100%;border-collapse:collapse;font-size:12px}
.db-cal th{font:500 9.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);text-align:left;padding:0 8px 8px 0;border-bottom:1px solid var(--line)}
.db-cal td{padding:8px 8px 8px 0;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}
.db-cal td small{display:block;font-size:10px;color:var(--dim)}
.db-cur{font:500 11px var(--mono)}
.db-imp{display:inline-flex;gap:2px}
.db-imp i{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid var(--line-2)}
.db-imp.h i{border-top-color:var(--down)}
.db-imp.m i:nth-child(-n+2){border-top-color:var(--warn)}.db-imp.m i:first-child{border-top-color:var(--down)}
.db-imp.l i:first-child{border-top-color:var(--warn)}
.db-btn{text-align:center;font-size:11.5px;color:#8FB0FF;padding:9px;border:1px solid rgba(5,82,252,.35);border-radius:8px;background:rgba(5,82,252,.06)}
.db-streak{font-size:10.5px;padding:5px 9px;border-radius:99px;background:rgba(151,120,255,.16);color:#c9baff;border:1px solid rgba(151,120,255,.4);white-space:nowrap}
.db-jr{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:12px;align-items:end}
.db-jr small{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.db-jr b{font-size:15px;font-weight:600}
.db-score strong{display:block;font-size:30px;font-weight:500;color:#c9baff;line-height:1.1}
.db-score small{text-transform:none;letter-spacing:0;margin:2px 0 8px}
.db-score-bar{display:block;height:4px;border-radius:99px;background:var(--line)}
.db-score-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c5cff,#c9baff)}
.db-note{font-size:12px;color:var(--muted);padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:var(--ink-2)}
.db-note b{color:var(--text);margin-right:4px}
.db-sentinel{align-self:end;border:1px solid rgba(255,95,98,.55);background:linear-gradient(180deg,rgba(255,95,98,.12),rgba(15,23,38,.9));border-radius:12px;padding:14px;display:grid;gap:12px;box-shadow:0 20px 50px -20px rgba(255,95,98,.45)}
.db-sentinel-h{display:flex;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,95,98,.25)}
.db-sentinel-h b{display:block;color:#ff8f91;font-size:12.5px}
.db-sentinel-h small{font-size:10.5px;color:var(--dim)}
.db-sentinel-h>span{color:var(--muted)}
.db-sentinel-m{display:flex;gap:10px}
.db-sentinel-m b{display:block;font-size:12.5px}
.db-sentinel-m em{display:block;font-style:normal;font:500 10px var(--mono);color:var(--down);margin:3px 0}
.db-sentinel-m p{font-size:12.5px;color:var(--text);line-height:1.45}
.db-sentinel-m p strong{color:var(--down)}
.db-sentinel-m time{display:block;text-align:right;font:400 10px var(--mono);color:var(--dim);margin-top:4px}
@media (max-width:1060px){.db-row{grid-template-columns:1fr}}
@media (max-width:860px){.db-body{grid-template-columns:1fr}.db-side{display:none}.db-read-grid{grid-template-columns:1fr}}
@media (max-width:600px){.db-intel-stats{grid-template-columns:1fr 1fr}.db-cot{grid-column:1/-1}.db-jr{grid-template-columns:1fr 1fr}.db-top{flex-wrap:wrap}.db-acct small{display:none}.db-content{padding:14px}}

/* ===== brand themes ===== */
.theme-light,.theme-white{color-scheme:light;--ink:#F2F4F7;--ink-2:#FFFFFF;--panel:#FFFFFF;--panel-2:#F2F4F7;--line:#DCE2EB;--line-2:#C4CEDC;--text:#0A1F3E;--muted:#526676;--dim:#7B8BA1;--acc:#0552FC;--cobalt-soft:rgba(5,82,252,.08);--up:#12A63A;--down:#D62020;--warn:#B8860B;background:#F2F4F7;color:var(--text)}
.theme-white{background:#FFFFFF;--ink-2:#F7F9FC;--panel:#F7F9FC}
.theme-light .chip,.theme-light .card,.theme-white .plan,.theme-white .faq details,.theme-light .tm-card{box-shadow:0 1px 2px rgba(10,31,62,.04),0 8px 24px -12px rgba(10,31,62,.12)}
.theme-light .chip,.theme-light .tm-card{background:#fff}
.theme-white .plan.main{border-color:#0552FC;box-shadow:0 30px 60px -30px rgba(5,82,252,.45)}
.theme-light .btn-ghost,.theme-white .btn-ghost{border-color:#0A1F3E;color:#0A1F3E}
.theme-light .btn-ghost:hover,.theme-white .btn-ghost:hover{background:rgba(10,31,62,.06)}
.theme-light .list svg{color:#0552FC}
.theme-white .toggle{background:#F2F4F7}
.theme-light .demo,.theme-white .demo{color:#9A7412;border-color:rgba(154,116,18,.4)}
/* product mocks keep the dark terminal look on light sections */
.theme-light .mk,.theme-light .rk-card,.theme-light .terminal{color-scheme:dark;--ink:#0A1426;--ink-2:#0C182E;--panel:#0F1E38;--panel-2:#132647;--line:#1B3056;--line-2:#27426D;--text:#F2F4F7;--muted:#93A3BA;--dim:#62758F;--acc:#6E9BFF;--cobalt-soft:rgba(5,82,252,.16);--up:#3FE05A;--down:#FF4D4D;--warn:#F0CB6B;color:var(--text);box-shadow:0 40px 80px -40px rgba(10,31,62,.55),0 0 0 1px rgba(10,31,62,.08)}
.theme-light .mk .demo,.theme-light .rk-card .demo{color:var(--warn);border-color:rgba(240,203,107,.45)}
.theme-light .rk-card{background:linear-gradient(180deg,#0F1E38,#0B172C)}
/* brand blue band */
.theme-blue{background:linear-gradient(160deg,#0552FC 0%,#0A3FC4 35%,#0A1F3E 100%);--acc:#DCE6FF;--muted:#C9D6F2;--dim:#9FB3DB;--line:rgba(255,255,255,.18);--line-2:rgba(255,255,255,.3)}
.theme-blue .b2b-box{background:rgba(10,31,62,.28);border-color:rgba(255,255,255,.2)}
.theme-blue .b2b-cols .card{background:rgba(10,20,40,.45);border-color:rgba(255,255,255,.14)}
.theme-blue .btn-primary{background:#fff;color:#0552FC;box-shadow:0 12px 30px -12px rgba(0,0,0,.5)}
.theme-blue .btn-primary:hover{background:#F2F4F7}
.theme-blue .btn-ghost{border-color:#fff;color:#fff}
/* dark sections */
#journal{background:linear-gradient(180deg,#0A1426,#0C1628 50%,#0A1426)}
.final{background:linear-gradient(180deg,#0A1426,#0A1F3E)}

/* ===== pro terminal pass: flatter, denser, less decoration ===== */
.terminal,.mk,.jr,.rk-card,.pt-card,.pt-wl,.tank,.sn-panel,.heat{border-radius:10px!important}
.terminal{background:#0B1322!important;border-color:#1E2B40!important;box-shadow:0 40px 90px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.03)!important}
.terminal .t-bar{background:#0E1728;padding:9px 14px}
.terminal .dots i{width:9px;height:9px}
.db-side{background:#0A111E!important}
.db-card,.kpi,.chart,.mk-sum,.mk-box,.mk-tags,.jr-kpi,.jr-stats>div,.rk-in,.rk-mkt,.rk-alert,.rk-res,.rk-next,.pt-kpis>div,.pt-chart,.pt-stats,.db-inp,.db-result,.db-news-alert,.db-note,.db-sentinel,.db-live,.jr-pill,.db-date,.rk-date,.db-btn,.mk-liq-lv,.jr-table .scroll-x,.jr-ic,.db-ic,.rk-cd{border-radius:6px!important}
.db-nav div,.mk-row,.mk-cats span,.jr-st,.db-badge,.db-streak,.jr-chip,.rk-live,.pt-tabs span,.mk-row i,.tm-tag{border-radius:4px!important}
.db-card,.mk-box,.mk-sum,.jr-kpi,.pt-kpis>div,.jr-stats>div{background:#0F192B!important;border-color:#1C2940!important}
.db-card,.jr-kpi,.pt-kpis>div,.db-sentinel,.pt-btn,.rk-res,.db-result{box-shadow:none!important}
.db-live i,.rk-live i,.eyebrow::before,.mk-liq-now,.jr-spark{box-shadow:none!important;filter:none!important}
.terminal small,.terminal .db-eyebrow,.terminal .chart-h,.mk small,.mk-bar,.mk-list-h b,.jr small,.rk-step,.rk-card small,.pt-card small,.pt small,.db-cal th,.rk-tbl th,.jr-table th,.trades th,.db-result-h,.rk-alert b,.rk-res-h small,.mk-cot small,.db-cot-bars small,.pt-stats small,.db-o2-h{font-family:var(--body)!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important}
.terminal small,.mk small,.jr small,.rk-card small,.pt-card small,.db-eyebrow,.rk-step{font-size:11.5px!important;color:#7C8BA3!important}
.db-cal th,.rk-tbl th,.jr-table th{font-size:11px!important;color:#6F7E96!important;background:transparent!important}
.db-live,.rk-live{font-family:var(--body)!important;text-transform:none!important;letter-spacing:0!important}
.db-badge,.rk-live{background:transparent!important}
.db-tags span+span::before{content:"·"}
.db-intel-top h4{font-size:15px!important}
.db-head h3{font-size:20px!important;font-weight:600!important}
.pt-title h3{text-transform:none!important;letter-spacing:0!important;font-size:17px!important}
.pt-kpis>div:first-child strong{background:none!important;color:#F2F4F7!important;-webkit-text-fill-color:currentColor}
.db-o2-bar i,.jr-table .track i{background:#2962FF!important}
.mk-liq-bar{background:#1C2940!important}
/* ticker badge instead of gold diamond */
.db-gem{transform:none!important;background:#1B2A44!important;color:#E7ECF4!important;font:600 11px/1 var(--mono)!important;width:40px!important;height:28px!important;border-radius:4px!important}
/* candlestick chart */
.db-candles{position:relative;border:1px solid #1C2940;border-radius:6px;background:#0B1424;overflow:hidden}
.db-candles-h{display:flex;align-items:center;gap:14px;padding:8px 12px;border-bottom:1px solid #1C2940;font-size:11.5px;color:#7C8BA3}
.db-candles-h b{color:#E7ECF4;font-weight:600}
.db-candles-h .tf{display:flex;gap:2px;margin-left:auto}
.db-candles-h .tf span{padding:3px 7px;border-radius:4px;font-family:var(--mono);font-size:11px}
.db-candles-h .tf span.on{background:#1B2A44;color:#E7ECF4}
.db-candles-h .ohlc{font-family:var(--mono);font-size:11px}
.db-candles-h .ohlc em{font-style:normal;color:#26A69A}
#db-candles{display:block;width:100%;height:210px;stroke:none;fill:none}

/* strip */
.strip{padding-block:80px}
.strip h2{text-align:center;font-size:clamp(24px,3vw,32px);margin-bottom:28px}
.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.chip{border:1px solid var(--line);background:var(--ink-2);border-radius:var(--r);padding:18px;display:grid;gap:6px}
.chip h3{font:600 15px/1.3 var(--body);letter-spacing:0}
.chip p{font-size:13.5px;color:var(--muted);line-height:1.5}
.chip .mono{font-size:11px;color:var(--cobalt);letter-spacing:.1em;text-transform:uppercase}
@media (max-width:900px){.chips{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.chips{grid-template-columns:1fr}}

/* two col */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:40px}}
.split .sec-head{margin-bottom:28px}
.list{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.list li{display:grid;grid-template-columns:22px 1fr;gap:12px;color:var(--muted);font-size:15.5px}
.list li b{color:var(--text);font-weight:600}
.list svg{width:18px;height:18px;margin-top:3px;color:var(--cobalt)}

/* oxygen tank */
.tank{border:1px solid var(--line-2);border-radius:18px;background:var(--panel);padding:22px;display:grid;gap:18px}
.tank-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.tank-top h3{font-size:20px}
.gauge{display:grid;gap:8px}
.gauge-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.gauge-h span{font-size:13.5px;color:var(--muted)}
.gauge-h strong{font:500 22px/1 var(--mono)}
.meter{height:14px;border-radius:99px;background:var(--ink);border:1px solid var(--line);position:relative;overflow:hidden}
.meter i{position:absolute;inset:0 auto 0 0;border-radius:inherit}
.meter::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 9.6%,rgba(6,10,18,.8) 9.6% 10%)}
.gauge-f{display:flex;justify-content:space-between;font:400 11px/1 var(--mono);color:var(--dim)}
.state{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:10px;background:rgba(245,165,36,.08);border:1px solid rgba(245,165,36,.3);font-size:14px}
.state i{width:10px;height:10px;border-radius:50%;background:var(--warn);box-shadow:0 0 10px var(--warn);flex:none}

/* phone */
.phone-wrap{display:grid;place-items:center;position:relative}
.phone-wrap::before{content:"";position:absolute;width:80%;aspect-ratio:1;background:radial-gradient(circle,rgba(5,82,252,.25),transparent 65%);filter:blur(10px)}
.phone{position:relative;width:300px;max-width:100%;border-radius:40px;border:1px solid var(--line-2);background:#05080f;padding:12px;box-shadow:0 30px 80px -20px rgba(0,0,0,.8)}
.screen{border-radius:30px;background:linear-gradient(180deg,#0c1322,#070b14);min-height:520px;padding:18px 14px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.notch{width:90px;height:22px;border-radius:99px;background:#000;margin:0 auto 6px}
.tg-head{display:flex;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line)}
.tg-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--cobalt),#1d3a8f);display:grid;place-items:center;font:700 14px var(--display)}
.tg-head b{font-size:14px;display:block}
.tg-head small{font:400 11px var(--mono);color:var(--up)}
.msgs{display:flex;flex-direction:column;gap:10px;justify-content:flex-end;flex:1}
.msg{background:var(--panel-2);border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:10px 12px;font-size:13px;line-height:1.45;max-width:92%;animation:pop .5s cubic-bezier(.2,.8,.2,1) both}
.msg b{display:block;font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.msg time{display:block;text-align:right;font:400 10px var(--mono);color:var(--dim);margin-top:4px}
@keyframes pop{from{opacity:.0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}

/* sentinel section */
.sn{position:relative;overflow:hidden}
.sn::before{content:"";position:absolute;right:-10%;top:10%;width:70%;height:90%;background:radial-gradient(ellipse at 60% 60%,rgba(5,82,252,.18),transparent 65%);pointer-events:none}
.sn .wrap{position:relative}
.sn svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sn-head{display:grid;gap:16px;max-width:820px;margin-bottom:44px}
.sn-head h2{font-size:clamp(38px,5.4vw,64px)}
.sn-head h2 span{color:transparent;background:linear-gradient(90deg,#A9C3FF,#3D7BFF);-webkit-background-clip:text;background-clip:text}
.sn-head p{color:var(--muted);font-size:18px}
.sn-grid{display:grid;grid-template-columns:minmax(0,420px) 190px minmax(0,1fr);gap:28px;align-items:start}
.sn-panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,var(--panel),var(--ink-2));overflow:hidden}
.sn-panel-h,.sn-mode{display:flex;gap:14px;align-items:center;padding:20px 22px}
.sn-panel-h{border-bottom:1px solid var(--line)}
.sn-panel-h b,.sn-mode b{display:block;font:600 13.5px/1.3 var(--body);letter-spacing:.06em;text-transform:uppercase}
.sn-panel-h small,.sn-mode small{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.sn-ico{width:38px;height:38px;flex:none;border-radius:10px;border:1px solid var(--line-2);display:grid;place-items:center;color:#e9d6a8}
.sn-ico svg{width:20px;height:20px}
.sn-lim{padding:18px 22px;border-bottom:1px solid var(--line);display:grid;gap:10px}
.sn-lim label,.sn-lbl{font:600 12.5px/1.3 var(--body);letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.sn-lim label i,.sn-lbl i{font:500 9px/13px var(--mono);font-style:normal;width:14px;height:14px;text-align:center;border:1px solid var(--dim);border-radius:50%;color:var(--dim);text-transform:none;letter-spacing:0}
.sn-lim-v{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sn-lim-v strong{font-size:30px;font-weight:500;color:#6f9bff}
.sn-lim-v span{text-align:right;font-size:12px;color:var(--muted);display:grid;gap:2px}
.sn-lim-v span b{font-size:16px;font-weight:500;color:var(--text)}
.sn-lim-f{display:flex;justify-content:space-between;font-size:11.5px;color:var(--dim)}
.sn input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--cobalt) var(--pct,50%),var(--line) var(--pct,50%));outline:none;margin:4px 0;cursor:pointer}
.sn input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#dfe8ff;border:4px solid var(--cobalt);box-shadow:0 0 12px rgba(5,82,252,.7)}
.sn input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#dfe8ff;border:4px solid var(--cobalt);box-shadow:0 0 12px rgba(5,82,252,.7)}
.sn input[type=range]:focus-visible{outline:2px solid var(--cobalt);outline-offset:6px}
.sn-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.sn-seg button{font:600 14px var(--body);color:var(--text);background:var(--ink);border:1px solid var(--line);border-radius:9px;padding:11px 0;cursor:pointer}
.sn-seg button[aria-pressed="true"]{background:linear-gradient(180deg,#2d5de0,#1d3f9e);border-color:#0552FC}
.sn-mode small{text-transform:none}
.sn-mode>div{flex:1}
.sn-switch{flex:none;width:52px;height:30px;border-radius:99px;border:0;background:var(--cobalt);position:relative;cursor:pointer;transition:background .2s}
.sn-switch i{position:absolute;top:4px;left:26px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .2s}
.sn-switch[aria-checked="false"]{background:var(--line-2)}
.sn-switch[aria-checked="false"] i{left:4px}
.sn-feats{display:grid;gap:56px;padding-top:70px;position:relative}
.sn-feat{position:relative;display:flex;align-items:center;gap:12px;padding:16px 14px;border:1px solid rgba(5,82,252,.45);border-radius:14px;background:rgba(11,17,29,.85);box-shadow:0 0 24px -8px rgba(5,82,252,.6),inset 0 0 0 1px rgba(5,82,252,.08);font:600 11.5px/1.35 var(--body);letter-spacing:.06em;text-transform:uppercase}
.sn-feat svg{width:26px;height:26px;flex:none;color:#7EA2FF}
.sn-feat::after{content:"";position:absolute;left:100%;top:50%;width:60px;height:1px;background:linear-gradient(90deg,rgba(5,82,252,.8),rgba(5,82,252,.1))}
.sn-phone-wrap{display:grid;justify-items:center;gap:0;position:relative}
.sn-phone{position:relative;z-index:1;width:340px;max-width:100%;border-radius:52px;padding:11px;background:linear-gradient(145deg,#3a4154,#12151d 40%,#2a303f);box-shadow:0 40px 90px -20px rgba(0,0,0,.9),0 0 0 1px #0a0c12;transform:perspective(1400px) rotateY(-8deg) rotateZ(1.5deg)}
.sn-screen{border-radius:42px;background:linear-gradient(180deg,#141c2c,#0a0f19);overflow:hidden;display:flex;flex-direction:column}
.sn-status{display:flex;justify-content:space-between;align-items:center;padding:14px 26px 4px;font:600 14px var(--body)}
.sn-island{width:96px;height:28px;border-radius:99px;background:#000}
.sn-sig{display:flex;gap:2px;align-items:flex-end}
.sn-sig i{width:3px;background:#fff;border-radius:1px}
.sn-sig i:nth-child(1){height:4px}.sn-sig i:nth-child(2){height:6px}.sn-sig i:nth-child(3){height:8px}.sn-sig i:nth-child(4){height:10px}
.sn-chat-h{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 12px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(20,28,44,.9)}
.sn-chat-h>div{text-align:center}
.sn-chat-h b{display:block;font-size:15px}
.sn-chat-h small{font-size:11.5px;color:var(--muted)}
.sn-back{color:#7EA2FF;font-size:15px}
.sn-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cobalt),#1d3a8f);font:700 14px var(--display)}
.sn-msgs{display:grid;gap:9px;padding:12px 12px 10px}
.sn-msg{position:relative;background:#1a2336;border-radius:14px 14px 14px 4px;padding:10px 12px 8px 14px;font-size:12.5px;line-height:1.45;animation:pop .5s cubic-bezier(.2,.8,.2,1) both}
.sn-msg::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--c)}
.sn-msg.r{--c:var(--down)}.sn-msg.a{--c:var(--warn)}.sn-msg.g{--c:var(--up)}.sn-msg.o{--c:#ff9a4a}
.sn-msg em{display:block;font-style:normal;font-size:11.5px;color:#7EA2FF;margin-bottom:2px}
.sn-msg b{display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.03em;text-transform:uppercase;margin-bottom:4px}
.sn-msg b .dot{width:8px;height:8px;border-radius:2px;background:var(--c);box-shadow:0 0 8px var(--c)}
.sn-msg p{color:#d6dde9}
.sn-msg p+p{margin-top:4px}
.sn-msg p.mono{font-size:11.5px}
.sn-msg strong{color:#fff}
.sn-msg .up{color:var(--up)}
.sn-pair{color:var(--up)!important;font-weight:500}
.sn-pair span{font-weight:600}
.sn-msg time{display:block;text-align:right;font:400 10px var(--mono);color:var(--dim)}
.sn-msg:nth-child(2){animation-delay:.15s}.sn-msg:nth-child(3){animation-delay:.3s}.sn-msg:nth-child(4){animation-delay:.45s}
.sn-input{display:flex;align-items:center;gap:10px;padding:10px 14px 22px}
.sn-input>span{font-size:15px;opacity:.6}
.sn-input div{flex:1;border-radius:99px;background:#1a2336;padding:9px 14px;font-size:12px;color:var(--dim)}
.sn-ring{width:360px;max-width:100%;height:70px;margin-top:-40px;border-radius:50%;border:2px solid rgba(5,82,252,.8);box-shadow:0 0 40px rgba(5,82,252,.55),inset 0 0 30px rgba(5,82,252,.35);background:radial-gradient(ellipse,rgba(5,82,252,.18),transparent 70%)}
.sn-tg{display:flex;align-items:center;gap:16px;margin-top:18px;padding:16px 22px;border:1px solid var(--line-2);border-radius:16px;background:rgba(11,17,29,.9);max-width:100%}
.sn-tg-ic{width:48px;height:48px;flex:none;border-radius:50%;background:linear-gradient(135deg,#3aa6e8,#2481cc);display:grid;place-items:center}
.sn-tg-ic svg{width:26px;height:26px;stroke:none}
.sn-tg b{display:block;font:600 19px/1.25 var(--body)}
.sn-tg span{font-size:15px;color:var(--muted)}
@media (max-width:1100px){.sn-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sn-feats{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:0}.sn-feat::after{display:none}}
@media (max-width:760px){.sn-grid{grid-template-columns:1fr}.sn-feats{grid-row:auto;grid-template-columns:1fr 1fr}.sn-phone{transform:none}}

/* realistic phone + Telegram UI */
.ph{position:relative;z-index:1;width:318px;max-width:100%;border-radius:54px;padding:11px;background:#16181c;box-shadow:inset 0 0 0 1.5px #3b3f47,inset 0 0 0 4px #0b0c0e,0 0 0 1px #50555f,0 50px 100px -30px rgba(0,0,0,.9),0 30px 80px -40px rgba(5,82,252,.55)}
.ph-btn{position:absolute;width:3px;border-radius:2px;background:linear-gradient(90deg,#2a2d33,#4a4f58)}
.ph-btn.a{left:-3px;top:112px;height:26px}.ph-btn.b{left:-3px;top:160px;height:50px}.ph-btn.c{left:-3px;top:220px;height:50px}.ph-btn.d{right:-3px;top:180px;height:80px}
.ph-screen{position:relative;border-radius:44px;overflow:hidden;background:#0E1621;display:flex;flex-direction:column;min-height:620px;font-family:-apple-system,"SF Pro Text",var(--body)}
.ph-status{display:flex;justify-content:space-between;align-items:center;padding:14px 26px 6px;color:#fff;position:relative;height:44px}
.ph-time{font-weight:600;font-size:14px;width:54px}
.ph-island{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:98px;height:28px;border-radius:99px;background:#000}
.ph-icons{display:flex;gap:5px;align-items:center}
.ph-icons svg{height:11px;width:auto;fill:#fff;color:#fff}
.tg-bar{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;padding:6px 12px 8px;background:#17212B;border-bottom:1px solid rgba(0,0,0,.35)}
.tg-back{display:flex;align-items:center;gap:4px;color:#6AB3F3;font-size:14px}
.tg-back svg{width:9px;height:15px}
.tg-title{text-align:center;line-height:1.2}
.tg-title b{display:block;font-size:15px;color:#fff;font-weight:600}
.tg-title small{font-size:12px;color:#7D8B99}
.tg-av{justify-self:end;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#0552FC,#0A1F3E);display:grid;place-items:center}
.tg-av svg{--tb-c:#8FB0FF}
.tg-chat{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 10px 12px;background:radial-gradient(circle at 20% 20%,rgba(106,179,243,.05),transparent 40%),#0E1621}
.tg-day{align-self:center;font-size:11.5px;font-weight:500;color:#fff;background:rgba(24,37,51,.9);padding:3px 10px;border-radius:99px;margin-bottom:4px}
.tg-b{position:relative;max-width:86%;background:#182533;color:#F5F5F5;border-radius:14px 14px 14px 4px;padding:7px 10px 6px;font-size:12.8px;line-height:1.38;animation:pop .5s cubic-bezier(.2,.8,.2,1) both}
.tg-b::after{content:"";position:absolute;left:-6px;bottom:0;width:10px;height:12px;background:#182533;clip-path:path("M10 0 V12 H0 C5 12 9 8 10 0 Z")}
.tg-b .k{display:block;font-size:12.5px;font-weight:600;margin-bottom:3px}
.tg-b .k.r{color:#FF7A7A}.tg-b .k.a{color:#F0CB6B}.tg-b .k.g{color:#5FE08A}.tg-b .k.o{color:#FFAA66}
.tg-b p+p{margin-top:3px}
.tg-b p.mono{font-size:11.5px;color:#DCE3EA}
.tg-b strong{color:#fff}
.tg-b .up{color:#5FE08A}
.tg-pair{color:#6AB3F3;font-weight:600}
.tg-b time{float:right;margin:4px 0 0 10px;font-size:10.5px;color:#6D7F8F}
.tg-b:nth-of-type(2){animation-delay:.15s}.tg-b:nth-of-type(3){animation-delay:.3s}.tg-b:nth-of-type(4){animation-delay:.45s}
.tg-input{display:flex;align-items:center;gap:10px;padding:8px 12px 26px;background:#17212B;color:#7D8B99}
.tg-input svg{width:22px;height:22px;flex:none}
.tg-input div{flex:1;font-size:13.5px;color:#6D7F8F;padding:7px 12px;border-radius:18px;background:#0E1621}
.ph-home{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:118px;height:4.5px;border-radius:99px;background:rgba(255,255,255,.85)}
.sn-tg{margin-top:28px}

/* 3D phone like reference */
.sn-phone-wrap{perspective:1800px;padding-top:10px}
.ph{transform:rotateY(-16deg) rotateX(5deg) rotateZ(1.5deg);transform-style:preserve-3d;background:linear-gradient(135deg,#4a505c 0%,#1a1d23 18%,#0d0f13 50%,#22262e 85%,#555b67 100%);box-shadow:inset 0 0 0 1px #6b717d,inset 0 0 0 4px #0a0b0d,10px 0 0 -2px #23272f,16px 2px 0 -3px #15181d,0 60px 90px -30px rgba(0,0,0,.95),-30px 40px 120px -40px rgba(5,82,252,.6);border-radius:56px}
.ph::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,0) 70%,rgba(255,255,255,.05) 100%);pointer-events:none}
.ph-screen{background:#0B1019}
.tg-bar{background:#121A26}
.tg-chat{background:#0B1019;gap:8px}
.tg-b{background:#141D2B;border:1px solid rgba(110,155,255,.14);border-radius:12px;max-width:92%;padding:8px 11px 7px}
.tg-b::after{background:#141D2B}
.tg-from{display:block;font-style:normal;font-size:11.5px;color:#5B9BFF;margin-bottom:2px}
.tg-b .k{text-transform:uppercase;letter-spacing:.02em;font-size:12px;color:#F2F4F7!important}
.tg-b:first-of-type{box-shadow:inset 3px 0 0 #FF4D4D}
.tg-b:nth-of-type(2){box-shadow:inset 3px 0 0 #F0CB6B}
.tg-b:nth-of-type(3){box-shadow:inset 3px 0 0 #3FE05A}
.tg-b:nth-of-type(4){box-shadow:inset 3px 0 0 #FF9A4A}
.tg-pair{color:#3FE05A}
.ped{position:relative;width:380px;max-width:100%;height:120px;margin-top:-70px;z-index:0}
.ped i{position:absolute;left:50%;transform:translateX(-50%);border-radius:50%}
.ped i:nth-child(1){bottom:0;width:100%;height:110px;background:radial-gradient(ellipse at 50% 40%,#101826,#05080f 70%);box-shadow:0 30px 60px -20px rgba(0,0,0,.9),inset 0 2px 0 rgba(143,176,255,.18)}
.ped i:nth-child(2){bottom:24px;width:78%;height:70px;border:2px solid rgba(5,82,252,.95);box-shadow:0 0 30px rgba(5,82,252,.8),0 0 70px rgba(5,82,252,.45),inset 0 0 24px rgba(5,82,252,.5)}
.ped i:nth-child(3){bottom:38px;width:52%;height:42px;border:1px solid rgba(143,176,255,.35)}
.sn-tg{margin-top:4px;position:relative;z-index:2}
@media (max-width:760px){.ph{transform:rotateY(-8deg) rotateX(3deg)}}

.ph-stage{position:relative;display:grid;place-items:center;padding-bottom:40px}
.ph-stage::before{content:"";position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:88%;height:90px;border-radius:50%;border:2px solid rgba(5,82,252,.9);box-shadow:0 0 36px rgba(5,82,252,.75),0 0 90px rgba(5,82,252,.4),inset 0 0 26px rgba(5,82,252,.45);background:radial-gradient(ellipse,rgba(5,82,252,.18),transparent 70%)}
.ph-stage::after{content:"";position:absolute;inset:10% 5% 12%;background:radial-gradient(ellipse at 50% 55%,rgba(5,82,252,.35),transparent 65%);filter:blur(30px);z-index:0}
.ph-img{position:relative;z-index:1;display:block;width:360px;max-width:100%;height:auto;filter:drop-shadow(0 40px 50px rgba(0,0,0,.8))}
.sn-tg{margin-top:-10px}
/* macro */

.heat{border:1px solid var(--line-2);border-radius:18px;background:var(--panel);padding:18px;display:grid;gap:14px}
.heat-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.heat-h h3{font-size:18px}
.heat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.cell{border-radius:8px;padding:10px 8px;display:grid;gap:4px;font:500 11px/1 var(--mono);min-height:58px;align-content:space-between}
.cell span{color:rgba(231,236,244,.95)}
.cell em{font-style:normal;font-size:12px}
.legend{display:flex;gap:14px;align-items:center;font:400 11px var(--mono);color:var(--dim);flex-wrap:wrap}
.legend i{display:inline-block;width:40px;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--down),#2a3346,var(--up));vertical-align:middle;margin:0 6px}
@media (max-width:560px){.heat-grid{grid-template-columns:repeat(3,1fr)}}

/* markets module */
.mk-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);gap:56px;align-items:center}
@media (max-width:1000px){.mk-split{grid-template-columns:1fr;gap:36px}}
.mk-split .sec-head{margin-bottom:28px}
.mk{border:1px solid var(--line-2);border-radius:18px;background:linear-gradient(180deg,var(--panel),var(--ink-2));overflow:hidden;box-shadow:0 30px 90px -40px rgba(5,82,252,.5);font-size:13px}
.mk .up{color:var(--up)}.mk .warn{color:var(--warn)}.mk .cob{color:#7EA2FF}
.mk-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);font:400 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.mk-bar b{color:#7EA2FF;font-weight:500}
.mk-body{display:grid;grid-template-columns:210px minmax(0,1fr)}
.mk-list{border-right:1px solid var(--line);padding:14px 10px;display:grid;gap:10px;align-content:start}
.mk-list-h{display:flex;justify-content:space-between;align-items:baseline;padding-inline:6px}
.mk-list-h b{font:600 12px var(--body);letter-spacing:.1em;text-transform:uppercase}
.mk-list-h small{font:400 10.5px var(--mono);color:var(--dim)}
.mk-cats{display:flex;flex-wrap:wrap;gap:4px}
.mk-cats span{font:500 10px/1 var(--mono);padding:5px 6px;border-radius:5px;border:1px solid var(--line);color:var(--muted)}
.mk-cats span.on{border-color:rgba(232,176,74,.55);color:var(--gold);background:rgba(232,176,74,.08)}
.mk-rows{display:grid;gap:2px}
.mk-row{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:8px 6px;border-radius:8px;border:1px solid transparent}
.mk-row.on{background:rgba(232,176,74,.07);border-color:rgba(232,176,74,.35)}
.mk-row i{font:500 9.5px/22px var(--mono);font-style:normal;text-align:center;width:24px;height:22px;border-radius:5px;border:1px solid var(--line-2);color:var(--muted)}
.mk-row.on i{color:var(--gold);border-color:rgba(232,176,74,.5)}
.mk-row span{font:500 11.5px/1.2 var(--mono)}
.mk-row span small{display:block;font:400 10px var(--body);color:var(--dim);margin-top:2px}
.mk-row b{font-size:11px;font-weight:400;text-align:right}
.mk-row b em{display:block;font-style:normal;font-size:10px}
.mk-main{padding:18px;display:grid;gap:14px;min-width:0}
.mk-main h3{font:600 18px/1.25 var(--body);letter-spacing:-.01em}
.mk-sub{font-size:11.5px;color:var(--dim);margin-top:4px}
.mk-sum{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--ink-2);display:grid;gap:6px}
.mk-sum small,.mk-box-h small,.mk-tags small{font:500 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.mk-sum p{color:var(--muted);font-size:12.5px;line-height:1.55}
.mk-tags{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px}
.mk-tags div{padding:10px 14px;display:grid;gap:4px}
.mk-tags div+div{border-left:1px solid var(--line)}
.mk-tags b{font-size:14px;font-weight:500}
.mk-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mk-box{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--ink-2);display:grid;gap:12px;align-content:start}
.mk-box-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mk-leg{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:4px}
.mk-leg i{width:6px;height:6px;border-radius:50%;display:inline-block;margin-left:4px}
.mk .b{background:linear-gradient(180deg,#7ea2ff,#3f6fe8)}.mk .g{background:linear-gradient(180deg,#5fe0a8,#239e6a)}
.mk-leg .b,.mk-leg .g{background:none}.mk-leg .b{background:#5a86f5}.mk-leg .g{background:#39c48a}
.mk-cot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-bottom:1px solid var(--line)}
.mk-cot>div{display:grid;justify-items:center;gap:6px;padding-bottom:6px}
.mk-cot span{height:96px;display:flex;align-items:flex-end;gap:10px;padding-top:14px}
.mk-cot span i{position:relative;width:14px;border-radius:3px 3px 0 0}
.mk-cot span i.neg{opacity:.75}
.mk-cot em{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:3px;font:400 8.5px var(--mono);font-style:normal;color:var(--muted);white-space:nowrap}
.mk-cot small{font:500 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.mk-liq{display:grid;gap:10px}
.mk-liq-lv{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:10.5px;white-space:nowrap}
.mk-liq-lv b{font-size:13px;font-weight:500}
.mk-liq-lv.r{background:rgba(255,95,98,.08);border-left:2px solid var(--down)}
.mk-liq-lv.s{background:rgba(46,207,139,.08);border-left:2px solid var(--up)}
.mk-liq-lv.r span{color:#ff9b9d}.mk-liq-lv.s span{color:#7fe3b6}
.mk-liq-bar{position:relative;height:8px;margin:14px 4px 4px;border-radius:99px;background:linear-gradient(90deg,rgba(46,207,139,.55),rgba(5,82,252,.25) 50%,rgba(255,95,98,.55))}
.mk-liq-now{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#dfe8ff;border:3px solid var(--cobalt);box-shadow:0 0 12px rgba(5,82,252,.8)}
.mk-liq-now em{position:absolute;bottom:130%;left:50%;transform:translateX(-50%);font-size:10px;font-style:normal;color:var(--text);white-space:nowrap}
.mk-liq-f{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:10.5px;color:var(--dim)}
.mk-liq-f b{color:var(--text);font-weight:500}
.mk-liq-f b.up{color:var(--up)}
.mk-disc{font-size:11px;color:var(--dim);border-top:1px solid var(--line);padding-top:10px}
@media (max-width:700px){.mk-body{grid-template-columns:1fr}.mk-list{border-right:0;border-bottom:1px solid var(--line)}.mk-rows{grid-template-columns:1fr 1fr}.mk-two{grid-template-columns:1fr}}
@media (max-width:440px){.mk-rows{grid-template-columns:1fr}.mk-tags{grid-template-columns:1fr}.mk-tags div+div{border-left:0;border-top:1px solid var(--line)}}

/* journal */
.journal{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}
@media (max-width:900px){.journal{grid-template-columns:1fr}}
.card{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:22px;display:grid;gap:16px;align-content:start}
.card-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.card-h h3{font-size:19px}
.card p.small{font-size:14.5px;color:var(--muted)}
.bars{display:grid;gap:14px}
.bar-row{display:grid;grid-template-columns:78px 1fr 54px;gap:12px;align-items:center;font:400 13px var(--mono);color:var(--muted)}
.bar-row .track{height:10px;background:var(--ink);border-radius:99px;overflow:hidden}
.bar-row .track i{display:block;height:100%;border-radius:inherit;background:var(--cobalt)}
.bar-row strong{color:var(--text);font-weight:500;text-align:right}
table.trades{width:100%;border-collapse:collapse;font:400 12.5px var(--mono)}
.trades th{text-align:left;color:var(--dim);font-weight:400;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:0 8px 10px 0;border-bottom:1px solid var(--line)}
.trades td{padding:10px 8px 10px 0;border-bottom:1px solid var(--line);white-space:nowrap}
.trades tr:last-child td{border-bottom:0}
.tag{font:500 10.5px/1 var(--mono);padding:4px 7px;border-radius:5px;letter-spacing:.04em}
.tag.bad{color:var(--down);background:rgba(255,95,98,.1)}
.tag.ok{color:var(--up);background:rgba(46,207,139,.1)}
.scroll-x{overflow-x:auto}

/* journal module */
.jr{border:1px solid var(--line-2);border-radius:20px;background:linear-gradient(180deg,var(--panel),var(--ink-2));padding:24px;display:grid;gap:20px;box-shadow:0 30px 90px -40px rgba(5,82,252,.45);font-size:13px}
.jr svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.jr .up{color:var(--up)}.jr .down{color:var(--down)}.jr .cob{color:#7EA2FF}
.jr small{display:block;font:500 10.5px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.jr-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.jr-title{display:flex;align-items:center;gap:14px}
.jr-ic{width:42px;height:42px;flex:none;border-radius:11px;background:var(--cobalt-soft);border:1px solid rgba(5,82,252,.35);display:grid;place-items:center;color:#7EA2FF}
.jr-ic svg{width:21px;height:21px}
.jr-title h3{font:600 22px/1.2 var(--body);letter-spacing:-.01em}
.jr-title p{font-size:13px;color:var(--muted);margin-top:3px}
.jr-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.jr-pill{font-size:12px;padding:8px 12px;border:1px solid var(--line-2);border-radius:8px;color:var(--text);white-space:nowrap}
.jr-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.jr-kpi{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}
.jr-kpi strong{display:block;font-size:28px;font-weight:500;margin:6px 0 4px}
.jr-kpi em{font-style:normal;font-size:11.5px;color:var(--up)}
.jr-spark{width:84px;height:30px;flex:none;color:var(--up);stroke-width:1.6;filter:drop-shadow(0 0 6px rgba(46,207,139,.5))}
.jr-win,.jr-table{display:grid;gap:12px}
.jr-win-h{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.jr-win-h b{display:block;font:600 15px var(--body);margin-top:4px}
.jr-chip{font-size:11px;padding:6px 10px;border-radius:99px;border:1px solid rgba(5,82,252,.4);color:#8FB0FF;background:rgba(5,82,252,.08);white-space:nowrap}
.jr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.jr-stats>div{padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--ink-2);display:grid;gap:4px}
.jr-stats strong{font-size:22px;font-weight:500}
.jr-stats span{font-size:11.5px;color:var(--dim)}
.jr-table table{width:100%;border-collapse:collapse;font:400 12.5px var(--mono);font-variant-numeric:tabular-nums}
.jr-table th{text-align:left;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:10px 12px;background:var(--panel-2);border-block:1px solid var(--line);white-space:nowrap}
.jr-table td{padding:11px 12px;border-bottom:1px solid var(--line);white-space:nowrap;color:var(--muted)}
.jr-table td small{font-size:10px;letter-spacing:0;margin-top:2px}
.jr-table td:first-child{color:var(--text)}
.jr-table td.a{color:var(--text);font-weight:500}
.jr-table td.up{color:var(--up)}.jr-table td.down{color:var(--down)}
.jr-table tr:last-child td{border-bottom:0}
.jr-st{font-size:11px;padding:4px 8px;border-radius:5px}
.jr-st.w{color:var(--up);background:rgba(46,207,139,.1);border:1px solid rgba(46,207,139,.3)}
.jr-st.l{color:var(--down);background:rgba(255,95,98,.1);border:1px solid rgba(255,95,98,.3)}
.jr-table table{min-width:1000px;font-size:11.5px}
.jr-table th{padding:10px 8px}
.jr-table th small{font-size:9px;color:var(--dim);letter-spacing:0;text-transform:none}
.jr-table td{padding:10px 8px}
.jr-table td.n{color:var(--dim)}
.jr-table .scroll-x{border:1px solid var(--line);border-radius:10px}
.jr-table th{border-top:0}
@media (max-width:900px){.jr-kpis{grid-template-columns:1fr}.jr-stats{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.jr{padding:16px}.jr-stats strong{font-size:18px}.jr-spark{width:64px}}

/* risk */
.risk{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:900px){.risk{grid-template-columns:1fr}}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.field{display:grid;gap:6px}
.field label{font:400 11px var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.08em}
.field input{background:var(--ink);border:1px solid var(--line-2);border-radius:8px;color:var(--text);font:500 15px var(--mono);padding:10px 12px;width:100%}
.field input:focus{outline:none;border-color:var(--cobalt)}
.calc-out{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;border-radius:10px;background:var(--cobalt-soft);border:1px solid rgba(5,82,252,.35)}
.calc-out strong{font:500 26px/1 var(--mono)}
.calc-out small{font-size:13px;color:var(--muted)}
.toxic{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--muted);padding:12px 14px;border-radius:10px;border:1px dashed rgba(245,165,36,.45)}
.toxic b{color:var(--warn)}
.news{display:grid;gap:0}
.news-row{display:grid;grid-template-columns:54px 44px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.news-row:last-child{border-bottom:0}
.news-row .mono{font-size:12.5px;color:var(--muted)}
.imp{display:flex;gap:3px}.imp i{width:6px;height:14px;border-radius:2px;background:var(--line-2)}
.imp.h i{background:var(--down)}.imp.m i:nth-child(-n+2){background:var(--warn)}
.cur{font:500 12px var(--mono);color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:5px;padding:4px 6px;text-align:center}

/* risk module */
.rk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px;align-items:start}
@media (max-width:1000px){.rk{grid-template-columns:1fr}}
.rk svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.rk .up{color:var(--up)}.rk .warn{color:var(--warn)}.rk .down{color:var(--down)}
.rk-card{border:1px solid var(--line-2);border-radius:18px;background:linear-gradient(180deg,var(--panel),var(--ink-2));padding:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-content:start;font-size:13px;margin:0;min-width:0}
.rk-card .full,.rk-h,.rk-cal>*{grid-column:1/-1}
.rk-cal{grid-template-columns:1fr}
.rk-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.rk-step{display:block;font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.rk-h h3{display:flex;align-items:center;gap:10px;font:600 19px/1.2 var(--body)}
.rk-h h3 svg{width:20px;height:20px;color:#7EA2FF}
.rk-live{display:inline-flex;align-items:center;gap:6px;font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--up);border:1px solid rgba(46,207,139,.4);background:rgba(46,207,139,.07);padding:5px 8px;border-radius:6px;white-space:nowrap}
.rk-live i{width:6px;height:6px;border-radius:50%;background:var(--up);box-shadow:0 0 8px var(--up)}
.rk-date{font-size:12px;padding:7px 11px;border:1px solid var(--line-2);border-radius:8px;white-space:nowrap}
.rk-f{display:grid;gap:6px;min-width:0}
.rk-f label{font-size:12px;color:var(--muted)}
.rk-in{display:flex;align-items:center;gap:8px;min-width:0;background:var(--ink);border:1px solid var(--line-2);border-radius:9px;padding:0 12px}
.rk-in:focus-within{border-color:var(--cobalt)}
.rk-in input,.rk-in select{flex:1;min-width:0;background:transparent;border:0;color:var(--text);font:500 14px var(--mono);padding:11px 0;outline:none}
.rk-in select{cursor:pointer}
.rk-in select option{background:var(--panel)}
.rk-in span{font:400 11px var(--mono);color:var(--dim)}
.rk-mkt{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;background:var(--ink-2)}
.rk-mkt>div{padding:12px 14px;display:grid;gap:4px}
.rk-mkt>div+div{border-left:1px solid var(--line)}
.rk-mkt small,.rk-res small{font-size:11px;color:var(--muted)}
.rk-mkt strong{font-size:22px;font-weight:500}
.rk-mkt em,.rk-res em{font-style:normal;font-size:11px;color:var(--muted)}
.rk-mkt span{font-size:11px;color:var(--dim)}
.rk-alert{display:grid;gap:3px;padding:11px 14px;border-radius:10px;border:1px solid rgba(245,165,36,.45);background:rgba(245,165,36,.07)}
.rk-alert b{font:600 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--warn)}
.rk-alert span{font-size:12.5px;color:var(--muted)}
.rk-res{border:1px solid rgba(5,82,252,.45);border-radius:12px;background:var(--cobalt-soft);padding:14px;display:grid;gap:12px}
.rk-res-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.rk-res-h small{font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8FB0FF}
.rk-res-g{display:grid;grid-template-columns:repeat(3,1fr)}
.rk-res-g>div{display:grid;gap:4px;align-content:start}
.rk-res-g>div+div{border-left:1px solid rgba(5,82,252,.3);padding-left:14px}
.rk-res-g strong{font-size:20px;font-weight:500;white-space:nowrap}
.rk-res-g span{font-size:10.5px;color:var(--dim)}
.rk-note{font-size:12.5px;color:var(--muted);padding-top:2px}
.rk-note b{color:var(--text)}
.rk-next{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;border:1px solid rgba(232,176,74,.5);background:rgba(232,176,74,.07)}
.rk-next b{display:block;color:var(--gold);font-size:14px}
.rk-next span{font-size:12px;color:var(--muted)}
.rk-cd{text-align:right;flex:none}
.rk-cd strong{display:block;font-size:28px;font-weight:500;color:var(--gold);letter-spacing:.02em}
.rk-cd small{font-size:10px;color:var(--dim)}
.rk-tbl{width:100%;min-width:580px;border-collapse:collapse;font:400 12.5px var(--mono);font-variant-numeric:tabular-nums}
.rk-tbl th{text-align:left;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:0 8px 10px 0;border-bottom:1px solid var(--line)}
.rk-tbl td{padding:10px 8px 10px 0;border-bottom:1px solid var(--line);white-space:nowrap;color:var(--muted)}
.rk-tbl td:nth-child(3){font-family:var(--body);color:var(--text);font-size:13px}
.rk-tbl td small{display:block;font-size:10.5px;color:var(--dim)}
.rk-tbl tr.hot td:first-child{box-shadow:inset 2px 0 0 var(--down);padding-left:10px}
.rk-tbl tr:last-child td{border-bottom:0}
.rk-tbl td.t{color:var(--dim)}.rk-tbl td.t.r{color:var(--down)}
.fl{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;vertical-align:middle}
.fl.us{background:#e8ecf5}.fl.eu{background:#0552FC}.fl.gb{background:#ff5f62}.fl.jp{background:#f5f5f5;box-shadow:inset 0 0 0 2px #ff5f62}
.im{display:inline-flex;gap:3px}
.im i{width:7px;height:7px;border-radius:50%;background:var(--line-2)}
.im.h i{background:var(--down)}
.im.m i:nth-child(-n+2){background:var(--warn)}
.im.l i:first-child{background:var(--dim)}
.rk-leg{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--dim)}
.rk-leg i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}
.rk-leg i.h{background:var(--down)}.rk-leg i.m{background:var(--warn)}.rk-leg i.l{background:var(--dim)}
.rk-leg .demo{margin-left:auto}
@media (max-width:560px){.rk-card{grid-template-columns:1fr;padding:16px}.rk-res-g{grid-template-columns:1fr;gap:10px}.rk-res-g>div+div{border-left:0;padding-left:0;border-top:1px solid rgba(5,82,252,.3);padding-top:10px}.rk-mkt{grid-template-columns:1fr}.rk-mkt>div+div{border-left:0;border-top:1px solid var(--line)}}

/* track record */
.trackrec{background:radial-gradient(ellipse 80% 60% at 70% 40%,rgba(232,176,74,.14),transparent 70%),var(--ink);border-block:1px solid rgba(232,176,74,.25)}
.trackrec .eyebrow{color:var(--gold)}
.trackrec h2 em{font-style:normal;color:var(--gold)}
.cert{position:relative;border-radius:16px;padding:28px;background:linear-gradient(160deg,#141009,#0b0a08 60%);border:1px solid rgba(232,176,74,.45);box-shadow:0 30px 90px -30px rgba(232,176,74,.35),inset 0 0 0 6px rgba(232,176,74,.06);display:grid;gap:18px;max-width:520px;margin-left:auto;width:100%}
.cert-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.cert-top small{font:500 10.5px var(--mono);letter-spacing:.16em;color:var(--gold);text-transform:uppercase}
.cert h3{font-size:28px;color:#f5e6c4}
.cert-rows{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;border-block:1px solid rgba(232,176,74,.2);padding-block:16px}
.cert-rows div{display:grid;gap:4px}
.cert-rows span{font:400 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#9b8a66}
.cert-rows strong{font:500 15px var(--mono);color:#f5e6c4}
.cert-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.cert-foot p{font:400 11.5px/1.5 var(--mono);color:#9b8a66}
.qr{width:88px;height:88px;flex:none;background:#f5e6c4;border-radius:6px;padding:6px}
.qr canvas{width:100%;height:100%;image-rendering:pixelated;display:block}

/* platinum track record */
.pt{--pt-1:#EEF2F7;--pt-2:#C3CCD8;--pt-3:#8D98A8;--pt-4:#5B6576;--pt-line:rgba(195,204,216,.22);--pt-glow:rgba(195,204,216,.18);
  position:relative;overflow:hidden;border-block:1px solid var(--pt-line);
  background:radial-gradient(ellipse 70% 60% at 75% 45%,rgba(195,204,216,.09),transparent 70%),linear-gradient(180deg,#090c12,#0b0f16 50%,#090c12)}
.pt svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pt .eyebrow{color:var(--pt-2)}
.pt-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.pt-head h2 em{font-style:normal;background:linear-gradient(100deg,#ffffff 0%,#c3ccd8 35%,#7f8a9b 55%,#e4e9f0 75%,#9aa5b5 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pt-seal{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid var(--pt-line);background:rgba(195,204,216,.05)}
.pt-seal svg{width:26px;height:26px;color:var(--pt-2)}
.pt-seal span{font-size:12px;color:var(--muted);display:grid}
.pt-seal b{font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pt-1)}
.pt-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:16px;align-items:stretch}
@media (max-width:1000px){.pt-grid{grid-template-columns:1fr}}
.pt-card,.pt-wl{border-radius:18px;border:1px solid var(--pt-line);position:relative}
.pt-card{background:linear-gradient(180deg,#111621,#0b0f17);padding:22px;display:grid;gap:16px}
.pt-card::before,.pt-wl::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(195,204,216,.05) 40%,rgba(195,204,216,.25));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.pt-card-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.pt-title{display:flex;align-items:center;gap:12px}
.pt-title svg{width:26px;height:26px;color:var(--pt-2)}
.pt-title h3{font:600 20px/1.2 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--pt-1)}
.pt-title p{font-size:12px;color:var(--muted);margin-top:2px}
.pt-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pt-kpis>div{padding:16px;border-radius:12px;border:1px solid var(--pt-line);background:rgba(195,204,216,.03);display:grid;gap:6px}
.pt small{font:500 10.5px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pt-3)}
.pt-kpis strong{font-size:30px;font-weight:500;color:var(--pt-1);letter-spacing:-.01em}
.pt-kpis>div:first-child strong{background:linear-gradient(180deg,#ffffff,#aab4c3);-webkit-background-clip:text;background-clip:text;color:transparent}
.pt-kpis span{font-size:11.5px;color:var(--dim)}
.pt-chart{position:relative;border-radius:12px;border:1px solid var(--pt-line);background:rgba(0,0,0,.25);padding:14px 16px 10px}
.pt-chart-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.pt-tabs{display:flex;gap:4px}
.pt-tabs span{font:500 11px var(--mono);color:var(--muted);padding:5px 8px;border-radius:6px}
.pt-tabs span.on{background:linear-gradient(180deg,#e9edf3,#a9b3c1);color:#10141c}
#pt-curve{display:block;width:100%;height:200px}
.pt-x{display:flex;justify-content:space-between;font-size:10.5px;color:var(--dim);padding-top:6px}
.pt-lock{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;font-size:12px;color:var(--pt-2);padding:8px 12px;border-radius:99px;border:1px solid var(--pt-line);background:rgba(9,12,18,.85);white-space:nowrap}
.pt-lock svg{width:15px;height:15px}
.pt-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--pt-line);border-radius:12px}
.pt-stats>div{padding:12px 14px;display:grid;gap:3px;align-content:start}
.pt-stats>div+div{border-left:1px solid var(--pt-line)}
.pt-stats b{font-size:17px;font-weight:500;color:var(--pt-1)}
.pt-stats em{font-style:normal;font-size:11px;color:var(--pt-2)}
.pt-wl{background:radial-gradient(ellipse at 50% 0%,rgba(195,204,216,.14),transparent 60%),linear-gradient(180deg,#131925,#0b0f17);padding:26px;display:flex;flex-direction:column;gap:18px}
.pt-wl-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pt-brand{display:flex;align-items:center;gap:8px;font:700 15px var(--body);letter-spacing:.02em;color:var(--pt-1)}
.pt-brand b{font-weight:400;color:var(--pt-3)}
.pt-brand .db-grid i{background:var(--pt-2)}.pt-brand .db-grid i:nth-child(2n){background:var(--pt-4)}
.pt-excl{font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#10141c;padding:6px 9px;border-radius:6px;background:linear-gradient(180deg,#f2f5f9,#a5afbe);box-shadow:0 0 18px var(--pt-glow)}
.pt-wl h3{font:700 clamp(28px,3vw,36px)/1.02 var(--display);letter-spacing:-.01em;text-transform:uppercase;color:var(--pt-1)}
.pt-wl h3 span{font-weight:500;background:linear-gradient(100deg,#ffffff,#9aa5b5 50%,#e4e9f0);-webkit-background-clip:text;background-clip:text;color:transparent}
.pt-wl p{font-size:14.5px;color:var(--muted)}
.pt-wl ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pt-wl li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--text)}
.pt-wl li::before{content:"✓";flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--pt-1);border:1px solid var(--pt-3)}
.pt-btn{display:flex;justify-content:center;align-items:center;padding:15px 18px;border-radius:11px;text-decoration:none;font:600 15px var(--body);color:#0d1118;background:linear-gradient(180deg,#f4f6f9 0%,#c6cfdb 55%,#98a3b3 100%);box-shadow:0 10px 30px -10px rgba(195,204,216,.5),inset 0 1px 0 #fff;transition:transform .15s}
.pt-btn:hover{transform:translateY(-1px)}
.pt-price{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);padding-block:10px;border-block:1px solid var(--pt-line)}
.pt-price b{color:var(--pt-1);font-size:15px;font-weight:500}
.pt-sec{text-align:center;text-transform:none!important;letter-spacing:0!important;font-size:11.5px!important}
.pt-motto{margin-top:auto;text-align:center;font:500 11px var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--pt-3)}
@media (max-width:760px){.pt-kpis{grid-template-columns:1fr}.pt-stats{grid-template-columns:1fr 1fr}.pt-stats>div:nth-child(3){border-left:0}.pt-stats>div:nth-child(n+3){border-top:1px solid var(--pt-line)}.pt-lock{font-size:10.5px}}

/* platinum + cobalt blend */
.pt{--pt-line:rgba(157,184,255,.2);background:radial-gradient(ellipse 60% 55% at 78% 40%,rgba(5,82,252,.16),transparent 70%),radial-gradient(ellipse 50% 40% at 20% 90%,rgba(195,204,216,.06),transparent 70%),linear-gradient(180deg,#070b14,#0a1020 50%,#070b14)}
.pt .eyebrow{color:#8FB0FF}
.pt-head h2 em{background:linear-gradient(100deg,#ffffff 0%,#c3ccd8 30%,#7EA2FF 60%,#0552FC 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pt-seal svg{color:#7EA2FF}
.pt-seal{background:rgba(5,82,252,.06)}
.pt-card{background:linear-gradient(180deg,#0f1628,#0a0f1b)}
.pt-card::before,.pt-wl::before{background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(5,82,252,.25) 45%,rgba(195,204,216,.3))}
.pt-title svg{color:#7EA2FF}
.pt-kpis>div{background:linear-gradient(180deg,rgba(5,82,252,.06),rgba(195,204,216,.02))}
.pt-kpis>div:first-child strong{background:linear-gradient(180deg,#ffffff,#8FB0FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.pt-tabs span.on{background:linear-gradient(180deg,#6f9bff,#3d6fe6);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.pt-stats em{color:#7EA2FF}
.pt-lock svg{color:#7EA2FF}
.pt-wl{background:radial-gradient(ellipse at 50% 0%,rgba(5,82,252,.22),transparent 60%),linear-gradient(180deg,#111a2e,#0a0f1b)}
.pt-brand .db-grid i{background:#0552FC}.pt-brand .db-grid i:nth-child(2n){background:#c3ccd8}
.pt-wl h3 span{background:linear-gradient(100deg,#e4e9f0,#7EA2FF 60%,#0552FC);-webkit-background-clip:text;background-clip:text;color:transparent}
.pt-wl li::before{border-color:rgba(143,176,255,.7);color:#dfe8ff;background:rgba(5,82,252,.12)}
.pt-btn{color:#fff;background:linear-gradient(180deg,#6f9bff 0%,#0552FC 50%,#2f5fd6 100%);box-shadow:0 12px 34px -10px rgba(5,82,252,.7),inset 0 1px 0 rgba(255,255,255,.45),0 0 0 1px rgba(195,204,216,.35)}

/* certificate document */
.pt-docwrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:center;margin-top:72px}
@media (max-width:1000px){.pt-docwrap{grid-template-columns:1fr;gap:32px}}
.pt-doc-copy{display:grid;gap:16px}
.pt-doc-copy h3{font-size:clamp(26px,3.2vw,38px)}
.pt-doc-copy>p{color:var(--muted);font-size:16.5px}
.pt-doc{position:relative;background:#fbfcfe;color:#1a2233;border-radius:6px;padding:36px 38px 28px;display:grid;gap:18px;font-family:var(--body);box-shadow:0 40px 90px -30px rgba(0,0,0,.85),0 0 0 1px rgba(157,184,255,.25),0 0 80px -20px rgba(5,82,252,.35);transform:rotate(-.6deg)}
.pt-doc::after{content:"";position:absolute;inset:10px;border:1px solid #e3e8f0;border-radius:3px;pointer-events:none}
.pt-doc-demo{position:absolute;top:-12px;right:22px;font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--cobalt);padding:7px 10px;border-radius:5px;z-index:1}
.pt-doc small{display:block;font:600 8.5px/1.4 var(--body);letter-spacing:.16em;text-transform:uppercase;color:#8a93a6}
.pd-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;border-bottom:1px solid #e3e8f0}
.pd-h h4{font:400 clamp(20px,2.4vw,27px)/1.1 var(--body);letter-spacing:-.01em;text-transform:uppercase;color:#10182a;margin-top:6px;max-width:14ch}
.pd-logos{display:flex;gap:8px;align-items:center;flex:none}
.pd-partner{height:38px;padding:0 12px;border:1px solid #dfe4ec;border-radius:4px;display:grid;place-items:center;background:#fff}
.pd-partner img{height:18px;width:auto;display:block}
.pd-tb{height:38px;padding:0 10px;background:#0b0f17;border-radius:4px;display:flex;align-items:center;gap:6px;color:#fff;font:700 10px var(--body);letter-spacing:.04em}

.pd-tb .db-grid{grid-template-columns:repeat(3,3px);gap:1.5px}.pd-tb .db-grid i{width:3px;height:3px}
.pd-lead{font-size:12px;line-height:1.6;color:#4a5468;max-width:60ch}
.pd-period{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#8a93a6}
.pd-period b{color:#1a2233;font-weight:600}
.pd-read{display:grid;grid-template-columns:.8fr 1.4fr;gap:20px;padding-block:14px;border-block:1px solid #e3e8f0}
.pd-read b{display:block;font-weight:500;font-size:13px;color:#10182a;margin-top:4px}
.pd-read p{font-size:10px;line-height:1.6;color:#5b6477}
.pd-read p+p{margin-top:6px}
.pd-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dfe4ec}
.pd-grid>div{padding:12px 14px;border-right:1px solid #dfe4ec;border-bottom:1px solid #dfe4ec;display:grid;gap:5px;align-content:start}
.pd-grid>div:nth-child(3n){border-right:0}.pd-grid>div:nth-child(n+4){border-bottom:0}
.pd-grid b{font-weight:400;font-size:16px;color:#10182a;font-variant-numeric:tabular-nums}
.pd-grid b.bl{color:#3d6fe6}
.pd-grid em{font-style:normal;font-size:9.5px;color:#5a86f5}
.pd-empty{background:repeating-linear-gradient(135deg,transparent 0 8px,#f3f5f9 8px 9px)}
.pd-chart-h{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.pd-chart-h b{display:block;font-weight:500;font-size:14px;color:#10182a;margin-top:3px}
.pd-chart-h span{font-size:9.5px;color:#5b6477;display:flex;align-items:center;gap:5px}
.pd-chart-h i{width:6px;height:6px;border-radius:50%;background:#0552FC}
.pd-chart{position:relative}
#pd-curve{display:block;width:calc(100% - 46px);margin-left:46px;height:120px;margin-top:8px}
.pd-y{position:absolute;left:0;top:44px;height:120px;display:flex;flex-direction:column;justify-content:space-between;font-size:8.5px;color:#8a93a6;padding-block:2px 4px}
.pd-x{margin-left:46px}
.pd-x{display:flex;justify-content:space-between;font-size:8.5px;letter-spacing:.08em;color:#8a93a6;padding-top:4px}
.pt-doc .pd-f{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:14px 0 0;border-top:1px solid #e3e8f0;background:transparent}
#pd-curve{stroke:none}
.pd-qr{display:flex;align-items:center;gap:8px}
.pd-qr canvas{width:48px;height:48px;image-rendering:pixelated;display:block}
.pd-qr span{font-size:8.5px;line-height:1.35;color:#5b6477}
.pd-hash{display:grid;gap:3px;min-width:0}
.pd-hash code{font:400 9.5px var(--mono);color:#1a2233;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-hash span{font-size:8.5px;color:#8a93a6}
.pd-seal{width:64px;height:64px;border-radius:50%;border:1.5px solid #9aa5b5;box-shadow:inset 0 0 0 4px #fbfcfe,inset 0 0 0 5px #0552FC;display:grid;place-items:center;align-content:center;text-align:center;color:#3d6fe6;transform:rotate(-8deg)}
.pd-seal span{font:600 6px/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#5b6477}
.pd-seal b{font-size:18px;line-height:1}
@media (max-width:600px){.pt-doc{padding:26px 20px 20px;transform:none}.pd-h{flex-direction:column}.pd-read{grid-template-columns:1fr}.pd-grid{grid-template-columns:1fr 1fr}.pd-grid>div{border-right:1px solid #dfe4ec!important;border-bottom:1px solid #dfe4ec!important}.pd-empty{display:none}.pd-f{grid-template-columns:1fr auto}.pd-hash{grid-column:1/-1;grid-row:2}}

/* b2b */
.b2b-box{border:1px solid var(--line-2);border-radius:22px;background:linear-gradient(180deg,var(--panel),var(--ink-2));padding:40px;display:grid;gap:28px}
.b2b-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:760px){.b2b-cols{grid-template-columns:1fr}.b2b-box{padding:24px}}
.b2b-cols .card{background:var(--ink-2)}
.big-num{font:700 44px/1 var(--display);color:var(--text)}
.big-num small{font:500 14px var(--body);color:var(--muted);margin-left:6px}

/* beta */
.beta{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;border:1px dashed var(--line-2);border-radius:22px;padding:40px}
@media (max-width:860px){.beta{grid-template-columns:1fr;padding:24px}}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.slot{aspect-ratio:1;border-radius:14px;border:1px solid var(--line);background:repeating-linear-gradient(135deg,var(--ink-2) 0 10px,var(--panel) 10px 20px);display:grid;place-items:center;font:500 12px var(--mono);color:var(--dim);max-width:100%}
.beta-count{font:500 13px var(--mono);color:var(--muted)}
.beta-count b{color:var(--text)}

/* testimonials marquee */
.tm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.tm-marquee{display:grid;gap:16px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tm-row{overflow:hidden}
.tm-track{display:flex;gap:16px;width:max-content;animation:tm 55s linear infinite}
.tm-row.rev .tm-track{animation-direction:reverse;animation-duration:62s}
.tm-marquee:hover .tm-track{animation-play-state:paused}
@keyframes tm{to{transform:translateX(calc(-50% - 8px))}}
.tm-card{margin:0;width:360px;max-width:80vw;flex:none;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--ink-2));padding:20px;display:grid;gap:14px;align-content:start}
.tm-top{display:flex;align-items:center;gap:8px}
.tm-stars{display:inline-flex;gap:1px;font-size:15px;line-height:1}
.tm-stars i{font-style:normal;color:var(--line-2);position:relative}
.tm-stars i.f{color:#f5b942}
.tm-stars i.p{background:linear-gradient(90deg,#f5b942 var(--w),var(--line-2) var(--w));-webkit-background-clip:text;background-clip:text;color:transparent}
.tm-top b{font-size:13px;font-weight:500}
.tm-tag{margin-left:auto;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8FB0FF;border:1px solid rgba(5,82,252,.35);padding:4px 7px;border-radius:5px}
.tm-card blockquote{margin:0;font-size:14.5px;line-height:1.55;color:var(--muted);font-style:italic}
.tm-card figcaption{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.tm-av{width:36px;height:36px;flex:none;border-radius:50%;border:1px dashed var(--line-2);display:grid;place-items:center;font:500 11px var(--mono);color:var(--dim)}
.tm-card figcaption b{display:block;font-size:13.5px;font-weight:600;white-space:nowrap}
.tm-card figcaption small{font-size:12px;color:var(--dim)}
.tm-card figcaption em{margin-left:auto;font-style:normal;font:500 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--warn)}
@media (prefers-reduced-motion:reduce){.tm-row{overflow-x:auto}.tm-track{animation:none}}

/* pricing */
.toggle{display:inline-flex;border:1px solid var(--line-2);border-radius:999px;padding:4px;gap:4px;background:var(--ink-2)}
.toggle button{border:0;background:transparent;color:var(--muted);font:600 14px var(--body);padding:9px 16px;border-radius:999px;cursor:pointer}
.toggle button[aria-pressed="true"]{background:var(--cobalt);color:#fff}
.toggle .save{font:500 11px var(--mono);color:var(--up);margin-left:4px}
.plans{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:32px}
@media (max-width:860px){.plans{grid-template-columns:1fr}}
.plan{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:30px;display:grid;gap:22px;align-content:start}
.plan.main{border-color:rgba(5,82,252,.55);box-shadow:0 30px 80px -40px rgba(5,82,252,.6)}
.price{display:flex;align-items:baseline;gap:8px}
.price strong{font:800 64px/1 var(--display);letter-spacing:-.03em}
.price span{color:var(--muted)}
.price-note{font:400 13px var(--mono);color:var(--dim);min-height:1.4em}
.inc{display:grid;gap:10px;margin:0;padding:0;list-style:none;font-size:15px;color:var(--muted)}
.inc li{display:flex;gap:10px}
.inc li::before{content:"";flex:none;width:16px;height:16px;margin-top:4px;border-radius:50%;background:var(--cobalt-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%234C82FF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.addon{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.addon:last-of-type{border-bottom:0}
.addon b{display:block;font-weight:600}
.addon small{color:var(--muted);font-size:13.5px}
.addon .mono{font-size:15px;white-space:nowrap}

.plan-badge{font:600 12.5px/1 var(--body);color:#0552FC;background:rgba(5,82,252,.09);border:1px solid rgba(5,82,252,.22);padding:7px 12px;border-radius:99px;white-space:nowrap}
.plan .card-h{flex-wrap:wrap;gap:10px}
.plan{min-width:0}
/* faq */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:860px){.faq{grid-template-columns:1fr}}
.faq details{border:1px solid var(--line);border-radius:14px;background:var(--ink-2);padding:0 20px}
.faq summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:600;display:flex;justify-content:space-between;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 22px/1 var(--mono);color:var(--cobalt);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);font-size:15px;padding-bottom:18px}

/* final cta + .old-footer */
.final{text-align:center;display:grid;justify-items:center;gap:22px;padding-block:110px;position:relative;overflow:hidden}
.final::before{content:"";position:absolute;inset:auto 0 -40%;height:500px;background:radial-gradient(ellipse 50% 60% at 50% 100%,rgba(5,82,252,.35),transparent 70%)}
.final h2{font-size:clamp(34px,5vw,60px);max-width:16ch;position:relative}
.final p{color:var(--muted);max-width:52ch;position:relative}
.final .hero-actions{position:relative}
body>.old-footer{border-top:1px solid #1d1d1d;background:var(--obsidian);padding-block:56px 40px}
.foot{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
@media (max-width:760px){.foot{grid-template-columns:1fr 1fr}.foot > div:first-child{grid-column:1/-1}}
.foot h4{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0 0 14px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px;color:var(--muted)}
.foot a{text-decoration:none}.foot a:hover{color:var(--text)}
.disclaimer{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.6;color:var(--dim);display:grid;gap:10px}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (max-width:600px){section{padding-block:68px}}
/* ===== unified terminal system (matches site) ===== */
:is(.terminal,.mk,.jr,.rk-card,.sn-panel,.pt-card,.pt-wl){--ink:#0A1426;--ink-2:#0C1830;--panel:#0F1C33;--panel-2:#12213B;--line:rgba(148,170,210,.12);--line-2:rgba(148,170,210,.2);--text:#F2F4F7;--muted:#98A6BC;--dim:#6E7D95;--acc:#7EA2FF;--up:#3FE05A;--down:#FF4D4D;--warn:#F0CB6B;color-scheme:dark;color:var(--text);background:linear-gradient(180deg,#0F1D36 0%,#0A1426 100%)!important;border:1px solid rgba(148,170,210,.16)!important;border-radius:14px!important;box-shadow:0 40px 80px -40px rgba(5,20,60,.7),0 0 0 1px rgba(255,255,255,.02) inset!important}
:is(.terminal,.mk,.jr,.rk-card,.sn-panel,.pt-card,.pt-wl) *{font-family:var(--body)!important;font-variant-numeric:tabular-nums;letter-spacing:0}
:is(.terminal,.mk,.jr,.rk-card,.sn-panel,.pt-card,.pt-wl) :is(h3,h4,h5){font-weight:600!important;letter-spacing:-.01em!important}
:is(.terminal,.mk,.jr,.rk-card,.sn-panel,.pt-card,.pt-wl) :is(small,th,.mk-bar,.t-bar,.db-eyebrow,.rk-step){text-transform:none!important;letter-spacing:0!important}
:is(.terminal,.mk,.jr,.rk-card,.pt-card) :is(.db-card,.mk-box,.mk-sum,.mk-tags,.jr-kpi,.jr-stats>div,.pt-kpis>div,.pt-chart,.pt-stats,.rk-mkt,.rk-in,.db-inp,.kpi,.chart,.db-candles,.db-note,.db-live,.jr-pill,.rk-date,.db-date){background:rgba(255,255,255,.028)!important;border:1px solid rgba(148,170,210,.12)!important;border-radius:10px!important;box-shadow:none!important}
:is(.terminal,.mk,.jr,.rk-card,.pt-card) :is(.t-bar,.mk-bar,.db-top){background:rgba(255,255,255,.02)!important;border-bottom:1px solid rgba(148,170,210,.12)!important}
:is(.terminal,.mk) :is(.db-side,.mk-list){background:rgba(5,10,22,.35)!important;border-right:1px solid rgba(148,170,210,.12)!important}
/* demo tag */
:is(.terminal,.mk,.jr,.rk-card,.pt-card,.pt-wl) .demo{font:500 11px/1 var(--body)!important;letter-spacing:.02em!important;text-transform:none!important;color:#8FB0FF!important;background:rgba(5,82,252,.12)!important;border:1px solid rgba(5,82,252,.35)!important;padding:6px 10px!important;border-radius:99px!important}
/* active states in brand blue, no gold */
.mk-cats span{border-radius:99px!important;padding:6px 10px!important;font-size:11.5px!important}
.mk-cats span.on{color:#fff!important;background:#0552FC!important;border-color:#0552FC!important}
.mk-row{border-radius:10px!important}
.mk-row.on{background:rgba(5,82,252,.14)!important;border-color:rgba(5,82,252,.45)!important}
.mk-row i{border-radius:8px!important;font-size:10px!important}
.mk-row.on i{color:#fff!important;background:#0552FC!important;border-color:#0552FC!important}
.mk-row span{font-weight:600!important}
.mk-bar b,.mk .cob{color:#7EA2FF!important}
.db-nav .act{background:rgba(5,82,252,.16)!important;box-shadow:inset 0 0 0 1px rgba(5,82,252,.45)!important}
.db-gem{background:#0552FC!important;color:#fff!important}
/* chart colours from brand */
.mk .b,.db-cot .b{background:linear-gradient(180deg,#7EA2FF,#0552FC)!important}
.mk .g,.db-cot .g{background:linear-gradient(180deg,#8BEA9B,#2EBD5F)!important}
.mk-leg .b{background:#0552FC!important}.mk-leg .g{background:#2EBD5F!important}
.mk-cot em{color:#98A6BC!important;font-size:9.5px!important}
.mk-liq-lv{border-radius:8px!important}
.mk-liq-lv.r{background:rgba(255,77,77,.08)!important}.mk-liq-lv.s{background:rgba(63,224,90,.07)!important}
.mk-liq-bar{background:rgba(148,170,210,.14)!important}
.mk-liq-now{border-color:#0552FC!important}
.jr-st,.db-badge,.jr-chip,.rk-live,.db-streak,.tm-tag{border-radius:99px!important}
.jr-ic,.db-ic{border-radius:10px!important}
.pt-card,.pt-wl{background:linear-gradient(180deg,#0F1D36 0%,#0A1426 100%)!important}
/* ===== tablet dashboard (hero) ===== */
.tab{position:relative;max-width:1180px;margin:clamp(220px,26vw,360px) auto 0;animation:heroIn 1.6s 1.8s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(0 60px 80px rgba(0,0,0,.75)) drop-shadow(0 0 60px rgba(5,82,252,.25))}
.tab-bezel{position:relative;padding:clamp(8px,1.6vw,20px);border-radius:clamp(18px,3vw,40px);background:linear-gradient(145deg,#2a2f38 0%,#0b0d11 22%,#050608 60%,#1d2129 100%);box-shadow:inset 0 0 0 1.5px #4a505b,inset 0 0 0 4px #07080a,0 0 0 1px #0f1115}
.tab-cam{position:absolute;top:50%;left:clamp(3px,.7vw,9px);width:6px;height:6px;border-radius:50%;background:#10131a;box-shadow:inset 0 0 0 1px #262b35;transform:translateY(-50%)}
.tab-screen{position:relative;overflow:hidden;border-radius:clamp(10px,1.8vw,22px);background:#070C17;aspect-ratio:1200/760}
.tab-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.03) 22%,transparent 38%)}
.tab-ui{position:absolute;left:0;top:0;width:1200px;height:760px;transform-origin:0 0;display:grid;grid-template-columns:200px 1fr;font-family:var(--body);color:#E9EEF6;font-variant-numeric:tabular-nums;background:radial-gradient(ellipse at 70% 0%,rgba(5,82,252,.10),transparent 55%),linear-gradient(180deg,#0A1224,#070C17)}
.tab-ui svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tu-side{display:flex;flex-direction:column;gap:22px;padding:24px 14px;border-right:1px solid rgba(148,170,210,.1);background:rgba(3,6,14,.45)}
.tu-logo{display:flex;align-items:center;gap:8px;padding:0 8px}.tu-logo .tb-mark{width:22px;height:22px}.tu-logo .tb-word{font-size:14px}
.tu-side nav{display:grid;gap:3px}
.tu-side nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;font-size:12.5px;color:#9FB0C8}
.tu-side nav a svg{width:16px;height:16px;flex:none}
.tu-side nav a.on{background:rgba(5,82,252,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(5,82,252,.4)}
.tu-plan{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;border:1px solid rgba(148,170,210,.14);background:rgba(255,255,255,.02)}
.tu-plan svg{width:26px;height:26px;color:#5B8CFF}.tu-plan b{display:block;font-size:12.5px;font-weight:600}.tu-plan small{font-size:11px;color:#8595AD}
.tu-main{display:grid;grid-template-rows:auto 1fr 1fr;gap:12px;padding:16px}
.tu-row{display:grid;gap:12px}
.tu-top{grid-template-columns:1.1fr 1.5fr 1.15fr 1fr 1fr}
.tu-mid,.tu-bot{grid-template-columns:1fr 1.05fr 1.05fr}
.tu-c{border:1px solid rgba(148,170,210,.13);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0;overflow:hidden}
.tu-c h6{margin:0;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.tu-c small{font-size:10.5px;color:#8595AD}
.tu-c small.k{text-transform:uppercase;letter-spacing:.05em;font-size:10px}
.tu-c strong{font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.2}
.tu-c em{display:block;font-style:normal;font-size:11px;color:#8595AD}
.tu-top strong{font-size:20px;white-space:nowrap}
.tu-top .tu-c{padding:12px 14px;justify-content:center}
.tab-ui .up{color:#3FE05A}.tab-ui .dn{color:#FF4D4D}.tab-ui .bl{color:#5B8CFF}.tab-ui .gd{color:#F0CB6B}
.tu-pair{justify-content:center}.tu-pair b{font-size:19px;font-weight:600}
.tu-flex{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tu-spark{width:96px;height:36px;flex:none}.tu-spark path{stroke:#5B8CFF;stroke-width:1.5}
.tu-ring{width:26px;height:26px;border-radius:50%;border:1.5px solid #3FE05A;color:#3FE05A;display:grid;place-items:center;font-size:13px}
.tu-list{list-style:none;margin:10px 0 0;padding:0;display:grid}
.tu-list li{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(148,170,210,.09);font-size:12px;color:#C3CEDF}
.tu-list li:last-child{border-bottom:0}.tu-list b{font-weight:600;font-size:13px}.tu-list b.big{font-size:16px}
.tu-list.sm li{padding:7px 0}
.tu-gh{display:flex;justify-content:space-between;font-size:10.5px;margin:10px 0 4px}
.tu-gamma{display:grid;gap:7px}
.tu-gamma div{display:grid;grid-template-columns:48px 1fr 1fr;align-items:center;font-size:11px;color:#C3CEDF}
.tu-gamma i{height:11px;display:block}
.tu-gamma i.p{justify-self:end;background:linear-gradient(90deg,#8E2020,#FF4D4D);border-radius:2px 0 0 2px}
.tu-gamma i.c{background:linear-gradient(90deg,#0552FC,#2E64D8 70%,rgba(46,100,216,.4));border-radius:0 2px 2px 0}
.tu-gamma hr{border:0;border-top:1px solid rgba(148,170,210,.15);margin:2px 0}
.tu-sh{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px}
.tu-sh span{font-size:11px;color:#8595AD;display:flex;align-items:center;gap:6px}.tu-sh i.lg{width:12px;height:2px;background:#5B8CFF}
.tu-bar{display:flex;height:26px;border-radius:6px;overflow:hidden;font-size:10.5px;font-weight:600;margin-top:4px}
.tu-bar .l{background:linear-gradient(90deg,#0A3FC4,#0552FC);display:flex;align-items:center;padding-left:10px}
.tu-bar .s{flex:1;background:#B3261E;display:flex;align-items:center;justify-content:center}
.tu-ratio{display:flex;gap:8px;font-size:11px;color:#8595AD;margin-top:8px}
.tu-ls{width:100%;height:58px}.tu-ls .b{stroke:#5B8CFF}.tu-ls .r{stroke:#FF4D4D}
.tu-x{display:flex;justify-content:space-between;font-size:9.5px;color:#6E7D95}
.tu-hr{display:flex;justify-content:space-between;align-items:flex-start}
.tu-sel{font-size:10.5px;color:#C3CEDF;border:1px solid rgba(148,170,210,.18);padding:4px 8px;border-radius:6px}
.tu-eq{font-size:26px!important;margin:4px 0 2px}
.tu-eqw{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:62px 1fr}
.tu-y{display:flex;flex-direction:column;justify-content:space-between;font-size:9.5px;color:#6E7D95;padding:2px 0}
.tu-eqc{width:100%;height:100%}
.tu-bot .tu-x{padding-left:62px}
.tu-cal{list-style:none;margin:10px 0 0;padding:0;display:grid}
.tu-cal li{display:grid;grid-template-columns:44px 36px 1fr auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(148,170,210,.09);font-size:11.5px}
.tu-cal .t{color:#C3CEDF}.tu-cal .cu{font-weight:600;font-size:11px}.tu-cal .ev{color:#E9EEF6}
.tu-cal .im{text-align:right;display:grid}.tu-cal .im small{font-size:9.5px}.tu-cal .im b{font-size:11.5px;font-weight:600}
.tu-link{margin-top:auto;text-align:center;font-size:11.5px;color:#9FB0C8;padding-top:8px;border-top:1px solid rgba(148,170,210,.09)}
/* ===== tablet v2: real dashboard, tilted back on the globe ===== */
.tab{max-width:920px!important;margin:clamp(200px,24vw,320px) auto 0!important;perspective:2200px;filter:none!important;animation:heroIn 1.6s 1.8s cubic-bezier(.2,.8,.2,1) both}
.tab-bezel{transform:rotateX(20deg);transform-origin:50% 100%;box-shadow:inset 0 0 0 1.5px #4a505b,inset 0 0 0 4px #07080a,0 0 0 1px #0f1115,0 2px 0 1px #2a2f38,0 60px 70px -30px rgba(0,0,0,.9),0 0 90px -10px rgba(5,82,252,.45)!important}
.tab::after{content:"";position:absolute;left:6%;right:6%;bottom:-18px;height:40px;border-radius:50%;background:radial-gradient(ellipse,rgba(5,82,252,.55),rgba(5,82,252,.15) 45%,transparent 70%);filter:blur(12px);z-index:-1}
.tab-screen{aspect-ratio:1280/940!important}
.tab-ui.t2{width:1280px!important;height:940px!important;grid-template-columns:196px 1fr!important;font-family:var(--body);background:radial-gradient(ellipse at 75% -10%,rgba(5,82,252,.14),transparent 55%),linear-gradient(180deg,#0A1224,#070C17)!important}
.t2 svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.t2 .up{color:#6BD178}
.t2 small{display:block;font-size:10.5px;color:#8392AA;line-height:1.35}
.t2 h6{margin:0;font-size:13px;font-weight:600;color:#EEF2F8;letter-spacing:-.005em}
.t2-side{display:flex;flex-direction:column;gap:18px;padding:22px 12px;border-right:1px solid rgba(148,170,210,.1);background:rgba(3,6,14,.5)}
.t2-logo{display:flex;align-items:center;gap:8px;padding:0 8px}.t2-logo .tb-mark{width:20px;height:20px}.t2-logo .tb-word{font-size:13.5px}
.t2-side .t2-nav{display:grid;gap:2px}
.t2-side .t2-nav a{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;font-size:12.5px;color:#9FB0C8}
.t2-side .t2-nav a svg{width:15px;height:15px;flex:none}
.t2-side .t2-nav a.on{background:linear-gradient(90deg,rgba(5,82,252,.24),rgba(5,82,252,.06));color:#fff;box-shadow:inset 2px 0 0 #3D7BFF}
.t2-side .t2-nav a i{margin-left:auto;font:600 9.5px/16px var(--body);font-style:normal;width:16px;text-align:center;border-radius:99px;background:#E0525C;color:#fff}
.t2-o2{margin-top:auto;padding:12px;border-radius:10px;border:1px solid rgba(148,170,210,.14);background:rgba(255,255,255,.02);display:grid;gap:6px}
.t2-o2>div{display:flex;justify-content:space-between;font-size:11px;color:#9FB0C8}.t2-o2 b{font:600 12px var(--mono);color:#fff}
.t2-o2 em,.t2-stats i,.t2-conv i,.t2-lim i{display:block;height:5px;border-radius:99px;background:rgba(148,170,210,.14);overflow:hidden}
.t2 u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0552FC,#7EA2FF)}
.t2-main{display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;padding:14px 16px 16px;min-width:0}
.t2-top{display:flex;align-items:center;gap:16px}
.t2-top h5{margin:1px 0 0;font-size:17px;font-weight:600;color:#fff}
.t2-sess{display:flex;gap:6px}
.t2-sess span{font-size:10.5px;padding:4px 9px;border-radius:99px;border:1px solid rgba(148,170,210,.18);color:#8392AA}
.t2-sess span.on{color:#6BD178;border-color:rgba(107,209,120,.35);background:rgba(107,209,120,.08)}
.t2-acct{margin-left:auto;text-align:right}.t2-acct b{font:600 14px var(--mono);color:#fff}
.t2-c{border:1px solid rgba(148,170,210,.12);border-radius:12px;background:linear-gradient(170deg,rgba(255,255,255,.04),rgba(255,255,255,.012));padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden}
.t2-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.t2-k{flex-direction:row;align-items:center;gap:12px;padding:11px 14px}
.t2-k strong{display:block;font:600 19px/1.2 var(--mono);color:#fff;letter-spacing:-.02em}.t2-k strong span{font-size:11px;color:#6E7D95}
.t2-k em{font-style:normal;font-size:10px;color:#6E7D95}
.t2-ring{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#3D7BFF calc(var(--v)*1%),rgba(148,170,210,.14) 0);position:relative}
.t2-ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#0C1428}
.t2-ring b{position:relative;font:600 11px var(--mono);color:#fff}
.t2-ring.v{width:74px;height:74px;background:conic-gradient(#8C6BFF calc(var(--v)*1%),rgba(148,170,210,.14) 0)}.t2-ring.v::before{inset:7px}.t2-ring.v b{font-size:20px}
.t2-ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;font-size:14px;background:rgba(5,82,252,.16);color:#8FB0FF}
.t2-ic.g{background:rgba(107,209,120,.13);color:#6BD178}.t2-ic.y{background:rgba(240,203,107,.13);color:#F0CB6B}.t2-ic.r{background:rgba(224,82,92,.14);color:#E0525C}.t2-ic.v{background:rgba(140,107,255,.16);color:#B7A4FF}
.t2-mid{display:grid;grid-template-columns:1.75fr 1fr;gap:10px;min-height:0}
.t2-h{display:flex;align-items:center;gap:10px}.t2-h>div{flex:1;min-width:0}
.t2-xau{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;font:600 10px var(--mono);color:#F0CB6B;background:linear-gradient(135deg,#1A2A48,#0F182C);border:1px solid rgba(148,170,210,.2)}
.t2-tabs{display:flex;gap:2px;padding:2px;border-radius:7px;border:1px solid rgba(148,170,210,.14);font-size:10px;color:#8392AA}
.t2-tabs>*{padding:3px 8px;border-radius:5px}.t2-tabs b{background:#16223A;color:#fff;font-weight:500}
.t2-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(148,170,210,.1);border-radius:9px}
.t2-stats>div{padding:8px 11px;display:grid;gap:2px}.t2-stats>div+div{border-left:1px solid rgba(148,170,210,.1)}
.t2-stats b{font:600 15px var(--mono);color:#fff}.t2-stats b.up{font-family:var(--body);color:#6BD178}.t2-stats b span{font-size:10px;color:#6E7D95}
.t2-stats em{font-style:normal;font-size:9.5px;color:#6E7D95}.t2-stats em.up{color:#6BD178}.t2-stats i{margin-top:4px}.t2-stats u{background:#6BD178}
.t2-ib{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;flex:1;min-height:0}
.t2-pane{border:1px solid rgba(148,170,210,.1);border-radius:9px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:rgba(0,0,0,.12);min-width:0}
.t2-ph{display:flex;justify-content:space-between;align-items:center;gap:8px}.t2-ph b{font-size:11px;font-weight:600;color:#EEF2F8}.t2-ph small{font-size:9.5px}
.t2-live{font-size:9.5px;font-weight:600;padding:3px 8px;border-radius:99px;color:#6BD178;border:1px solid rgba(107,209,120,.35);background:rgba(107,209,120,.08);white-space:nowrap}
.t2-rt{margin:0;font-size:12px;font-weight:600;color:#fff}
.t2-rd{margin:0;font-size:10.5px;line-height:1.5;color:#A9B6C9}
.t2-leg{font-size:9.5px;color:#8392AA;display:flex;align-items:center;gap:4px}.t2-leg i{width:7px;height:7px;border-radius:2px;margin-left:6px}
.t2 .s{background:linear-gradient(180deg,#7EA2FF,#0552FC)}.t2 .c{background:linear-gradient(180deg,#8FE39A,#3FA852)}.t2 .c.n{opacity:.6}
.t2-cot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:1;min-height:70px;border-bottom:1px solid rgba(148,170,210,.12)}
.t2-cot>div{display:grid;grid-template-rows:1fr auto;justify-items:center;gap:3px}
.t2-cot span{display:flex;align-items:flex-end;gap:5px;height:100%;padding-top:12px}
.t2-cot span i{position:relative;width:14px;border-radius:3px 3px 0 0}
.t2-cot em{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font:500 8.5px var(--mono);font-style:normal;color:#8392AA;white-space:nowrap;margin-bottom:2px}
.t2-cot small{font-size:9.5px}
.t2-lv{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;border:1px solid rgba(148,170,210,.12);font-size:9.5px}
.t2-lv span{font-weight:600;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.06);color:#9FB0C8}
.t2-lv em{font-style:normal;font-family:var(--mono);color:#6E7D95;white-space:nowrap;font-size:9px}.t2-lv span,.t2-lv b{white-space:nowrap}.t2-lv b{font:600 12px var(--mono);color:#fff}
.t2-lv.now{border-color:rgba(61,123,255,.45);background:rgba(5,82,252,.12)}.t2-lv.now span{background:#0552FC;color:#fff}
.t2-lv.z{border-color:rgba(107,209,120,.3);background:rgba(107,209,120,.07)}.t2-lv.z span{background:rgba(107,209,120,.2);color:#6BD178}
.t2-lv.inv{border-color:rgba(224,82,92,.35);background:rgba(224,82,92,.08)}.t2-lv.inv span{background:rgba(224,82,92,.2);color:#E0525C}
.t2-conv{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:auto}.t2-conv b{font:600 11px var(--mono);color:#fff}
.t2-foot{margin:0;display:flex;justify-content:space-between;gap:8px;font-size:9.5px;color:#6E7D95;padding-top:6px;border-top:1px solid rgba(148,170,210,.1)}.t2-foot span{color:#7EA2FF}
.t2-sent{border-color:rgba(224,82,92,.3)!important;background:linear-gradient(180deg,rgba(224,82,92,.07),rgba(255,255,255,.012) 40%)!important}
.t2-lim{display:grid;gap:5px;padding:9px 11px;border-radius:9px;border:1px solid rgba(148,170,210,.12);background:rgba(0,0,0,.14)}
.t2-lim>div{display:flex;justify-content:space-between;font-size:10px;color:#9FB0C8}.t2-lim b{font:600 10.5px var(--mono);color:#fff}
.t2-lim u{background:linear-gradient(90deg,#F0CB6B,#E0525C)}
.t2-msg{position:relative;padding:8px 10px 8px 12px;border-radius:9px;background:#111B30;border:1px solid rgba(148,170,210,.1)}
.t2-msg::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2.5px;border-radius:0 2px 2px 0;background:var(--c)}
.t2-msg.r{--c:#E0525C}.t2-msg.y{--c:#F0CB6B}.t2-msg.b{--c:#3D7BFF}
.t2-msg>div{display:flex;justify-content:space-between}.t2-msg>div b{font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--c)}
.t2-msg time{font:400 9px var(--mono);color:#6E7D95}
.t2-msg p{margin:3px 0 0;font-size:10.5px;line-height:1.45;color:#D5DCE7}.t2-msg p strong{color:#fff}.t2-msg p strong.up{color:#6BD178}
.t2-btns{display:flex;gap:6px;margin-top:6px;font-size:9.5px}.t2-btns>*{padding:4px 8px;border-radius:6px;border:1px solid rgba(148,170,210,.2);color:#D5DCE7}.t2-btns b{background:#E0525C;border-color:#E0525C;color:#fff}
.t2-next{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-radius:9px;border:1px solid rgba(240,203,107,.35);background:rgba(240,203,107,.07)}
.t2-next b{font-size:10.5px;color:#F0CB6B}.t2-next strong{font:600 16px var(--mono);color:#F0CB6B}
.t2-bot{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.t2-f{display:grid;gap:3px}.t2-f2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.t2-in{display:flex;justify-content:space-between;align-items:center;padding:6px 9px;border-radius:7px;border:1px solid rgba(148,170,210,.16);background:rgba(0,0,0,.2);font-size:9.5px;color:#6E7D95}.t2-in b{font:500 11.5px var(--mono);color:#fff}
.t2-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.t2-seg span{text-align:center;padding:4px 0;border-radius:6px;border:1px solid rgba(148,170,210,.16);font:500 10px var(--mono);color:#8392AA}
.t2-seg span.on{background:rgba(5,82,252,.2);border-color:rgba(61,123,255,.55);color:#fff}
.t2-res{border-radius:9px;border:1px solid rgba(107,209,120,.35);background:linear-gradient(180deg,rgba(107,209,120,.08),rgba(107,209,120,.02));padding:8px 10px;display:grid;gap:6px}
.t2-rh{display:flex;justify-content:space-between;font-size:9.5px;color:#9FB0C8}.t2-rh em{font-style:normal;font-weight:600;color:#6BD178}
.t2-rg{display:grid;grid-template-columns:1fr 1fr}.t2-rg>div+div{border-left:1px solid rgba(148,170,210,.12);padding-left:10px}
.t2-rg b{display:block;font:600 16px var(--mono);color:#fff}.t2-rg em{font-style:normal;font-size:9px;color:#6E7D95}
.t2-date{font-size:9.5px;padding:3px 8px;border-radius:99px;border:1px solid rgba(148,170,210,.2);color:#C9D2DE;white-space:nowrap}
.t2-date.v{color:#C9BCFF;border-color:rgba(140,107,255,.4)}
.t2-fl{display:flex;gap:4px}.t2-fl span{font-size:9.5px;padding:3px 8px;border-radius:99px;border:1px solid rgba(148,170,210,.18);color:#8392AA}.t2-fl span.on{background:#16223A;color:#fff}
.t2-ev{display:grid;grid-template-columns:36px 34px 1fr auto;gap:6px;align-items:center;padding:4px 0;border-bottom:1px solid rgba(148,170,210,.08);font-size:10.5px;color:#EEF2F8}
.t2-ev:last-child{border-bottom:0}
.t2-ev .t{font:500 10px var(--mono);color:#9FB0C8}.t2-ev .cu{font:600 9px var(--mono);text-align:center;padding:2px 0;border-radius:4px;border:1px solid rgba(148,170,210,.18)}
.t2-ev .n{display:flex;flex-wrap:wrap;align-items:center;gap:0 5px}.t2-ev .n small{width:100%;font-size:9px}
.t2-ev .n i{width:10px;height:7px;background:linear-gradient(90deg,#E0525C 0 30%,transparent 30% 35%,#E0525C 35% 65%,transparent 65% 70%,#E0525C 70%)}
.t2-ev .n i.m{background:linear-gradient(90deg,#F0CB6B 0 30%,transparent 30% 35%,#F0CB6B 35% 65%,transparent 65% 70%,rgba(148,170,210,.3) 70%)}
.t2-ev .v{text-align:right;font:500 9.5px/1.35 var(--mono);color:#6E7D95}.t2-ev .v b{color:#EEF2F8;font-weight:500}
.t2-jr{display:flex;align-items:center;gap:12px}
.t2-js{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.t2-js>div{padding:7px 8px;border-radius:8px;border:1px solid rgba(148,170,210,.12);background:rgba(0,0,0,.14)}.t2-js b{font:600 12.5px var(--mono);color:#fff}.t2-js b.up{color:#6BD178}
.t2-streak{display:flex;align-items:center;gap:4px}.t2-streak small{margin-right:4px}.t2-streak i{width:18px;height:6px;border-radius:3px;background:rgba(148,170,210,.14)}.t2-streak i.on{background:#6BD178}
.t2-note{padding:7px 9px;border-radius:8px;border:1px solid rgba(148,170,210,.14);background:rgba(0,0,0,.18)}.t2-note p{margin:2px 0 0;font-size:10px;line-height:1.45;color:#D5DCE7}
.t2-main{grid-template-rows:auto auto minmax(0,1fr) auto!important}
.t2-ib{grid-template-columns:1fr 1fr!important}
.t2-lv{grid-template-columns:auto 1fr auto!important;gap:6px!important;padding:6px 8px!important}
.t2-lv em{font-size:8.5px!important;text-align:right}
.t2-lv b{font-size:11px!important}
.t2-rd{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.t2-c{padding:10px 12px!important;gap:6px!important}
.t2-ev{padding:3px 0!important}
.t2-note p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:760px){.tab-bezel{transform:rotateX(12deg)}.tab{margin-top:160px!important}}
@media (prefers-reduced-motion:reduce){.tab-bezel{transform:rotateX(14deg)}}

/* Mercados — captura real de la terminal */
.mk-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:end;margin-bottom:48px}
.mk-head .sec-head{margin-bottom:0}
@media (max-width:900px){.mk-head{grid-template-columns:1fr;gap:28px;margin-bottom:32px}}
.mk-shot{position:relative;margin:0 auto;max-width:1240px;border-radius:18px;padding:1px;background:linear-gradient(145deg,rgba(214,222,235,.9),rgba(5,82,252,.55) 40%,rgba(10,31,62,.9) 70%,rgba(190,200,215,.7));box-shadow:0 50px 100px -40px rgba(10,31,62,.55),0 24px 60px -30px rgba(5,82,252,.45)}
.mk-shot::before{content:"";position:absolute;inset:-60px 0 -80px;z-index:-1;background:radial-gradient(60% 55% at 50% 45%,rgba(5,82,252,.18),transparent 70%);pointer-events:none}
.mk-shot>*{position:relative}
.mk-win{display:flex;align-items:center;gap:14px;height:42px;padding:0 16px;background:linear-gradient(180deg,#131C2E,#0B1322);border-radius:17px 17px 0 0;border-bottom:1px solid rgba(255,255,255,.07);color:#8C97AB;font:500 12.5px/1 "IBM Plex Mono",ui-monospace,monospace}
.mk-dots{display:flex;gap:7px}.mk-dots i{width:10px;height:10px;border-radius:50%;background:#2A3448}
.mk-url{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;max-width:360px;margin:0 auto;height:26px;border-radius:7px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.mk-url svg{width:12px;height:12px}.mk-url b{color:#E6ECF5;font-weight:500}
.mk-demo{padding:5px 9px;border-radius:6px;border:1px solid rgba(5,82,252,.45);background:rgba(5,82,252,.12);color:#8FB0FF;font-size:11px;letter-spacing:.04em}
.mk-shot img{display:block;width:100%;height:auto;border-radius:0 0 17px 17px;background:#0B1120}
@media (max-width:640px){.mk-win{height:34px;gap:10px;padding:0 10px;font-size:10.5px}.mk-url{height:22px}.mk-dots i{width:8px;height:8px}.mk-shot{border-radius:12px}.mk-win{border-radius:11px 11px 0 0}.mk-shot img{border-radius:0 0 11px 11px}.mk-demo{display:none}.mk-url{max-width:none;margin:0}}

/* capturas reales de terminal: sin barra, responsive */
.mk-shot img{border-radius:17px}
.shot-sc{border-radius:17px;overflow:hidden;background:#0B1120}
.jr-shot{margin-top:8px}
.shot-hint{display:none}
@media (max-width:760px){
  .mk-shot{border-radius:14px}
  .shot-sc{border-radius:13px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;overscroll-behavior-x:contain}
  .shot-sc img{width:980px;max-width:none;border-radius:0}
  .shot-hint{display:block;margin:14px 0 0;text-align:center;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6B7A93}
}

/* riesgo duo + CTA */
.rk-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;max-width:1320px;margin:0 auto}
.rk-duo .mk-shot{max-width:none}
.rk-lbl{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:600 15px/1.2 var(--body);color:#0A1F3E}
.rk-lbl span{font:500 12px/1 var(--mono);color:var(--cobalt);padding:5px 7px;border-radius:6px;background:rgba(5,82,252,.08);border:1px solid rgba(5,82,252,.2)}
:not(.theme-light)>.wrap .rk-lbl{color:#F2F4F7}
.rk-col{min-width:0}@media (max-width:980px){.rk-duo{grid-template-columns:minmax(0,1fr);gap:36px}}
.shot-cta{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:40px;text-align:center}
.shot-cta .btn{padding:15px 28px;font-size:15.5px}
.shot-cta span{font-size:13px;color:#7C8BA3}
@media (max-width:760px){.shot-cta{margin-top:28px}.shot-cta .btn{width:100%;max-width:340px}}

/* lightbox capturas */
@media (min-width:761px){.mk-shot img{cursor:zoom-in}}
.lbx{position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;padding:32px;background:rgba(4,8,18,.88);backdrop-filter:blur(6px);cursor:zoom-out}
.lbx.on{display:flex}
.lbx img{max-width:min(1600px,100%);max-height:100%;width:auto;height:auto;border-radius:12px;box-shadow:0 40px 120px -20px rgba(0,0,0,.8)}
.lbx button{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font-size:20px;cursor:pointer}
.shot-zoom{display:block;text-align:center;margin-top:14px;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7C8BA3}
@media (max-width:760px){.shot-zoom{display:none}}
.tr-shot{margin:8px auto 0}.pt .mk-shot{max-width:1240px}.pt-docwrap{margin-top:96px}
@media (max-width:1240px){.nav-links{gap:18px}}.nav-cta .btn{white-space:nowrap}

/* final CTA — venta */
.final .fz{display:grid;justify-items:center;gap:24px;text-align:center}
.final .fz h2{max-width:22ch;font-size:clamp(32px,4.6vw,58px);line-height:1.04}
.final .fz h2 span{display:block;margin-top:.12em;background:linear-gradient(90deg,#C9D3E3,#7EA6FF 55%,#3D7BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.final .fz-lead{max-width:60ch;font-size:clamp(16px,1.4vw,18.5px);line-height:1.6;color:#AAB6C8}
.fz-cmp{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:16px;width:100%;max-width:760px;margin-top:6px}
.fz-c{display:grid;gap:6px;padding:22px 24px;border-radius:14px;text-align:left;border:1px solid rgba(148,170,210,.16);background:rgba(255,255,255,.03)}
.fz-c small{font:500 11.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7C8BA3}
.fz-c b{font:600 clamp(26px,3vw,34px)/1.1 var(--mono);color:#F2F4F7}
.fz-c b em{font-style:normal;font-size:.5em;color:#98A6BC;margin-left:4px}
.fz-c span{font-size:14px;color:#98A6BC}
.fz-c.bad b{color:#F07A82}
.fz-c.good{border-color:rgba(5,82,252,.55);background:linear-gradient(160deg,rgba(5,82,252,.22),rgba(5,82,252,.06));box-shadow:0 24px 60px -30px rgba(5,82,252,.8)}
.fz-vs{align-self:center;font:500 12px/1 var(--mono);color:#62718A;text-transform:uppercase;letter-spacing:.12em}
.final .fz-kick{max-width:56ch;font-size:17px;color:#C9D3E3}
.final .fz-kick b{color:#fff;font-weight:600}
.final .fz-trust{font-size:13px;color:#7C8BA3;margin-top:-6px}
@media (max-width:640px){.fz-cmp{grid-template-columns:1fr;gap:10px}.fz-vs{justify-self:center}.final .hero-actions{width:100%;flex-direction:column}.final .hero-actions .btn{width:100%}}

.old-lang{display:inline-flex;align-items:center;gap:4px}
.old-lang i{font-style:normal;color:var(--dim)}
.old-lang button{border:0;background:none;padding:6px 4px;font:500 12px/1 var(--mono);color:var(--dim);cursor:pointer;letter-spacing:.04em}
.old-lang button[aria-pressed="true"]{color:var(--text);font-weight:700}
.old-lang button:hover{color:var(--text)}
html.i18n-busy body{opacity:.001}
@media (max-width:480px){.nav-cta{gap:8px!important}.nav-cta .btn{padding:9px 12px!important;font-size:13px!important}.old-lang button{padding:6px 2px}.nav .logo .tb-word{font-size:17px}}
@media (max-width:380px){.nav .wrap,.nav-in{gap:8px!important}.nav .logo{gap:6px!important}.nav .logo .tb-mark{width:24px!important;height:24px!important}.nav .logo .tb-word{font-size:15px!important}.nav-cta .btn{padding:8px 10px!important;font-size:12px!important}.old-lang{gap:2px}}

/* ===== iPad Pro realista (v3) ===== */
.tab{max-width:960px!important;perspective:none!important;margin-top:150px!important}
.tab-bezel{transform:none!important;padding:clamp(7px,1.25vw,15px)!important;border-radius:clamp(16px,2.6vw,34px)!important;
  background:#050608!important;
  box-shadow:0 0 0 1px #000,0 0 0 clamp(2px,.28vw,3.5px) #2c3038,0 0 0 clamp(3px,.36vw,4.5px) #121418,
  inset 0 0 0 1px rgba(255,255,255,.05),
  0 50px 90px -30px rgba(0,0,0,.95),0 20px 40px -20px rgba(0,0,0,.8),0 0 120px -20px rgba(5,82,252,.35)!important}
.tab-bezel::before{content:"";position:absolute;inset:clamp(-4.5px,-.36vw,-3px);border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 8%,rgba(255,255,255,0) 92%,rgba(255,255,255,.12));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px}
.tab-cam{left:50%!important;top:clamp(3px,.6vw,7px)!important;transform:translateX(-50%)!important;width:clamp(4px,.5vw,6px)!important;height:clamp(4px,.5vw,6px)!important;
  background:radial-gradient(circle at 40% 40%,#27324a,#07090d 60%)!important;box-shadow:0 0 0 1px #15181e!important}
.tab-btn{position:absolute;background:linear-gradient(180deg,#3a3f48,#1b1e24);border-radius:2px}
.tab-btn.b1{top:clamp(-5px,-.4vw,-3px);right:9%;width:5.5%;height:clamp(2px,.25vw,3px)}
.tab-btn.b2{top:clamp(-5px,-.4vw,-3px);right:16%;width:5.5%;height:clamp(2px,.25vw,3px)}
.tab-btn.b3{top:clamp(-5px,-.4vw,-3px);left:12%;width:6%;height:clamp(2px,.25vw,3px)}
.tab-screen{border-radius:clamp(9px,1.5vw,20px)!important;box-shadow:0 0 0 1px rgba(0,0,0,.9)}
.tab-glare{border-radius:clamp(16px,2.6vw,34px)!important;background:linear-gradient(125deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.015) 28%,transparent 42%,transparent 75%,rgba(255,255,255,.025) 100%)!important}
.tab::after{left:10%!important;right:10%!important;bottom:-34px!important;height:46px!important;background:radial-gradient(ellipse,rgba(0,0,0,.85),rgba(0,0,0,.35) 45%,transparent 72%)!important;filter:blur(10px)!important}
.tab::before{content:"";position:absolute;left:4%;right:4%;bottom:-70px;height:120px;border-radius:50%;background:radial-gradient(ellipse,rgba(5,82,252,.35),transparent 70%);filter:blur(24px);z-index:-2;pointer-events:none}

.tb-f{gap:10px!important}
.tb-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font:600 11px var(--mono);color:#0552FC;background:rgba(5,82,252,.08);border:1px solid rgba(5,82,252,.2)}
.tb-t{font-size:18px;font-weight:700;line-height:1.25;color:#0A1F3E;letter-spacing:-.01em}
.tb-d{margin:0;font-size:14.5px;line-height:1.55;color:#4A5B74}
.tb-f figcaption{gap:8px!important}
.tb-dot{width:7px;height:7px;border-radius:50%;background:#0552FC;box-shadow:0 0 8px rgba(5,82,252,.6)}
.tb-f figcaption small{font:500 11px var(--mono)!important;letter-spacing:.06em;text-transform:uppercase;color:#6B7A93!important}
.tb-f figcaption em{color:#0552FC!important}

/* hero: Bastion en vivo */
.hx-live{display:inline-flex;align-items:center;gap:12px;margin:0 auto;padding:9px 18px 9px 14px;border-radius:999px;border:1px solid rgba(5,82,252,.45);background:linear-gradient(90deg,rgba(5,82,252,.16),rgba(5,82,252,.04));box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 10px 40px -12px rgba(5,82,252,.7);font:500 12.5px/1 var(--mono);color:#C9D6EA;max-width:100%;backdrop-filter:blur(6px)}
.hx-live b{font-weight:700;letter-spacing:.14em;color:#fff;white-space:nowrap}
.hx-dot{position:relative;width:8px;height:8px;border-radius:50%;background:#3FE05A;flex:none}
.hx-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(63,224,90,.55);animation:hxp 1.8s ease-out infinite}
@keyframes hxp{from{transform:scale(.5);opacity:1}to{transform:scale(1.6);opacity:0}}
.hx-sep{width:1px;height:14px;background:rgba(255,255,255,.18);flex:none}
.hx-msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .35s,transform .35s}
.hx-msg.out{opacity:0;transform:translateY(-6px)}
.hero-copy .hx-live{margin-bottom:8px}
.hx-live{max-width:calc(100vw - 32px);min-width:0;box-sizing:border-box}.hx-msg{min-width:0}
@media (max-width:560px){.hx-live{flex-wrap:wrap;justify-content:center;row-gap:8px;border-radius:16px;padding:10px 14px;font-size:11px}.hx-live b{letter-spacing:.08em}.hx-sep{display:none}.hx-msg{white-space:normal;text-align:center;flex-basis:100%}}
@media (prefers-reduced-motion:reduce){.hx-dot::after{animation:none}}

/* ===== fotos institucionales ===== */
.pic{position:relative;margin:0;overflow:hidden;border-radius:20px;background:radial-gradient(120% 90% at 70% 10%,#10254a 0%,#0A1426 55%,#070B14 100%);border:1px solid rgba(148,170,210,.16);box-shadow:0 40px 90px -40px rgba(0,0,0,.85),0 0 80px -30px rgba(5,82,252,.55)}
.pic-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05)}
.pic-img[src=""],.pic-img:not([src]){display:none}
.pic-img[src]:not([src=""])~.pic-ph{display:none}
.pic-ph{position:absolute;inset:0;display:grid;place-items:center;background-image:linear-gradient(rgba(148,170,210,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,170,210,.06) 1px,transparent 1px);background-size:40px 40px}
.pic-ph .ph-ill{width:78%;max-height:80%}
.pic-ph span{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#62718A;white-space:nowrap}
.pic-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,11,20,0) 40%,rgba(7,11,20,.75) 100%),linear-gradient(90deg,rgba(5,82,252,.18),transparent 45%);mix-blend-mode:normal}
.pic-hud{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:rgba(10,20,38,.62);border:1px solid rgba(148,170,210,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:500 12px var(--mono);color:#E6ECF5}
.pic-hud.tl{top:18px;left:18px}
.pic-hud.br{right:18px;bottom:18px;display:grid;grid-template-columns:auto auto;gap:4px 14px;min-width:190px}
.pic-hud.br small{font-size:10.5px;color:#98A6BC;text-transform:uppercase;letter-spacing:.08em}.pic-hud.br b{justify-self:end;color:#3FE05A;font-size:16px}
.pic-hud.br i{grid-column:1/-1;height:5px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden}.pic-hud.br u{display:block;height:100%;background:linear-gradient(90deg,#1FA855,#3FE05A)}
.hud-dot{width:8px;height:8px;border-radius:50%;background:#3FE05A;box-shadow:0 0 10px #3FE05A}
.cl{background:#070B14;padding-block:clamp(72px,9vw,120px)}
.cl-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.pic-trader{aspect-ratio:4/3.1}
.cl-copy h2{font-size:clamp(30px,3.8vw,48px);line-height:1.06;letter-spacing:-.02em;margin:14px 0 16px}
.cl-copy p{color:var(--muted);font-size:17px;line-height:1.6;max-width:46ch}
.cl-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}
.cl-list li{display:grid;gap:3px;padding:14px 16px 14px 18px;border-radius:12px;border:1px solid rgba(148,170,210,.14);background:rgba(255,255,255,.025);border-left:3px solid #0552FC}
.cl-list b{font-size:15px}.cl-list span{font-size:14px;color:var(--muted)}
.gp{background:#070B14;padding-block:clamp(56px,7vw,96px)}
.pic-group{aspect-ratio:21/9;min-height:500px}
.pic-group .pic-shade{background:linear-gradient(90deg,rgba(7,11,20,.92) 0%,rgba(7,11,20,.7) 38%,rgba(7,11,20,.1) 70%),linear-gradient(0deg,rgba(5,82,252,.22),transparent 50%)}
.pic-group .pic-ph .ph-ill{width:70%;margin-left:30%}
.gp-copy{position:absolute;z-index:2;left:clamp(22px,4vw,56px);top:50%;transform:translateY(-50%);max-width:520px}
.gp-copy h2{font-size:clamp(28px,3.4vw,44px);line-height:1.06;letter-spacing:-.02em;margin:14px 0 14px;color:#fff}
.gp-copy p{color:#B6C2D6;font-size:16.5px;line-height:1.6}
.gp-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.gp-stats div{padding:12px 16px;border-radius:12px;background:rgba(10,20,38,.6);border:1px solid rgba(148,170,210,.2);backdrop-filter:blur(10px)}
.gp-stats b{display:block;font:700 20px var(--mono);color:#fff}.gp-stats span{font-size:12px;color:#98A6BC}
@media (max-width:900px){.cl-grid{grid-template-columns:1fr}.pic-group{aspect-ratio:auto;min-height:0;display:flex;flex-direction:column}
 .pic-group .pic-ph,.pic-group .pic-img{position:relative;height:260px;inset:auto}.pic-group .pic-ph .ph-ill{margin:0;width:90%}
 .pic-group .pic-shade{height:260px;background:linear-gradient(180deg,transparent 40%,rgba(7,11,20,.9))}
 .gp-copy{position:relative;transform:none;left:auto;top:auto;padding:24px 20px 26px;max-width:none}}
@media (max-width:560px){.pic-hud.br{min-width:150px;right:12px;bottom:12px}.pic-hud.tl{top:12px;left:12px;font-size:11px}.pic-ph span{font-size:9.5px}}

/* hero pill: regla #1 */
.hx-dot{background:#3D7BFF!important}.hx-dot::after{border-color:rgba(61,123,255,.6)!important}
.hx-live b{color:#8FB0FF!important}
/* tablet: inclinada y esfumada sobre el mundo */
.tab{perspective:1900px!important;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 74%,rgba(0,0,0,.5) 88%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 74%,rgba(0,0,0,.5) 88%,transparent 100%)}
.tab-bezel{transform:rotateX(26deg)!important;transform-origin:50% 100%!important;box-shadow:0 0 0 1px #000,0 0 0 clamp(2px,.28vw,3.5px) #262a31,0 0 120px -20px rgba(5,82,252,.45)!important}
.tab::after,.tab::before{display:none!important}
.tab-glare{background:linear-gradient(170deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 20%,transparent 40%)!important}
/* foto trader */
.pic-trader{aspect-ratio:4/3!important}
.pic-trader .pic-shade{background:linear-gradient(180deg,transparent 55%,rgba(7,11,20,.55) 100%),linear-gradient(90deg,rgba(5,82,252,.10),transparent 40%)!important}
.pic-trader .pic-img{filter:saturate(.9) contrast(1.04)}

/* tablet legible */
.tab{max-width:1180px!important;margin-top:120px!important;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 82%,rgba(0,0,0,.45) 93%,transparent 100%)!important;mask-image:linear-gradient(180deg,#000 0%,#000 82%,rgba(0,0,0,.45) 93%,transparent 100%)!important}
.tab-bezel{transform:rotateX(15deg)!important}
.tab-ui.t2{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.tab-ui.t2 small,.tab-ui.t2 em{color:#9AA8BE!important}
/* foto grupo */
.pic-group{aspect-ratio:1916/821!important;min-height:0!important}
.pic-group .pic-img{object-position:right center}
.pic-group .pic-shade{background:linear-gradient(90deg,rgba(6,10,26,.96) 0%,rgba(6,10,26,.78) 30%,rgba(6,10,26,0) 55%),linear-gradient(0deg,rgba(6,10,26,.55),transparent 35%)!important}
@media (max-width:900px){.pic-group{aspect-ratio:auto!important}.pic-group .pic-img{position:relative!important;height:auto!important;aspect-ratio:1.55;object-position:78% center}
 .pic-group .pic-shade{height:auto;bottom:auto;aspect-ratio:1.55;background:linear-gradient(180deg,transparent 55%,rgba(6,10,26,1))!important}}
.gp-copy{max-width:600px!important}.gp-stats{flex-wrap:nowrap!important}.gp-stats div{white-space:nowrap}
@media (max-width:900px){.gp-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}.gp-stats div{padding:10px;white-space:normal}.gp-stats b{font-size:15px}.gp-stats span{font-size:11px}}

/* menú móvil / tablet */
.nav-burger{display:none;width:42px;height:42px;border-radius:10px;border:1px solid rgba(148,170,210,.25);background:rgba(255,255,255,.04);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0}
.nav-burger span{display:block;width:18px;height:2px;border-radius:2px;background:#E6ECF5;transition:transform .2s,opacity .2s}
.nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-sheet{display:none}
@media (max-width:1140px){
 .nav-burger{display:inline-flex}
 .nav-sheet{display:grid;position:absolute;left:0;right:0;top:100%;padding:8px 16px 18px;background:rgba(7,11,20,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(148,170,210,.14);max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .3s ease,opacity .2s}
 .nav-sheet.on{max-height:80vh;overflow:auto;opacity:1;pointer-events:auto}
 .nav-sheet a:not(.btn){display:block;padding:14px 6px;border-bottom:1px solid rgba(148,170,210,.1);color:#E6ECF5;text-decoration:none;font-size:16px}
 .nav-sheet .btn{margin-top:14px;justify-self:stretch;text-align:center}
 header.nav{position:sticky}
}
@media (max-width:480px){.nav-cta>.btn{display:none}.nav-burger{width:40px;height:40px}}
@media (max-width:360px){.sn-grid{grid-template-columns:minmax(0,1fr)!important}.sn-panel,.sn-feats{min-width:0;max-width:100%}.sn-panel{padding-left:0;padding-right:0}}
@media (max-width:360px){.sn-feats{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}.sn-feat{min-width:0!important}}
h2>small.eyebrow{display:flex;width:fit-content;margin-bottom:16px}.eb1{margin-top:-5px;margin-bottom:19px!important}.eb5{margin-bottom:14px!important}.eb6{margin-top:-4px;margin-bottom:19px!important}.eb11{margin-left:auto;margin-right:auto;margin-bottom:24px!important}@media (max-width:760px){.eb0,.eb4{margin-bottom:4px!important}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
header.nav .logo .tb-word{font-size:17.5px!important}
@media (max-width:1320px){header.nav .nav-links{gap:clamp(10px,1.2vw,18px)!important}}

/* ===== Enlaces a páginas institucionales ===== */
.nav-dd{position:relative}
.nav-dd-t{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:inherit}
.nav-dd-t:hover,.nav-dd:focus-within .nav-dd-t,.nav-dd.on .nav-dd-t{color:var(--text,#EEF2F8)}
.nav-dd-t svg{width:11px;height:11px;transition:transform .2s}
.nav-dd.on .nav-dd-t svg,.nav-dd:hover .nav-dd-t svg{transform:rotate(180deg)}
.nav-dd-p{position:absolute;top:calc(100% + 16px);left:50%;width:340px;transform:translate(-50%,6px);padding:8px;border-radius:16px;background:rgba(9,16,31,.98);border:1px solid rgba(148,170,210,.18);box-shadow:0 24px 60px rgba(0,0,0,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:80}
.nav-dd-p::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.nav-dd:hover .nav-dd-p,.nav-dd:focus-within .nav-dd-p,.nav-dd.on .nav-dd-p{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.nav-dd-p a{display:grid!important;grid-template-columns:36px 1fr;gap:12px;align-items:center;padding:10px 12px;border-radius:11px;text-decoration:none;color:#E6ECF5;white-space:normal!important}
.nav-dd-p a:hover,.nav-dd-p a:focus-visible{background:rgba(5,82,252,.14);outline:none}
.nav-dd-p a i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(5,82,252,.14);border:1px solid rgba(110,155,255,.28);color:#8FB0FF}
.nav-dd-p a i svg{width:18px;height:18px}
.nav-dd-p a b{display:block;font-size:14px;font-weight:600;line-height:1.25}
.nav-dd-p a span{display:block;font-size:12.5px;color:#93A3BA;line-height:1.4;margin-top:2px}
.nav-dd-p hr{border:0;height:1px;background:rgba(148,170,210,.14);margin:6px 8px}
.nav-sheet .ns-h{font:500 11px var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:#62758F;padding:18px 6px 4px}
@media (min-width:1141px){header.nav .nav-links a[href="#beta"]{display:none}}
@media (max-width:1240px) and (min-width:1141px){header.nav .nav-links{gap:14px!important}}
@media (max-width:1190px) and (min-width:1141px){header.nav .nav-links{gap:10px!important}}
.gp-more{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:600;font-size:15px;color:#fff;text-decoration:none;padding:11px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);backdrop-filter:blur(6px);transition:background .2s,border-color .2s}
.gp-more:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5)}
.b2b-more{margin-top:12px;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:inherit;opacity:.8;text-decoration:none}
.b2b-more:hover{opacity:1;text-decoration:underline}
.brk{margin-top:22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:24px 26px;border-radius:20px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(110deg,rgba(255,255,255,.1),rgba(255,255,255,.03))}
.brk .bi{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff}
.brk .bi svg{width:26px;height:26px}
.brk small{display:block;font:500 11px var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-bottom:6px}
.brk h3{margin:0 0 4px;font-size:21px;letter-spacing:-.01em}
.brk p{margin:0;opacity:.85;font-size:15px;line-height:1.55}
.brk .btn{white-space:nowrap}
@media (max-width:820px){.brk{grid-template-columns:1fr;gap:14px}.brk .btn{justify-self:start}}
.faq-more{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:center;margin-top:34px}
.faq-more .lk{font-size:14px;font-weight:600;color:var(--muted,#62758F);text-decoration:none}
.faq-more .lk:hover{color:inherit;text-decoration:underline}

/* ===== HERO v3 · "Así te cuida ProBase" (reemplaza la tablet) ===== */
.hv{position:relative;z-index:2;max-width:1120px;margin:clamp(150px,17vw,250px) auto 0;font-family:var(--body);color:#E9EEF6;animation:hvIn 1.2s 1.2s cubic-bezier(.2,.8,.2,1) both}
@keyframes hvIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.hv::before{content:"";position:absolute;inset:-60px -40px -90px;z-index:-1;pointer-events:none;background:radial-gradient(60% 55% at 50% 55%,rgba(5,82,252,.32),transparent 70%)}
.hv-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 4px 16px}
.hv-live{display:inline-flex;align-items:center;gap:10px;font:500 11.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#9DB8FF}
.hv-live i{width:7px;height:7px;border-radius:50%;background:#3FE05A;box-shadow:0 0 0 4px rgba(63,224,90,.15);animation:hvPulse 1.8s ease-in-out infinite}
@keyframes hvPulse{50%{box-shadow:0 0 0 8px rgba(63,224,90,0)}}
.hv-steps{display:inline-flex;align-items:center;gap:10px;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7F90AA}
.hv-steps b{color:#3D7BFF;font-weight:500}
.hv-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);gap:46px;align-items:stretch}
.hv-card{position:relative;border-radius:20px;padding:22px 22px 20px;background:linear-gradient(180deg,rgba(18,30,56,.88),rgba(9,16,32,.92));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 40px 80px -40px rgba(0,0,0,.9);display:flex;flex-direction:column;gap:14px;min-width:0}
.hv-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(158deg,rgba(200,218,255,.55),rgba(122,160,255,.1) 30%,rgba(122,160,255,.06) 60%,rgba(61,123,255,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hv-core{background:radial-gradient(120% 80% at 50% 0%,rgba(5,82,252,.28),transparent 60%),linear-gradient(180deg,rgba(16,30,62,.94),rgba(8,15,32,.95));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(61,123,255,.15),0 50px 100px -40px rgba(5,82,252,.55)}
.hv-core::after{background:linear-gradient(158deg,#B9CEFF,rgba(61,123,255,.25) 35%,rgba(61,123,255,.15) 65%,#3D7BFF)}
.hv-k{display:flex;align-items:center;gap:10px;font:600 13.5px/1.2 var(--display);letter-spacing:-.005em;color:#F2F5FB}
.hv-k em{margin-left:auto;font:500 10.5px/1 var(--mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#7F90AA;white-space:nowrap}
.hv-n{font:500 10.5px/1 var(--mono);color:#6E9BFF;padding:4px 6px;border-radius:6px;background:rgba(61,123,255,.12);border:1px solid rgba(110,155,255,.25)}
.hv-on{display:inline-flex;align-items:center;gap:6px;color:#3FE05A!important}
.hv-on i{width:6px;height:6px;border-radius:50%;background:#3FE05A;animation:hvPulse 1.8s ease-in-out infinite}
.hv-bal small{display:block;font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#7F90AA;margin-bottom:8px}
.hv-bal b{font:600 30px/1 var(--mono);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.hv-pnl,.hv-pos{display:flex;align-items:baseline;gap:8px;font-size:13px;color:#A9B6CB}
.hv-pnl b,.hv-pos b{margin-left:auto;font:600 14px/1 var(--mono);font-variant-numeric:tabular-nums}
.hv .dn{color:#FF6B6B}
.hv-spark{width:100%;height:64px;display:block}
.hv-line{stroke-dasharray:400;stroke-dashoffset:400;animation:hvDraw 2.2s 1.6s ease-out forwards}
@keyframes hvDraw{to{stroke-dashoffset:0}}
.hv-pos{padding-top:12px;border-top:1px solid rgba(148,170,210,.12)}
.hv-tag{font:600 11px/1 var(--mono);color:#F0CB6B;padding:4px 6px;border-radius:5px;background:rgba(240,203,107,.1);border:1px solid rgba(240,203,107,.25)}
.hv-gauge{position:relative;width:min(100%,230px);aspect-ratio:1;margin:2px auto 0}
.hv-gauge svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 22px rgba(61,123,255,.35))}
@keyframes hvArc{from{stroke-dasharray:100 100}to{stroke-dasharray:78 100}}
.hv-gv{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:6px}
.hv-gv b{font:600 58px/1 var(--display);letter-spacing:-.05em;color:#fff}
.hv-gv b small{font-size:.42em;letter-spacing:0;color:#9DB8FF;margin-left:2px}
.hv-gv span{font:500 10.5px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#9DB8FF}
.hv-gl{margin:0;text-align:center;font-size:14px;color:#C3CEDF}
.hv-gl b{font:600 15px var(--mono);color:#fff}
.hv-rules{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.hv-rules>span{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--mono);letter-spacing:.04em;color:#A9B6CB;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(148,170,210,.14)}
.hv-rules i{width:6px;height:6px;border-radius:50%}
.hv-rules i.ok{background:#3FE05A}.hv-rules i.warn{background:#F0CB6B;box-shadow:0 0 8px #F0CB6B}
.hv-msg{border-radius:16px;padding:14px 14px 12px;background:#17212F;border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 40px -20px rgba(0,0,0,.9);animation:hvMsg .7s 2.6s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes hvMsg{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.hv-msg-h{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.hv-bot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 11px/1 var(--display);color:#fff;background:linear-gradient(135deg,#3D7BFF,#0552FC)}
.hv-msg-h b{font-size:13px;color:#fff}
.hv-msg-h time{margin-left:auto;font:500 10.5px var(--mono);color:#7F90AA}
.hv-msg-t{margin:0 0 6px;font:600 13.5px/1.3 var(--body);color:#FFD27A}
.hv-msg-b{margin:0 0 12px;font-size:13px;line-height:1.5;color:#D6DEEA}
.hv-msg-a{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.hv-msg-a>span{text-align:center;font:600 12px/1 var(--body);padding:9px 6px;border-radius:9px;color:#9DB8FF;background:rgba(61,123,255,.12);border:1px solid rgba(110,155,255,.22)}
.hv-next{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(148,170,210,.12);font-size:12.5px;color:#A9B6CB}
.hv-next b{font:600 12px var(--mono);color:#F0CB6B}
.hv-next time{margin-left:auto;font:600 14px var(--mono);color:#FF6B6B;font-variant-numeric:tabular-nums}
/* conexiones animadas entre tarjetas */
.hv-wire{position:absolute;top:50%;height:2px;width:46px;transform:translateY(-50%);background:linear-gradient(90deg,rgba(61,123,255,.15),rgba(61,123,255,.6),rgba(61,123,255,.15));overflow:visible;pointer-events:none}
.hv-wire.w1{left:calc((100% - 92px) * 1 / 3.12)}
.hv-wire.w2{left:calc((100% - 92px) * 2.12 / 3.12 + 46px)}
.hv-wire i{position:absolute;top:50%;left:0;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#9DB8FF;box-shadow:0 0 12px #3D7BFF,0 0 24px #3D7BFF;animation:hvFlow 1.6s linear infinite}
.hv-wire.w2 i{animation-delay:.8s}
@keyframes hvFlow{from{left:-4px;opacity:0}20%{opacity:1}80%{opacity:1}to{left:calc(100% - 4px);opacity:0}}
.hv-foot{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-radius:14px;overflow:hidden;background:rgba(148,170,210,.12)}
.hv-foot li{display:flex;align-items:baseline;gap:10px;padding:14px 18px;background:rgba(8,14,28,.9);font-size:13px;color:#A9B6CB}
.hv-foot b{font:600 13px var(--mono);color:#fff;white-space:nowrap}
@media (max-width:980px){
  .hv{max-width:560px}
  .hv-grid{grid-template-columns:1fr;gap:34px}
  .hv-wire{display:none}
  .hv-core::before,.hv-alert::before{content:"";position:absolute;left:50%;top:-34px;width:2px;height:34px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(61,123,255,.1),rgba(61,123,255,.7))}
  .hv-core{order:0}
  .hv-foot{grid-template-columns:1fr}
}
@media (max-width:560px){
  .hv{margin-top:clamp(110px,30vw,170px)}
  .hv-head{justify-content:center}.hv-steps{display:none}
  .hv-card{padding:18px 16px}
  .hv-bal b{font-size:26px}
}
@media (prefers-reduced-motion:reduce){.hv,.hv-line,.hv-arc,.hv-msg,.hv-wire i,.hv-live i,.hv-on i{animation:none!important}.hv-line{stroke-dashoffset:0}}

.hv-pos{margin-top:auto}
.hv-meter-h{display:flex;align-items:baseline;gap:8px;font-size:12.5px;color:#A9B6CB;margin-bottom:8px}
.hv-meter-h b{margin-left:auto;font:600 12px var(--mono);color:#FFB4B4}
.hv-meter i{display:block;height:6px;border-radius:9px;background:rgba(255,255,255,.07);overflow:hidden}
.hv-meter em{display:block;height:100%;width:22%;border-radius:inherit;background:linear-gradient(90deg,#FF8A8A,#FF4D4D);animation:hvBar 1.8s 1.6s ease-out both}
@keyframes hvBar{from{width:0}}
.hv-meter-f{display:flex;justify-content:space-between;margin-top:6px;font:500 10.5px var(--mono);color:#7F90AA}
.hv-msg2{animation-delay:3.4s;padding:11px 14px}
.hv-msg2 .hv-msg-h{margin-bottom:6px}
.hv-msg2 .hv-msg-b{margin:0;font-size:12.5px}
.hv-msg2 .hv-msg-b b{color:#F0CB6B}
.hv-rules{gap:6px}
.hv-rules>span{padding:6px 8px;font-size:10.5px}
@media (prefers-reduced-motion:reduce){.hv-meter em{animation:none}}

/* ---------- Pilares (pestañas) ---------- */
.hv-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:640px;margin:0 auto 26px;padding:6px;border-radius:16px;background:rgba(8,14,28,.72);border:1px solid rgba(148,170,210,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hv-tabs button{all:unset;cursor:pointer;display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:11px;transition:background .2s,box-shadow .2s}
.hv-tabs button:hover{background:rgba(255,255,255,.04)}
.hv-tabs button[aria-selected="true"]{background:linear-gradient(180deg,rgba(61,123,255,.24),rgba(5,82,252,.12));box-shadow:inset 0 0 0 1px rgba(122,160,255,.45),0 10px 30px -14px rgba(5,82,252,.8)}
.hv-tabs button:focus-visible{outline:2px solid #3D7BFF;outline-offset:2px}
.hv-tn{font:500 11px/1 var(--mono);color:#6E9BFF;padding:5px 6px;border-radius:6px;background:rgba(61,123,255,.12);border:1px solid rgba(110,155,255,.25)}
.hv-tt{display:grid;gap:3px;text-align:left}
.hv-tt b{font:600 15px/1.1 var(--display);color:#fff;letter-spacing:-.01em}
.hv-tt small{font-size:12px;color:#93A3BA}
.hv-pane[hidden]{display:none!important}
.hv-pane{animation:hvFade .45s ease both}
@keyframes hvFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- Línea de tiempo del día ---------- */
.hv-tl{display:flex;gap:6px}
.hv-tl button{all:unset;cursor:pointer;position:relative;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;font:500 11px/1 var(--mono);letter-spacing:.06em;color:#7F90AA;background:rgba(255,255,255,.03);border:1px solid rgba(148,170,210,.14);overflow:hidden}
.hv-tl button time{color:#C3CEDF}
.hv-tl button.on{color:#fff;border-color:rgba(122,160,255,.55);background:rgba(61,123,255,.16)}
.hv-tl button.on::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:#3D7BFF;transform-origin:left;animation:hvProg var(--hv-dur,5.5s) linear both}
.hv.paused .hv-tl button.on::after{animation:none;transform:scaleX(1)}
@keyframes hvProg{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---------- Estados ---------- */
.hv-p1{display:none}
[data-state="1"] .hv-p0,[data-state="2"] .hv-p0{display:none}
[data-state="1"] .hv-p1,[data-state="2"] .hv-p1{display:inline}
.hv-arc{transition:stroke-dasharray 1.2s cubic-bezier(.3,.7,.2,1)}
.hv-meter em{transition:width 1.2s cubic-bezier(.3,.7,.2,1)}
#hv-pct{display:inline-block;min-width:1.2ch}
.hv-on.bad{color:#FF6B6B!important}.hv-on.bad i{background:#FF6B6B}
.hv-on.lock{color:#F0CB6B!important}.hv-on.lock i{background:#F0CB6B;animation:none}
.hv-rules i.bad{background:#FF4D4D;box-shadow:0 0 8px #FF4D4D}
[data-state="1"] .hv-core,[data-state="2"] .hv-core{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,92,92,.18),0 50px 100px -40px rgba(255,60,60,.35)}
[data-state="2"] .hv-core{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(240,203,107,.2),0 50px 100px -40px rgba(240,203,107,.25)}
.hv-gl{min-height:42px}

/* ---------- Feed del teléfono ---------- */
.hv-feed{display:flex;flex-direction:column;gap:8px;flex:1}
.hv-feed .hv-msg{display:none;animation:hvMsg .55s cubic-bezier(.2,.9,.3,1.2) both;padding:11px 12px}
.hv-feed .hv-msg.on{display:block}
.hv-feed .hv-msg.old .hv-msg-b{display:none}
.hv-feed .hv-msg.old{opacity:.6;padding:9px 12px}
.hv-feed .hv-msg.old .hv-msg-h{margin-bottom:4px}
.hv-feed .hv-msg.old .hv-msg-t{margin:0}
.hv-msg-t{font-size:12.5px;text-transform:uppercase;letter-spacing:.02em}
.hv-msg-t.w{color:#FFD27A}.hv-msg-t.r{color:#FF8A8A}.hv-msg-t.g{color:#7CE38E}
.hv-feed .hv-msg-b{margin:0;font-size:12.5px}
.hv-feed .hv-msg-b b{color:#fff}

/* ---------- Informe por activo ---------- */
.hv-rep{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px}
.hv-rep-main,.hv-reads{position:relative;border-radius:20px;padding:22px;background:linear-gradient(180deg,rgba(18,30,56,.9),rgba(9,16,32,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 40px 80px -40px rgba(0,0,0,.9)}
.hv-rep-main::after,.hv-reads::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(158deg,rgba(200,218,255,.55),rgba(122,160,255,.1) 30%,rgba(122,160,255,.06) 60%,rgba(61,123,255,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hv-rep-main{display:flex;flex-direction:column;gap:16px}
.hv-rep-h{display:flex;align-items:center;gap:14px}
.hv-au{width:44px;height:44px;flex:none;border-radius:12px;display:grid;place-items:center;font:700 15px/1 var(--display);color:#fff;background:linear-gradient(135deg,#3D7BFF,#0552FC);box-shadow:0 10px 24px -10px rgba(5,82,252,.9)}
.hv-rep-h b{display:block;font:600 19px/1.15 var(--display);color:#fff;letter-spacing:-.01em}
.hv-rep-h small{display:block;font-size:12.5px;color:#93A3BA;margin-top:3px}
.hv-px{margin-left:auto;text-align:right}
.hv-px b{font:600 26px/1 var(--mono);letter-spacing:-.03em;color:#fff}
.hv-px small{display:block;margin-top:5px;font:500 11.5px var(--mono);color:#3FE05A}
.hv-verd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hv-verd>div{padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(148,170,210,.14)}
.hv-verd small{display:block;font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7F90AA;margin-bottom:8px}
.hv-verd b{font:600 17px/1 var(--display)}
.hv-verd .up b{color:#3FE05A}.hv-verd .mid b{color:#F0CB6B}.hv-verd .bl b{color:#8FB0FF}
.hv-figs{display:grid;grid-template-columns:1.4fr 1fr 1fr;border-radius:13px;overflow:hidden;gap:1px;background:rgba(148,170,210,.12)}
.hv-figs>div{padding:11px 14px;background:rgba(8,14,28,.92)}
.hv-figs small{display:block;font-size:11.5px;color:#7F90AA;margin-bottom:5px}
.hv-figs b{font:600 14px var(--mono);color:#fff;white-space:nowrap}
.hv-figs b em{font-style:normal;color:#F0CB6B;font-weight:500}
.hv .up{color:#3FE05A}.hv .gd{color:#F0CB6B}
.hv-sum{display:grid;gap:10px}
.hv-pill{justify-self:start;font:600 11.5px/1 var(--mono);letter-spacing:.04em;color:#F0CB6B;padding:7px 11px;border-radius:999px;background:rgba(240,203,107,.1);border:1px solid rgba(240,203,107,.3)}
.hv-sum p{margin:0;font-size:14px;line-height:1.6;color:#C3CEDF}
.hv-sum p b{color:#fff}
.hv-sum>small{font-size:11.5px;color:#7F90AA}
.hv-reads{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
.hv-rd{padding:12px 13px;border-radius:13px;background:rgba(255,255,255,.03);border:1px solid rgba(148,170,210,.13);display:flex;flex-direction:column;gap:7px;min-width:0}
.hv-rd small{font:500 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7F90AA}
.hv-rd b{font:600 13.5px/1.25 var(--body);color:#C9D7FF}
.hv-rd i{display:block;height:5px;border-radius:9px;margin-top:auto;position:relative}
.hv-rd i.rng{background:linear-gradient(90deg,#3FE05A,#F0CB6B 50%,#FF4D4D)}
.hv-rd i.rng em{position:absolute;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(61,123,255,.6)}
.hv-rd i.bar{background:rgba(255,255,255,.08);overflow:hidden}
.hv-rd i.bar em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#F7D88A,#F0CB6B)}
.hv-assets{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:16px;font-size:12.5px;color:#93A3BA}
.hv-assets>span{margin-right:4px}
.hv-assets i{font:500 11px/1 var(--mono);font-style:normal;color:#A9B6CB;padding:6px 8px;border-radius:7px;background:rgba(255,255,255,.035);border:1px solid rgba(148,170,210,.14)}
.hv-assets i.on{color:#fff;border-color:rgba(122,160,255,.55);background:rgba(61,123,255,.18)}
.hv-assets b{font:600 11px var(--mono);color:#6E9BFF}
@media (max-width:980px){
  .hv-rep{grid-template-columns:1fr}
  .hv-head{flex-direction:column;align-items:flex-start}
}
@media (max-width:560px){
  .hv-tabs{grid-template-columns:1fr 1fr;gap:6px}
  .hv-tabs button{padding:10px;gap:8px}
  .hv-tn{display:none}
  .hv-tt b{font-size:14px}.hv-tt small{font-size:11px}
  .hv-tl{width:100%}.hv-tl button{flex:1;justify-content:center;padding:7px 6px;font-size:10.5px}
  .hv-verd{grid-template-columns:1fr 1fr 1fr;gap:6px}.hv-verd>div{padding:10px}.hv-verd b{font-size:14px}
  .hv-figs{grid-template-columns:1fr}
  .hv-reads{grid-template-columns:1fr 1fr}
  .hv-rep-h{flex-wrap:wrap}.hv-px{margin-left:0;text-align:left;width:100%}
}

/* ---------- Precios de lanzamiento ---------- */
.lz-banner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px;max-width:980px;margin:0 auto 22px;padding:12px 18px;border-radius:14px;font:500 14px/1.4 var(--body);color:#0A1F3E;background:linear-gradient(90deg,rgba(5,82,252,.08),rgba(240,203,107,.16));border:1px solid rgba(5,82,252,.2);text-align:center}
.lz-dot{width:8px;height:8px;border-radius:50%;background:#0552FC;box-shadow:0 0 0 4px rgba(5,82,252,.15);animation:hvPulse 1.8s ease-in-out infinite}
.lz-cd{font:600 13px/1 var(--mono);color:#fff;background:#0A1F3E;padding:7px 11px;border-radius:8px;letter-spacing:.02em}
.lz-cd #lz-d{color:#F0CB6B}
.price .lz-was{font:500 24px/1 var(--mono);color:#8A93A6;text-decoration:line-through;text-decoration-color:#FF4D4D;text-decoration-thickness:2px;margin-right:10px;align-self:center}
.price-note b{color:#0A1F3E}
.lz-gift{color:#0A1F3E!important;font-weight:500}
.lz-gift b{color:#0552FC}
.lz-sub{margin:-6px 0 0;text-align:center;font-size:12.5px;color:#5B6477}
.addon.lz-free b{color:#0A1F3E}
.lz-tag{font:600 12px/1 var(--mono);color:#0B7A2A;background:rgba(63,224,90,.14);border:1px solid rgba(20,150,60,.35);padding:7px 10px;border-radius:999px;white-space:nowrap}
.lz-gift-note{margin:10px 0 0;padding:12px 14px;border-radius:12px;font-size:13.5px;line-height:1.55;color:#33405A;background:rgba(240,203,107,.14);border:1px solid rgba(201,160,60,.35)}
.lz-gift-note b{color:#0A1F3E}
.fz-c .fz-launch{display:block;margin:4px 0 6px;font:500 10.5px/1.3 var(--mono)!important;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#F0CB6B}
[hidden].lz-on,[hidden].lz-off,.lz-banner[hidden],.lz-was[hidden]{display:none!important}

.hv-gv b #hv-pct{font:inherit;letter-spacing:inherit;color:inherit;text-transform:none}
.hv-arc.zero{opacity:0}
.hv-gl b{font:600 15px var(--body)}
.price-note.lz-on{font:400 13.5px/1.55 var(--body)!important;letter-spacing:0!important;color:#5B6477!important}
.hv-reads{grid-auto-rows:1fr;align-content:stretch}

/* ---------- Informe por activo (demo, réplica del informe real) ---------- */
.rp-demo i{background:#6E9BFF!important;box-shadow:0 0 0 4px rgba(110,155,255,.15)!important}
.rp{position:relative;border-radius:22px;padding:22px;background:linear-gradient(180deg,rgba(10,16,30,.96),rgba(5,9,18,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 50px 100px -40px rgba(0,0,0,.95);display:grid;gap:16px}
.rp::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(158deg,rgba(200,218,255,.5),rgba(122,160,255,.08) 30%,rgba(122,160,255,.05) 65%,rgba(61,123,255,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.rp-top{display:flex;align-items:center;gap:16px}
.rp-sym{width:54px;height:54px;flex:none;border-radius:14px;display:grid;place-items:center;font:700 14px/1 var(--display);color:#fff;background:linear-gradient(135deg,#3D7BFF,#0552FC);box-shadow:0 12px 26px -12px rgba(5,82,252,.9)}
.rp-tt{min-width:0}
.rp-tt b{display:block;font:600 clamp(16px,1.7vw,21px)/1.2 var(--display);color:#fff;letter-spacing:-.01em}
.rp-tt small{display:block;margin-top:4px;font-size:13px;color:#93A3BA}
.rp-px{margin-left:auto;text-align:right;flex:none}
.rp-px b{font:600 clamp(22px,2.4vw,30px)/1 var(--mono);color:#fff;letter-spacing:-.03em}
.rp-px small{display:block;margin-top:6px;font:500 12px var(--mono);color:#FF6B6B}
.rp-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rp-kpi>div{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(148,170,210,.13)}
.rp-kpi i{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:15px}
.rp-kpi .dn i{color:#FF6B6B;background:rgba(255,92,92,.1)}.rp-kpi .gd i{color:#F0CB6B;background:rgba(240,203,107,.1)}.rp-kpi .bl i{color:#8FB0FF;background:rgba(61,123,255,.14)}
.rp-kpi small{display:block;font-size:12px;color:#93A3BA;margin-bottom:3px}
.rp-kpi b{font:600 16px/1.1 var(--display)}
.rp-kpi .dn b{color:#FF6B6B}.rp-kpi .gd b{color:#F0CB6B;font-family:var(--mono)}.rp-kpi .bl b{color:#C9D7FF}
.rp-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px}
.rp-card{position:relative;border-radius:16px;padding:18px;background:rgba(255,255,255,.022);border:1px solid rgba(148,170,210,.12);min-width:0}
.rp-read{display:flex;flex-direction:column;gap:12px}
.rp-lead{margin:0;font:600 15px/1.45 var(--display);color:#fff}
.rp-txt{position:relative;max-height:178px;overflow:hidden}
.rp-txt::after{content:"";position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(180deg,rgba(9,14,27,0),rgba(9,14,27,1))}
.rp-txt p{margin:0;font-size:13.5px;line-height:1.65;color:#C3CEDF}
.rp-txt b{color:#fff}
.rp-boxes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rp-boxes>div{padding:12px 13px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(148,170,210,.13);display:grid;gap:5px;min-width:0}
.rp-boxes small{font:600 10.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.rp-boxes b{font:500 13px/1.35 var(--body);color:#E6ECF5}
.c-bl{color:#6E9BFF}.c-rd{color:#FF6B6B}.c-gr{color:#3FE05A}.c-gd{color:#F0CB6B}
.rp-side{display:grid;gap:14px;align-content:start}
.rp-ch{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.rp-ch b{font:600 14px var(--display);color:#fff}
.rp-ch>span{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#93A3BA}
.rp-ch i{width:8px;height:8px;border-radius:2px}.rp-ch i.sp{background:#3D7BFF}.rp-ch i.cm{background:#3FE05A;margin-left:6px}
.rp-cot svg{width:100%;height:auto;display:block}
.rp-xl{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:11.5px;color:#93A3BA;margin-top:4px}
.rp-rates{padding:14px 18px}
.rp-rates>b{font:600 14px var(--display);color:#fff}
.rp-rates p{margin:6px 0 0;font:500 12.5px var(--mono);color:#E6ECF5}
.rp-rates p span{color:#93A3BA}
.rp-lv{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:10px;font-size:12px}
.rp-lv>span{font:600 11px var(--mono);padding:3px 8px;border-radius:6px}
.rp-lv b{font:600 14px var(--mono);color:#fff}
.rp-lv.up{background:rgba(63,224,90,.06);border:1px solid rgba(63,224,90,.35)}.rp-lv.up>span{color:#3FE05A;background:rgba(63,224,90,.12)}
.rp-lv.dn{background:rgba(255,92,92,.06);border:1px solid rgba(255,92,92,.35)}.rp-lv.dn>span{color:#FF6B6B;background:rgba(255,92,92,.12)}
.rp-scale{position:relative;height:5px;margin:30px 4px 6px;border-radius:9px;background:linear-gradient(90deg,#FF4D4D,#3D7BFF 50%,#3FE05A)}
.rp-scale em{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #0552FC}
.rp-scale em b{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font:600 10.5px/1 var(--mono);font-style:normal;color:#fff;background:#0552FC;padding:4px 6px;border-radius:5px;white-space:nowrap}
.rp-scale-l{display:flex;justify-content:space-between;font:500 10px var(--mono);color:#7F90AA;margin:0 0 10px}
.rp-lvls{display:grid;gap:0}
.rp-lvls .rp-lv.dn{margin-top:0}
.rp-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-radius:14px;overflow:hidden;background:rgba(148,170,210,.12)}
.rp-foot>div{padding:12px 16px;background:rgba(6,10,20,.96);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.rp-foot small{width:100%;font-size:11.5px;color:#7F90AA}
.rp-foot b{font:600 16px var(--mono);color:#fff}
.rp-foot em{font:500 11.5px var(--mono);font-style:normal}
.rp .dn,.rp-foot .dn{color:#FF6B6B}
@media (max-width:980px){.rp-body{grid-template-columns:1fr}}
@media (max-width:560px){
  .rp{padding:14px}.rp-top{flex-wrap:wrap}.rp-px{margin-left:0;text-align:left;width:100%}
  .rp-kpi{grid-template-columns:1fr 1fr 1fr;gap:6px}.rp-kpi>div{flex-direction:column;align-items:flex-start;padding:10px;gap:6px}.rp-kpi b{font-size:14px}
  .rp-boxes{grid-template-columns:1fr}
  .rp-foot{grid-template-columns:1fr}
}

/* ---------- Productos sobre dispositivos ---------- */
/* Laptop: bisel grafito + base de aluminio con muesca */
.mk-shot.dv-laptop{position:relative;max-width:1180px;margin:0 auto clamp(26px,3vw,44px)!important;padding:clamp(9px,1.15vw,16px) clamp(9px,1.15vw,16px) clamp(12px,1.5vw,20px)!important;
  border-radius:clamp(14px,1.6vw,24px) clamp(14px,1.6vw,24px) 4px 4px!important;
  background:linear-gradient(180deg,#232937 0%,#11141c 8%,#0a0c12 100%)!important;
  box-shadow:0 0 0 1px #4a5264,0 0 0 2px #10131a,inset 0 0 0 1px rgba(255,255,255,.05),0 60px 110px -50px rgba(5,30,110,.75),0 40px 70px -40px rgba(0,0,0,.8)!important}
.mk-shot.dv-laptop::before{content:""!important;position:absolute!important;inset:auto!important;top:clamp(3px,.45vw,7px)!important;left:50%!important;width:6px;height:6px;margin-left:-3px;border-radius:50%;z-index:2!important;
  background:radial-gradient(circle at 40% 35%,#3b4a6b,#0b0e15 70%)!important;box-shadow:0 0 0 1px #1c2230;filter:none!important}
.mk-shot.dv-laptop::after{content:""!important;position:absolute!important;left:max(-7.5%,calc((100% - 100vw) / 2 + 10px))!important;right:max(-7.5%,calc((100% - 100vw) / 2 + 10px))!important;top:100%!important;bottom:auto!important;height:clamp(11px,1.35vw,19px)!important;z-index:1!important;filter:none!important;
  border-radius:0 0 50% 50% / 0 0 100% 100%!important;
  background:radial-gradient(ellipse 8% 60% at 50% 0,#6f7889 0 96%,transparent 100%),linear-gradient(180deg,#e9edf3 0%,#b9c0cc 30%,#8a93a3 70%,#5c6474 100%)!important;
  box-shadow:0 22px 34px -14px rgba(0,0,0,.65),0 2px 0 rgba(255,255,255,.4) inset!important}
.mk-shot.dv-laptop>.shot-sc{border-radius:3px!important;background:#05070c}
.mk-shot.dv-laptop>.shot-sc img{border-radius:0!important}
.theme-light .mk-shot.dv-laptop,.theme-white .mk-shot.dv-laptop{box-shadow:0 0 0 1px #9aa3b2,0 0 0 2px #2a303d,inset 0 0 0 1px rgba(255,255,255,.05),0 60px 100px -55px rgba(10,31,62,.6),0 30px 50px -35px rgba(10,31,62,.45)!important}
/* Tablet horizontal: bisel uniforme, cámara lateral */
.mk-shot.dv-tablet{position:relative;padding:clamp(10px,1.3vw,18px)!important;border-radius:clamp(20px,2.4vw,32px)!important;
  background:linear-gradient(145deg,#2c3343 0%,#0d1017 18%,#07090e 80%,#262c3a 100%)!important;
  box-shadow:0 0 0 1px #4d5568,inset 0 0 0 1px rgba(255,255,255,.05),0 50px 90px -45px rgba(5,30,110,.65),0 30px 50px -30px rgba(0,0,0,.7)!important}
.mk-shot.dv-tablet::before{content:""!important;position:absolute!important;inset:auto!important;left:clamp(3px,.5vw,7px)!important;top:50%!important;width:6px;height:6px;margin-top:-3px;border-radius:50%;z-index:2!important;
  background:radial-gradient(circle at 40% 35%,#3b4a6b,#0b0e15 70%)!important;filter:none!important}
.mk-shot.dv-tablet::after{display:none!important}
.mk-shot.dv-tablet>.shot-sc{border-radius:clamp(8px,1vw,14px)!important;background:#05070c}
.theme-light .mk-shot.dv-tablet,.theme-white .mk-shot.dv-tablet{box-shadow:0 0 0 1px #9aa3b2,inset 0 0 0 1px rgba(255,255,255,.05),0 50px 90px -50px rgba(10,31,62,.55),0 24px 40px -28px rgba(10,31,62,.45)!important}


/* ---------- Teléfono Bastion en HTML: toda la pantalla con la misma perspectiva ---------- */
.ph3{position:relative;z-index:1;width:min(340px,86vw);perspective:1600px;margin:0 auto}
.ph3-body{position:relative;border-radius:54px;padding:12px;transform:rotateY(-17deg) rotateX(5deg) rotateZ(2.5deg);transform-style:preserve-3d;
  background:linear-gradient(135deg,#566078 0%,#1c212c 14%,#0b0d13 55%,#262c3a 90%,#4d566c 100%);
  box-shadow:inset 0 0 0 1.5px #6b7590,inset 0 0 0 4px #07080c,-18px 30px 60px -10px rgba(0,0,0,.85),0 0 80px -10px rgba(5,82,252,.35)}
.ph3-body::before{content:"";position:absolute;left:-4px;top:110px;width:4px;height:60px;border-radius:3px 0 0 3px;background:linear-gradient(180deg,#3a4255,#1a1e28);box-shadow:0 78px 0 #2a3040,0 -42px 0 0 #2a3040}
.ph3-scr{position:relative;border-radius:43px;overflow:hidden;background:#0f1722;aspect-ratio:9/17.2;display:flex;flex-direction:column;font-family:-apple-system,"SF Pro Text","Segoe UI",Roboto,var(--body);color:#E9EEF6}
.ph3-scr::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.02) 26%,transparent 40%)}
.ph3-sb{display:flex;justify-content:space-between;align-items:center;padding:14px 26px 6px;font:600 13px/1 -apple-system,"Segoe UI",sans-serif}
.ph3-isl{position:absolute;top:10px;left:50%;width:96px;height:28px;margin-left:-48px;border-radius:20px;background:#000}
.ph3-sig{display:flex;gap:5px;align-items:center}.ph3-sig i{display:block;width:16px;height:9px;border-radius:2px;background:#E9EEF6}.ph3-sig i:first-child{width:14px;background:repeating-linear-gradient(90deg,#E9EEF6 0 2px,transparent 2px 4px)}
.ph3-hd{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:6px 12px 10px;background:rgba(23,33,47,.92);border-bottom:1px solid rgba(255,255,255,.05)}
.ph3-hd>span{color:#6AB2F2;font-size:14px}
.ph3-hd div{text-align:center}.ph3-hd b{display:block;font-size:15px}.ph3-hd small{font-size:11px;color:#8B9AAE}
.ph3-chat{flex:1;justify-content:flex-end;padding:10px 10px 6px;display:flex;flex-direction:column;gap:8px;overflow:hidden;background:radial-gradient(120% 60% at 50% 0,rgba(5,82,252,.06),transparent),#0E1621}
.ph3-day{align-self:center;font-size:11px;padding:3px 9px;border-radius:10px;background:rgba(255,255,255,.08);color:#C9D3E1}
.ph3-m{position:relative;padding:8px 10px 16px;border-radius:12px 12px 12px 4px;background:#182533;font-size:11.5px;line-height:1.38;max-width:92%}
.ph3-m b.t{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.01em;margin-bottom:3px}
.ph3-m b{color:#fff}
.ph3-m time{position:absolute;right:8px;bottom:4px;font-size:9.5px;color:#6D7F95}
.ph3-in{display:flex;align-items:center;gap:8px;margin:4px 8px 6px;padding:8px 12px;border-radius:18px;background:#17212B;font-size:11.5px;color:#6D7F95}
.ph3-bar{height:4px;width:110px;margin:4px auto 8px;border-radius:3px;background:#E9EEF6;opacity:.85}
@media (max-width:560px){.ph3-body{transform:rotateY(-10deg) rotateX(3deg) rotateZ(1.5deg)}}
@media (prefers-reduced-motion:reduce){.ph3-body{transform:none}}

/* ---------- Pestañas del hero: siempre visibles y tocables ---------- */
.hv-tabs{position:relative;z-index:5;background:linear-gradient(180deg,rgba(14,22,42,.97),rgba(8,13,26,.97))!important;border:1px solid rgba(122,160,255,.38)!important;box-shadow:0 20px 50px -18px rgba(0,0,0,.9),0 0 0 6px rgba(5,10,22,.55),0 0 60px -10px rgba(5,82,252,.45)}
.hv-tabs button{background:rgba(255,255,255,.03)}
.hv-tabs button[aria-selected="false"] .hv-tt b{color:#E6ECF5}
.hv-tabs button[aria-selected="false"] .hv-tt small{color:#A9B6CB}
.hv-tabs button[aria-selected="false"]:hover{background:rgba(61,123,255,.1);box-shadow:inset 0 0 0 1px rgba(122,160,255,.3)}
.hv-tabs button[aria-selected="false"]::after{content:"→";margin-left:auto;font:500 14px var(--mono);color:#6E9BFF}
.hv-head{position:relative;z-index:4;padding:8px 12px;border-radius:12px;background:rgba(6,10,20,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hv-tl button{background:rgba(10,16,30,.92)!important}
.hv-tl button.on{background:rgba(30,60,140,.9)!important}

/* =====================================================================
   Producto en monitor de escritorio (aluminio + vidrio negro + pie)
   ===================================================================== */
.mk-shot.dv-mon{--neck:clamp(54px,7.2vw,118px);--foot:clamp(9px,1vw,15px);--glass:clamp(9px,1.25vw,17px);
  position:relative;isolation:isolate;z-index:0;max-width:1080px;margin:0 auto calc(var(--neck) + var(--foot) + clamp(26px,3vw,46px))!important;padding:2px!important;
  border-radius:clamp(14px,1.6vw,22px)!important;
  background:linear-gradient(180deg,#f1f3f6 0%,#c9ced6 18%,#a5acb6 60%,#d4d8de 100%)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.35),0 1px 0 1px rgba(255,255,255,.25) inset,0 70px 120px -50px rgba(5,25,90,.75),0 40px 60px -40px rgba(0,0,0,.75)!important}
.theme-light .mk-shot.dv-mon,.theme-white .mk-shot.dv-mon{box-shadow:0 0 0 1px rgba(10,20,40,.25),0 60px 110px -55px rgba(10,31,62,.6),0 30px 50px -36px rgba(10,31,62,.5)!important}
/* cuello del pie */
.mk-shot.dv-mon::before{content:""!important;position:absolute!important;inset:auto!important;top:100%!important;left:50%!important;width:22%!important;height:var(--neck)!important;transform:translateX(-50%)!important;z-index:-1!important;filter:none!important;border-radius:0!important;
  clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);
  background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 28%),linear-gradient(90deg,#7c838e 0%,#c8cdd4 18%,#eef0f3 46%,#d9dde2 62%,#a3aab4 84%,#6f7680 100%)!important}
/* base */
.mk-shot.dv-mon::after{content:""!important;position:absolute!important;inset:auto!important;top:calc(100% + var(--neck))!important;left:50%!important;width:34%!important;height:var(--foot)!important;transform:translateX(-50%)!important;z-index:-1!important;filter:none!important;
  border-radius:3px 3px 10px 10px / 3px 3px 100% 100%!important;
  background:linear-gradient(180deg,#f4f6f8 0%,#cfd4db 35%,#9aa1ab 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 22px 30px -10px rgba(0,0,0,.6),0 40px 60px -20px rgba(5,25,90,.45)!important}
/* vidrio negro + pantalla */
.mk-shot.dv-mon>.shot-sc{position:relative;border:var(--glass) solid #060709!important;border-radius:calc(clamp(14px,1.6vw,22px) - 2px)!important;
  aspect-ratio:16/10;overflow:hidden!important;background:#05070c!important;box-shadow:0 0 0 1px #000 inset}
.mk-shot.dv-mon>.shot-sc::before{content:"";position:absolute;top:calc(var(--glass) * -.62);left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;z-index:3;
  background:radial-gradient(circle at 40% 35%,#3a4766,#0a0d14 70%)}
.mk-shot.dv-mon>.shot-sc::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.02) 24%,transparent 40%)}
.mk-shot.dv-mon>.shot-sc img{display:block;width:100%!important;max-width:100%!important;height:100%!important;object-fit:cover;object-position:50% 0;border-radius:0!important;
  animation:monPan 24s 1.5s ease-in-out infinite alternate}
.mk-shot.dv-mon:hover>.shot-sc img{animation-play-state:paused}
@keyframes monPan{0%,12%{object-position:50% 0}88%,100%{object-position:50% 100%}}
/* dos monitores, lado a lado */
.rk-duo{gap:clamp(20px,3vw,44px)!important}
.mk-shot.dv-mon--duo{--neck:clamp(44px,5vw,80px);--glass:clamp(7px,.9vw,12px)}
.mk-shot.dv-mon--duo>.shot-sc{aspect-ratio:16/11}
/* la pantalla se recorre sola: la pista de deslizar ya no hace falta */
.shot-hint{display:none!important}
@media (max-width:760px){
  .mk-shot.dv-mon>.shot-sc{overflow:hidden!important}
  .mk-shot.dv-mon>.shot-sc img{width:100%!important}
  .mk-shot.dv-mon{--neck:44px;--foot:8px;--glass:7px}
}
@media (prefers-reduced-motion:reduce){.mk-shot.dv-mon>.shot-sc img{animation:none}}

/* =====================================================================
   v8 · Tablet real apoyada sobre escritorio de nogal
   Imagen fija y completa: la pantalla toma la proporción exacta de cada captura.
   ===================================================================== */
.mk-shot.dv-mon{display:none}
.mk-shot.dv-pad{--bz:clamp(10px,1.35vw,18px);--r:clamp(18px,2.1vw,30px);
  position:relative;isolation:isolate;z-index:0;
  width:min(100%, calc(min(74vh,780px) * var(--ar)));max-width:1040px!important;
  margin:0 auto clamp(84px,8.5vw,128px)!important;padding:var(--bz)!important;border-radius:var(--r)!important;
  background:radial-gradient(120% 60% at 30% 0%,#1a1d24 0%,#0b0c10 45%,#050608 100%)!important;
  box-shadow:
    0 0 0 1px #1e2229,
    0 0 0 2.5px #9aa1ab,
    0 0 0 3.5px #e9ecf0,
    0 0 0 5px #6b717b,
    0 2px 0 5px #4a4f57,
    0 50px 70px -30px rgba(0,0,0,.75),
    0 90px 120px -60px rgba(5,25,90,.55)!important}
.theme-light .mk-shot.dv-pad,.theme-white .mk-shot.dv-pad{box-shadow:0 0 0 1px #1e2229,0 0 0 2.5px #9aa1ab,0 0 0 3.5px #f2f4f7,0 0 0 5px #6b717b,0 2px 0 5px #4a4f57,0 45px 60px -30px rgba(10,20,40,.55),0 80px 110px -60px rgba(10,31,62,.45)!important}
/* cámara frontal */
.mk-shot.dv-pad::before{content:""!important;position:absolute!important;inset:auto!important;top:calc(var(--bz) / 2 - 3px)!important;left:50%!important;width:6px!important;height:6px!important;margin-left:-3px;border-radius:50%!important;z-index:3!important;filter:none!important;
  background:radial-gradient(circle at 38% 34%,#41507a 0%,#121722 55%,#05070b 100%)!important;box-shadow:0 0 0 1px #15181f!important}
/* escritorio de nogal + sombra de contacto */
.mk-shot.dv-pad::after{content:""!important;position:absolute!important;inset:auto!important;left:max(-14%,calc((100% - 100vw) / 2 + 8px))!important;right:max(-14%,calc((100% - 100vw) / 2 + 8px))!important;top:calc(100% - 22px)!important;height:clamp(58px,6vw,92px)!important;z-index:-1!important;filter:none!important;border-radius:0!important;
  background:
    radial-gradient(48% 30% at 50% 20%,rgba(0,0,0,.75),rgba(0,0,0,0) 70%),
    url(../../img/home/home-01-ced3eaaf.webp) center top/100% 100% no-repeat!important;
  -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  box-shadow:none!important}
/* pantalla: imagen completa, sin recortes ni movimiento */
.mk-shot.dv-pad>.shot-sc{position:relative;border:0!important;border-radius:calc(var(--r) - var(--bz) + 2px)!important;overflow:hidden!important;aspect-ratio:var(--ar)!important;background:#05070c!important;box-shadow:0 0 0 1px #000}
.mk-shot.dv-pad>.shot-sc::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(122deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.025) 22%,transparent 38%)}
.mk-shot.dv-pad>.shot-sc img{display:block;width:100%!important;max-width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;animation:none!important;border-radius:0!important}
/* dos tablets lado a lado, misma altura */
.rk-duo{display:flex!important;align-items:flex-end!important;gap:clamp(18px,2.6vw,40px)!important}
.rk-duo>.rk-col{flex:var(--g,1) 1 0;min-width:0}
.mk-shot.dv-pad--duo{width:100%!important;--bz:clamp(8px,1vw,14px)}
.mk-shot.dv-pad--duo::after{left:-4%!important;right:-4%!important}
.rk-duo{overflow:visible;padding-inline:2%}
@media (max-width:760px){
  .rk-duo{flex-direction:column!important;align-items:stretch!important}
  .mk-shot.dv-pad{width:100%;--bz:8px;--r:16px;margin-bottom:64px!important}
  .mk-shot.dv-pad::after{left:-3%!important;right:-3%!important;height:52px!important;top:calc(100% - 16px)!important}
  .mk-shot.dv-pad--duo::after{left:-3%!important;right:-3%!important}
  .mk-shot.dv-pad>.shot-sc{overflow:hidden!important}
}

/* =====================================================================
   v9 · Tablet de alta gama (sin escritorio)
   Marco de aluminio grafito con chaflán pulido, vidrio negro uniforme,
   cámara con lente, botones laterales y sombra de estudio.
   ===================================================================== */
.mk-shot.dv-pad{--fr:clamp(3px,.32vw,5px);--bz:clamp(11px,1.3vw,18px);--r:clamp(22px,2.4vw,34px);
  padding:var(--fr)!important;border-radius:var(--r)!important;
  margin:0 auto clamp(48px,5vw,80px)!important;
  background:
    linear-gradient(135deg,#d9dde3 0%,#7d838d 7%,#3a3e45 18%,#24272c 46%,#3b3f46 72%,#8a909a 90%,#dfe3e8 100%)!important;
  box-shadow:
    inset 0 0 0 .5px rgba(255,255,255,.55),
    inset 0 1px 1px rgba(255,255,255,.35),
    0 0 0 .5px rgba(0,0,0,.6),
    0 2px 3px rgba(0,0,0,.25),
    0 18px 30px -12px rgba(0,0,0,.45),
    0 60px 90px -40px rgba(0,0,0,.55),
    0 90px 140px -70px rgba(5,40,140,.45)!important}
.theme-light .mk-shot.dv-pad,.theme-white .mk-shot.dv-pad{box-shadow:
    inset 0 0 0 .5px rgba(255,255,255,.6),inset 0 1px 1px rgba(255,255,255,.4),0 0 0 .5px rgba(0,0,0,.45),
    0 2px 3px rgba(10,20,40,.18),0 22px 34px -14px rgba(10,20,40,.35),0 70px 100px -50px rgba(10,31,62,.45)!important}
/* sin escritorio: el ::after pasa a ser los botones de volumen sobre el canto superior */
.mk-shot.dv-pad::after{content:""!important;position:absolute!important;inset:auto!important;top:calc(var(--fr) * -1 - 1px)!important;right:14%!important;left:auto!important;bottom:auto!important;
  width:clamp(44px,5.5vw,78px)!important;height:3px!important;z-index:-1!important;border-radius:2px 2px 0 0!important;filter:none!important;
  -webkit-mask:none!important;mask:none!important;
  background:linear-gradient(90deg,#5d626a 0 44%,transparent 44% 56%,#5d626a 56% 100%)!important;
  box-shadow:calc(-1 * clamp(70px,9vw,130px)) 0 0 -0px #5d626a!important}
.mk-shot.dv-pad[style*="--ar:0."]::after{right:auto!important;left:-3px!important;top:12%!important;width:3px!important;height:clamp(40px,5vw,70px)!important;border-radius:2px 0 0 2px!important;
  background:linear-gradient(180deg,#5d626a 0 44%,transparent 44% 56%,#5d626a 56% 100%)!important;box-shadow:none!important}
/* vidrio negro (bisel uniforme) + pantalla */
.mk-shot.dv-pad>.shot-sc{border:var(--bz) solid #050506!important;border-radius:calc(var(--r) - var(--fr))!important;
  background:#020203!important;aspect-ratio:auto!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 0 1px #000!important}
.mk-shot.dv-pad>.shot-sc img{border-radius:calc(var(--r) - var(--fr) - var(--bz) - 1px)!important;aspect-ratio:var(--ar);height:auto!important;object-fit:contain!important}
/* reflejo del vidrio sobre todo el frente */
.mk-shot.dv-pad>.shot-sc::after{content:"";position:absolute;inset:calc(var(--bz) * -1);border-radius:inherit;pointer-events:none;z-index:2;
  background:linear-gradient(128deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.035) 20%,rgba(255,255,255,0) 34%),
             linear-gradient(0deg,rgba(255,255,255,.025),rgba(255,255,255,0) 30%)}
/* cámara frontal con lente */
.mk-shot.dv-pad::before{top:calc(var(--fr) + var(--bz) / 2 - 3.5px)!important;width:7px!important;height:7px!important;margin-left:-3.5px!important;
  background:radial-gradient(circle at 35% 32%,rgba(140,170,255,.55) 0 8%,#1b2540 22%,#0b0f19 55%,#020305 100%)!important;
  box-shadow:0 0 0 1.5px #0d0e11,0 0 0 2px rgba(255,255,255,.05)!important}
.mk-shot.dv-pad[style*="--ar:0."]::before{top:calc(var(--fr) + var(--bz) / 2 - 3.5px)!important}
@media (max-width:760px){
  .mk-shot.dv-pad{--fr:2.5px;--bz:9px;--r:18px;margin-bottom:40px!important}
  .mk-shot.dv-pad::after{display:none!important}
}

/* ---------- v10 · Tablets grandes para leer todo ---------- */
.mk-shot.dv-pad{--w:min(94vw,1320px);width:var(--w)!important;max-width:none!important;margin-left:calc((100% - var(--w)) / 2)!important;margin-right:0!important}
.mk-shot.dv-pad[style*="--ar:0."]{--w:min(94vw,1240px)}
.rk-duo{display:grid!important;grid-template-columns:1fr!important;gap:clamp(36px,4vw,64px)!important;padding-inline:0!important;max-width:none!important}
.rk-duo>.rk-col{flex:none}
.rk-duo .rk-lbl{max-width:min(94vw,1320px);margin-inline:auto}
.mk-shot.dv-pad--duo{--w:min(94vw,1320px);--bz:clamp(11px,1.3vw,18px)}
@media (max-width:760px){.mk-shot.dv-pad,.mk-shot.dv-pad[style*="--ar:0."]{--w:calc(100vw - 20px)}}

/* ---------- v11 · Calculadora y Calendario: dos tablets lado a lado, grandes ---------- */
.rk-duo{--dw:min(96vw,1600px);width:var(--dw)!important;max-width:none!important;margin-left:calc((100% - var(--dw)) / 2)!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(20px,2vw,36px)!important;align-items:end!important;padding:0!important}
.rk-duo>.rk-col{display:flex;flex-direction:column;min-width:0}
.rk-duo .rk-lbl{max-width:none;margin:0 0 8px}
.rk-desc{margin:0 0 20px;max-width:62ch;font-size:15px;line-height:1.55;color:#4A5468;min-height:4.65em}
:not(.theme-light)>.wrap .rk-desc{color:#A9B6CB}
.mk-shot.dv-pad--duo{--w:100%;width:100%!important;margin-left:0!important;margin-bottom:0!important;--bz:clamp(9px,1vw,15px)}
@media (max-width:900px){
  .rk-duo{--dw:100%;grid-template-columns:1fr!important;gap:44px!important}
  .rk-desc{min-height:0}
}

/* ---------- v12 · Botones de la tablet sobre el canto lateral derecho ---------- */
.mk-shot.dv-pad::after,.mk-shot.dv-pad[style*="--ar:0."]::after{
  top:9%!important;bottom:auto!important;left:auto!important;right:-3px!important;
  width:3px!important;height:clamp(46px,5.6vw,84px)!important;border-radius:0 2px 2px 0!important;
  background:linear-gradient(180deg,#5d626a 0 44%,transparent 44% 56%,#5d626a 56% 100%)!important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.18)!important}

/* ---------- Mensual / anual ---------- */
.plans[data-bill="m"] .by,.plans[data-bill="y"] .bm{display:none!important}
.price.by strong,.price.bm strong{font-variant-numeric:tabular-nums}

/* Lanzamiento + Black Friday */
.bf-flag{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;background:#0A1F3E;color:#fff;font:600 13.5px var(--body);letter-spacing:.01em}
.bf-dot{width:8px;height:8px;border-radius:50%;background:#FFC53D;box-shadow:0 0 0 4px rgba(255,197,61,.25)}
.price{flex-wrap:wrap}.price .p-was{font:600 26px/1 var(--display);color:var(--dim);text-decoration-thickness:2px;margin-right:4px}
.bf-free s{color:var(--dim);margin-right:6px}.bf-free{color:var(--up);font-weight:700}
.bf-box{margin-top:16px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:center;padding:30px 32px;border-radius:20px;color:#F2F4F7;
  background:radial-gradient(600px 240px at 0 0,rgba(5,82,252,.45),transparent 70%),linear-gradient(135deg,#0A1F3E,#050B18);box-shadow:0 30px 70px -40px rgba(5,82,252,.7)}
.bf-eb{display:inline-block;font:700 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#FFC53D}
.bf-box h3{margin:12px 0 10px;font:800 clamp(24px,2.6vw,32px)/1.15 var(--display);letter-spacing:-.02em;color:#fff}
.bf-box p{margin:0;font-size:15.5px;line-height:1.6;color:#C9D3E3}.bf-box p b{color:#fff}.bf-box s{color:#8A97AD}
.bf-r{display:grid;gap:12px;padding:22px 24px;border-radius:16px;border:1px solid rgba(255,197,61,.35);background:rgba(255,197,61,.06)}
.bf-n{display:flex;align-items:baseline;gap:10px}.bf-n b{font:800 48px/1 var(--display);color:#FFC53D;letter-spacing:-.03em}.bf-n span{font:600 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#E8DDB8}
.fz-c b .fz-was{display:block;font-size:.5em;color:#7C8BA3;margin-bottom:4px}
.fz-bf{max-width:62ch;margin:0 auto;font-size:13.5px;line-height:1.6;color:#C9D3E3;padding:12px 18px;border-radius:12px;border:1px solid rgba(255,197,61,.35);background:rgba(255,197,61,.06)}.fz-bf b{color:#FFC53D}
@media (max-width:860px){.bf-box{grid-template-columns:1fr;padding:24px 20px}}
.ticker-track>span b{margin-right:0;letter-spacing:.04em}.ticker-track>span::after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#0552FC;margin-left:36px;vertical-align:middle}
.pb-sheet .ns-login{margin-top:8px}



/* ==========================================================================
   ProBase Trading · Capa de diseño institucional
   Se carga después del CSS de cada página: unifica tipografía, filetes,
   marcos de producto y botones en todo el sitio.

   Sistema tipográfico
   · Hanken Grotesk  → titulares (grotesca suiza, compacta, de banca privada)
   · Instrument Serif → palabras de acento en titulares (cursiva editorial)
   · IBM Plex Sans   → textos y navegación (diseñada para entornos financieros)
   · IBM Plex Mono   → cifras, etiquetas y datos de mercado
   · Poppins         → sólo el logotipo
   ========================================================================== */
html:root{
  --display:"Hanken Grotesk","IBM Plex Sans","Segoe UI",system-ui,sans-serif;
  --body:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --serif:"Instrument Serif","Iowan Old Style",Georgia,serif;
  --pb-font:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;
  --pb-mono:"IBM Plex Mono",ui-monospace,monospace;
  /* acentos */
  --ib-steel:158,186,240;      /* filete frío */
  --ib-blue:61,123,255;        /* filete cobalto */
  --ib-silver:linear-gradient(92deg,#F4F7FF 0%,#C9D8FF 30%,#8FB0FF 62%,#3D7BFF 100%);
}

/* ---------- Tipografía ---------- */
body{font-family:var(--body);font-feature-settings:"kern","liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:var(--display);font-feature-settings:"ss01","kern"}
h1{font-weight:600!important;letter-spacing:-.035em!important;line-height:1.04!important}
h2{font-weight:600!important;letter-spacing:-.03em!important}
h3{font-weight:600;letter-spacing:-.015em}
p,li,dd,summary{font-family:var(--body)}
b,strong{font-weight:600}

/* Palabras de acento: cursiva editorial con degradé plateado → cobalto */
.hero h1 em,.sn-head h2 span,.pt-head h2 em,.final .fz h2 span,
body:not(.pb-page--home) h1 em,body:not(.pb-page--home) h2 em{
  font-family:var(--serif)!important;font-style:italic!important;font-weight:400!important;
  letter-spacing:-.005em!important;font-size:1.1em;line-height:.9;padding:0 .08em 0 .02em;
  background:var(--ib-silver)!important;-webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important
}
.theme-light h2 em,.theme-white h2 em,.theme-light h2 span,.theme-white h2 span{background:linear-gradient(92deg,#0A1F3E 0%,#1454F0 70%,#3D7BFF 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}

/* Cifras: mono tabular */
.stat b,.big20 b,.gp-stats b,.pt-kpis strong,.spec b{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
table,.tab-ui,.t2-c,.dash{font-variant-numeric:tabular-nums}

/* Etiquetas superiores: filete en lugar de punto */
.eyebrow{font-family:var(--mono)!important;font-weight:500!important;letter-spacing:.18em!important;gap:12px!important}
.eyebrow::before{width:26px!important;height:1px!important;border-radius:0!important;background:linear-gradient(90deg,transparent,currentColor)!important;box-shadow:none!important}
.kick{font-family:var(--mono)!important;font-weight:500!important;letter-spacing:.18em!important;display:inline-flex;align-items:center;gap:12px}
.kick::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,currentColor);flex:none}

/* ---------- Filetes institucionales en tarjetas ----------
   Borde de 1px en degradé (luz arriba a la izquierda, se apaga al centro,
   reflejo cobalto abajo a la derecha) + brillo fino en el canto superior. */
:is(
  body:not(.pb-page--home) .card,
  .stat,.node,.step,.col,body:not(.pb-page--home) .addon,.cc,button.wc,.key,.dash,.hero-card,.big20,body:not(.pb-page--home) .price,.jr,.spec,.perm,.mem,
  body:not(.pb-page--home) p.note,body:not(.pb-page--home) details,
  .sn-tg,.b2b-box,.brk,.pb-page--home .card,.fz-c,.gp-stats>div,
  .chip,.tm-card,.plan,.theme-white details,.theme-light details
){position:relative;border-color:transparent!important}
:is(
  body:not(.pb-page--home) .card,
  .stat,.node,.step,.col,body:not(.pb-page--home) .addon,.cc,button.wc,.key,.dash,.hero-card,.big20,body:not(.pb-page--home) .price,.jr,.spec,.perm,.mem,
  body:not(.pb-page--home) p.note,body:not(.pb-page--home) details,
  .sn-tg,.b2b-box,.brk,.pb-page--home .card,.fz-c,.gp-stats>div,
  .chip,.tm-card,.plan,.theme-white details,.theme-light details
)::after{
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
  --c:var(--ib-c,var(--ib-steel));--a:var(--ib-a,var(--ib-blue));--k:var(--ib-k,1);
  background:
    linear-gradient(90deg,transparent 8%,rgba(255,255,255,calc(.42*var(--k))) 50%,transparent 92%) top/100% 1px no-repeat,
    linear-gradient(158deg,rgba(var(--c),calc(.55*var(--k))) 0%,rgba(var(--c),calc(.16*var(--k))) 22%,rgba(var(--c),calc(.07*var(--k))) 50%,rgba(var(--a),calc(.22*var(--k))) 78%,rgba(var(--a),calc(.5*var(--k))) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  transition:filter .3s ease
}
:is(body:not(.pb-page--home) .card,.stat,.node,.step,.col,.cc,button.wc,.key,.chip,.tm-card,.plan,.fz-c,.pb-page--home .card,details):hover::after{filter:brightness(1.6)}

/* Profundidad sobria en tarjetas oscuras */
:is(body:not(.pb-page--home) .card,.stat,.node,.step,.col,body:not(.pb-page--home) .addon,.cc,button.wc,.key,.hero-card,.big20,body:not(.pb-page--home) .price,.jr,.spec,.mem,.dash,body:not(.pb-page--home) details){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 30px 60px -40px rgba(0,0,0,.85)
}

/* Tonos por estado (mantienen su significado) */
:is(.card.bad,.card.isnt-c,.key.r,.box.w){--ib-c:255,92,92;--ib-a:255,92,92}
:is(.card.good,.card.is,.key.g){--ib-c:80,224,120;--ib-a:63,224,90}
:is(.key.a,.pb-page--about p.note){--ib-c:240,203,107;--ib-a:240,203,107}
:is(.card.feat,.col.pb,.node.core,.hero-card,.big20,.price,.plan.main,.fz-c.good){--ib-c:190,210,255;--ib-a:61,123,255;--ib-k:1.45}
/* Secciones claras: filete grafito → cobalto */
:is(.theme-light,.theme-white,.strip){--ib-c:120,140,180;--ib-a:5,82,252;--ib-k:1.15}
:is(.theme-light,.theme-white,.strip) :is(.chip,.tm-card,.plan,details)::after{background:
  linear-gradient(158deg,rgba(var(--c),.55) 0%,rgba(var(--c),.22) 30%,rgba(var(--c),.16) 60%,rgba(var(--a),.45) 100%)}
.plan.main{--ib-c:5,82,252!important}
.plan.main::after{background:linear-gradient(158deg,#7FA4FF 0%,#0552FC 40%,#0A1F3E 75%,#3D7BFF 100%)!important}

/* ---------- Marcos de producto ----------
   Sin líneas externas: bisel fino en degradé, luz en el canto superior
   y un halo cobalto bajo la pieza, como un monitor en una mesa de operaciones. */
.mk-shot{background:linear-gradient(165deg,rgba(236,242,255,.75) 0%,rgba(122,160,255,.45) 16%,rgba(20,36,70,.7) 45%,rgba(30,60,120,.55) 75%,rgba(160,190,255,.6) 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 70px 120px -60px rgba(5,40,140,.55),0 30px 60px -40px rgba(0,0,0,.6)!important}
.mk-shot::after{content:"";position:absolute;left:8%;right:8%;bottom:-34px;height:60px;z-index:-1;pointer-events:none;border-radius:50%;
  background:radial-gradient(50% 50% at 50% 50%,rgba(61,123,255,.38),rgba(61,123,255,0) 70%);filter:blur(10px)}
.theme-light .mk-shot,.theme-white .mk-shot{box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 60px 100px -55px rgba(10,31,62,.55),0 20px 40px -30px rgba(10,31,62,.35)!important}
.theme-light .mk-shot::after,.theme-white .mk-shot::after{background:radial-gradient(50% 50% at 50% 50%,rgba(5,82,252,.22),rgba(5,82,252,0) 70%)}
.shot{position:relative;border-color:rgba(122,160,255,.3)!important;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}

/* Fotografías: filete fino, sin escuadras */
.pic{border-color:transparent!important;box-shadow:0 0 0 1px rgba(122,160,255,.2),0 50px 100px -45px rgba(0,0,0,.85)!important}

/* Calculadora y calendario: misma altura */
@media (min-width:761px){
  .rk-duo{align-items:stretch!important}
  .rk-duo .shot-sc{aspect-ratio:2480/1968;overflow:hidden!important}
  .rk-duo .shot-sc img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover;object-position:top center}
}

/* ---------- Sección "mesa institucional": texto fuera de la foto ---------- */
@media (min-width:901px){
  .pic-group{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);aspect-ratio:auto!important;min-height:0!important;
    background:linear-gradient(135deg,#0B1730 0%,#081022 55%,#060B18 100%)!important}
  .pic-group .pic-img{position:relative!important;inset:auto!important;grid-column:2;grid-row:1;width:100%;height:100%!important;min-height:440px;object-fit:cover;object-position:62% center!important;filter:saturate(.8) contrast(1.06)}
  .pic-group .pic-ph{display:none!important}
  .pic-group .pic-shade{grid-column:2;grid-row:1;position:relative!important;inset:auto!important;height:auto!important;aspect-ratio:auto!important;
    background:linear-gradient(90deg,#081022 0%,rgba(8,16,34,.55) 14%,rgba(8,16,34,0) 34%),linear-gradient(0deg,rgba(6,10,26,.45),transparent 40%)!important}
  .pic-group .gp-copy{grid-column:1;grid-row:1;position:relative!important;left:auto!important;top:auto!important;transform:none!important;max-width:none!important;
    align-self:center;padding:clamp(36px,4.4vw,64px) clamp(28px,3.6vw,56px)!important;border-right:1px solid transparent;
    background:linear-gradient(180deg,transparent,rgba(122,160,255,.4) 30%,rgba(122,160,255,.4) 70%,transparent) 100% 0/1px 100% no-repeat}
  .pic-group .gp-copy h2{font-size:clamp(28px,2.9vw,40px)}
}
@media (max-width:900px){
  .pic-group .gp-copy{padding-top:28px!important}
}

/* ---------- Botones ---------- */
.theme-blue .btn-primary,.theme-blue .btn.p{background:linear-gradient(180deg,#FFFFFF 0%,#EEF3FF 100%)!important;color:#0442D0!important;
  box-shadow:inset 0 -1px 0 rgba(10,31,62,.12),0 0 0 1px rgba(255,255,255,.6),0 14px 30px -14px rgba(0,0,0,.55)!important}
:is(.btn-primary,.btn.p,.pb-btn--primary):not(.theme-blue *){
  background:linear-gradient(180deg,#2C6CFF 0%,#0552FC 52%,#0446DA 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.2),0 0 0 1px rgba(5,82,252,.55),0 14px 32px -14px rgba(5,82,252,.85)!important;
  font-family:var(--body);font-weight:600;letter-spacing:.005em
}
:is(.btn-primary,.btn.p,.pb-btn--primary):not(.theme-blue *):hover{background:linear-gradient(180deg,#3B78FF 0%,#0A58FF 52%,#044BE8 100%)!important}
.btn-ghost,.btn:not(.p):not(.btn-primary):not(.btn-gold){font-family:var(--body);font-weight:600}

/* ---------- Cabecera y pie ---------- */
.pb-hd{background:linear-gradient(180deg,rgba(6,10,18,.92),rgba(6,10,18,.78))!important;border-bottom-color:transparent!important}
.pb-hd::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(122,160,255,.18) 18%,rgba(160,190,255,.55) 50%,rgba(122,160,255,.18) 82%,transparent 100%)}
.pb-links,.pb-dd-p b,.pb-sheet a{font-family:var(--body)}
.pb-links{letter-spacing:.005em}
.pb-dd-p{border-color:transparent!important;background:linear-gradient(180deg,rgba(12,20,38,.98),rgba(8,14,28,.98))!important}
.pb-dd-p::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(190,210,255,.45),rgba(122,160,255,.08) 40%,rgba(61,123,255,.35));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.pb-ft{border-top-color:transparent!important;position:relative}
.pb-ft::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(160,190,255,.45) 50%,transparent)}
.pb-ft h4{font-family:var(--mono);letter-spacing:.18em}
.pb-ft-legal{border-top-color:transparent!important;background:linear-gradient(90deg,rgba(122,160,255,.3),rgba(122,160,255,.06) 60%,transparent) top/100% 1px no-repeat}

/* ---------- Teléfono y pantallas pequeñas ---------- */

@media (max-width:760px){
}
@media (prefers-reduced-motion:reduce){*::after{transition:none!important}}
@media print{.mk-shot::after,.pb-hd::after{display:none}}


/* Bastion · controles reales */
.sn-seg.sn-seg2{grid-template-columns:1fr 1fr}
.sn-o2{color:#3FD07A!important}
.sn-o2bar{height:8px;border-radius:99px;background:rgba(148,170,210,.14);overflow:hidden}
.sn-o2bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1E9E55,#3FD07A);transition:width .3s}
.sn-o2bar i.md{background:linear-gradient(90deg,#B8860B,#F0CB6B)}.sn-o2bar i.lo{background:linear-gradient(90deg,#B42318,#F04438)}
.sn-lim-v em{font-style:normal;color:var(--muted)}

/* Informe XAUUSD real */
.rp-shot{margin:0;border-radius:20px;padding:1px;background:linear-gradient(145deg,rgba(214,222,235,.55),rgba(5,82,252,.45) 40%,rgba(10,31,62,.9) 70%,rgba(190,200,215,.45));box-shadow:0 50px 100px -40px rgba(0,0,0,.95),0 24px 60px -30px rgba(5,82,252,.45)}
.rp-shot img{display:block;width:100%;height:auto;border-radius:19px;background:#070B14;cursor:zoom-in}


/* ===== Menú lateral móvil (hamburguesa azul) ===== */
@media (max-width:1140px){
  .pb-burger{background:linear-gradient(135deg,#3D7BFF,#0552FC)!important;border:0!important;box-shadow:0 10px 22px -10px rgba(5,82,252,.95),inset 0 1px 0 rgba(255,255,255,.2)!important;width:42px!important;height:42px!important;border-radius:11px!important}
  .pb-burger span{background:#fff!important}
  .pb-sheet{display:grid!important;position:fixed!important;top:0!important;left:0!important;right:auto!important;bottom:0!important;width:min(330px,86vw)!important;height:100%!important;height:100dvh!important;max-height:none!important;
    align-content:start;padding:14px 18px calc(24px + env(safe-area-inset-bottom,0px))!important;background:linear-gradient(180deg,#0A1020,#070B14)!important;border:0!important;border-right:1px solid rgba(148,170,210,.16)!important;
    overflow-y:auto!important;opacity:1!important;pointer-events:auto!important;transform:translateX(-104%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility .28s!important;z-index:1001!important;box-shadow:30px 0 60px -30px rgba(0,0,0,.9)}
  .pb-sheet.on{transform:none;visibility:visible}
  .pb-sheet{font-family:var(--pb-font);color:var(--pb-text)}.pb-sheet a{text-decoration:none!important}
  .pb-sheet-top .pb-logo{display:inline-flex!important;padding:0!important;border:0!important}
  .pb-sheet .pb-btn--block{margin-top:12px}
  .pb-sheet-top{display:flex;align-items:center;gap:10px;padding:4px 2px 14px;margin-bottom:6px;border-bottom:1px solid rgba(148,170,210,.12)}
  .pb-sheet-top .pb-logo{display:flex;align-items:center;gap:9px;pointer-events:none}
  .pb-sheet-x{margin-left:auto;width:38px;height:38px;border-radius:10px;border:1px solid rgba(148,170,210,.25);background:transparent;color:#C9D4E5;display:grid;place-items:center;cursor:pointer}
  .pb-scrim{position:fixed;inset:0;z-index:1000;background:rgba(2,5,12,.62);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s}
  .pb-scrim.on{opacity:1;pointer-events:auto}
  html.pb-nav-open,html.pb-nav-open body{overflow:hidden}
}
@media (min-width:1141px){.pb-scrim,.pb-sheet-top{display:none}}