:root{
  --ink:#0A0A0A; --paper:#FFFFFF; --gray:#6B6B6B; --line:#111;
  --acc:#1043FA; --c1:#6E9BFF; --c2:#BCCBFF; --c3:#DCE6F2;
  --sans:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;
  --mono:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;  /* antes IBM Plex Mono: se unifica con la tipo oficial */
  --gut:15px; --colx:40.4vw;
  --ease:cubic-bezier(.25,1,.35,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{background:var(--paper)}
body{font-family:var(--sans);color:var(--ink);font-size:15px;line-height:1.5;
  -webkit-font-smoothing:antialiased;letter-spacing:.01em}
button{font:inherit;border:0;background:none;color:inherit}
button{cursor:pointer;text-align:left}
a{color:inherit;text-decoration:none}
img,
svg{display:block}
/* El logotipo va con tracking muy cerrado (-.045 a -.066em). A cuerpos
   grandes ese valor mete la "h" debajo del brazo de la "T". La T lleva su
   propio espaciado en cero: se corrige sólo ese par y el resto del
   lockup conserva el tracking original. */
.kT{font-style:normal;letter-spacing:-.052em}
/* Y en vertical: el asta de la h llega a 757 unidades y la altura de
   mayúscula de la T a 745, así que la h asomaba 12 unidades por encima.
   Se comprime ese 1,59% desde la línea de base; el ancho y los astiles
   verticales no cambian. */
.kH{font-style:normal;display:inline-block;line-height:inherit;
  transform:scaleY(.9841);transform-origin:0 100%}

/* paleta y fondo de la marca */
:root{
  --bg:#2840DB; --bg2:#304DE5;
  --fg:#FFFFFF; --fg-60:rgba(255,255,255,.6); --fg-38:rgba(255,255,255,.38);
  --dblue:#2B46E2; --sky:#33B6FF; --icefg:#ADE2FF; --deepnavy:#0D0095;
  --hair:rgba(255,255,255,.28); --hair2:rgba(255,255,255,.16);
  --glass:rgba(255,255,255,.1); --glassb:rgba(255,255,255,.16);
  --r:18px;
}
html,body{background:var(--bg)}
body{color:var(--fg);
  background-color:var(--bg);
  background-image:radial-gradient(150% 105% at 50% -10%,#3A57EA 0%,#2B46E2 46%,#2840DB 100%);
  background-attachment:fixed;
  font-family:'Roboto',var(--sans)}
h1,
b,
button{font-family:var(--sans)}

/* el marco: el cuerpo es blanco y la escena se apoya adentro */
:root{--frame:clamp(8px,0.9vw,14px)}
html,body{background:#fff!important;background-image:none!important}
body{padding:var(--frame)}