/* LCH landing v02 — tokens: diseno/tokens.md + medidas de mockups v02 */
@font-face{font-family:"Instrument Sans";src:url("/fonts/instrument-sans-var.woff2") format("woff2");font-weight:400 700;font-stretch:75% 100%;font-style:normal;font-display:swap}
:root{--bg:#000;--text:#fff;--label:#8A8A8A;--note:#767676;--sep:#4D4D4D;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--text)}
body{font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-stretch:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
p,h1{margin:0;font-weight:inherit}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:2px}
/* line-height:1 => línea base = top + 0.86em (ascent 970 / descent 250) */
.page{position:relative;min-height:100vh;min-height:100svh;overflow:hidden}
.logo{position:absolute;top:150px;left:50%;transform:translateX(-50%);width:560px;line-height:0}
.logo img{display:block;width:100%;height:auto}
.launch{position:absolute;left:0;right:0;top:max(50%,330px)}
.headline,.countdown,.note,.code404{position:absolute;left:0;right:0;text-align:center;line-height:1;white-space:nowrap}
.headline{top:35.92px;font-size:28px;font-weight:500;letter-spacing:-.02em}
.countdown{top:102.44px;display:flex;justify-content:center;align-items:flex-start}
.cell{width:116px;display:flex;flex-direction:column;align-items:center;position:relative}
.sep{width:0;position:relative;font-size:56px;color:var(--sep);line-height:1;display:flex;justify-content:center}
.sep{font-size:28px;top:24px}
.num{font-size:56px;font-weight:400;font-variant-numeric:tabular-nums;line-height:1}
.label{position:absolute;top:64.16px;font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--label);line-height:1;padding-left:1.5px}
.note{top:203.8px;font-size:12px;letter-spacing:.3px;color:var(--note)}
.note404 a{color:var(--label)}
.code404{top:102.44px;font-size:56px;font-variant-numeric:tabular-nums}
.contact{position:absolute;left:0;right:0;bottom:0;height:120px}
@media (max-width:767.98px){
  .logo{width:300px}
  .launch{top:max(50%,260px)}
  .headline{top:23px;font-size:20px}
  .countdown{top:75.44px}
  .cell{width:70px}
  .num{font-size:36px}
  .sep{font-size:18px;top:15px}
  .label{top:44px;font-size:10px}
  .note{top:151.8px}
  .code404{top:75.44px;font-size:36px}
  .contact{height:96px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}