/* Site-wide VELA World + presale launch bar. Official palette, scoped so it can sit under the testnet banner. */
.vela-launch{
  --lb-navy:#080F2D;--lb-navy2:#111D4A;--lb-blue:#168BFF;--lb-cyan:#32E6FF;--lb-purple:#843DFF;--lb-lilac:#B35CFF;--lb-ice:#F5F7FF;--lb-gold:#FFCC65;
  --lb-grad:linear-gradient(120deg,#168BFF 0%,#843DFF 48%,#32E6FF 100%);
  background:
    radial-gradient(80% 140% at 0% 0%,rgba(22,139,255,.22),transparent 55%),
    radial-gradient(70% 140% at 100% 100%,rgba(179,92,255,.22),transparent 55%),
    linear-gradient(180deg,#111D4A 0%,#080F2D 100%);
  color:var(--lb-ice);
  border-bottom:1px solid rgba(50,230,255,.28);
  font-family:"Space Grotesk",Inter,system-ui,sans-serif;
}
.vela-topstick{position:sticky;top:0;z-index:60}
.vela-topstick .site-head{position:relative;top:auto}
.vela-launch-inner{
  width:min(1180px,calc(100% - 1.5rem));
  margin:0 auto;
  padding:.55rem 0 .6rem;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.65rem 1.15rem;
}
.vela-launch-ctas{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:.55rem .9rem;
  flex:1 1 22rem;
  min-width:0;
}
.vela-launch-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-height:44px;
  padding:.7rem 1.15rem;
  border-radius:999px;
  font-weight:700;
  text-decoration:none;
  letter-spacing:.01em;
  font-size:.95rem;
  line-height:1.2;
  text-align:center;
}
.vela-launch-btn.world{
  color:#080F2D;
  background:var(--lb-grad);
  box-shadow:0 0 20px rgba(22,139,255,.35);
  border:0;
}
.vela-launch-btn.presale{
  color:var(--lb-ice);
  background:rgba(22,139,255,.12);
  border:1px solid rgba(50,230,255,.55);
}
.vela-launch-btn:hover{filter:brightness(1.08);text-decoration:none}
.vela-launch-btn:focus-visible{outline:3px solid var(--lb-cyan);outline-offset:3px}
.vela-launch-presale{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0;flex:1 1 14rem}
.vela-launch-risk{
  margin:0;
  font-size:.72rem;
  line-height:1.4;
  color:var(--lb-gold);
  font-weight:650;
  max-width:36rem;
}
.vela-launch-cd{display:flex;align-items:center;margin-left:auto;flex:0 1 auto}
.vela-launch-clock{margin:0}
.vela-launch-cd-label{
  margin:0 0 .28rem;
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--lb-cyan);
}
.vela-launch .clock{display:flex;flex-wrap:wrap;gap:.35rem}
.vela-launch .unit{
  min-width:3.15rem;
  text-align:center;
  padding:.35rem .28rem .28rem;
  border-radius:10px;
  background:linear-gradient(180deg,rgba(17,29,74,.95),rgba(8,15,45,.95));
  border:1px solid rgba(50,230,255,.28);
  box-shadow:0 0 12px rgba(22,139,255,.12);
}
.vela-launch .unit b{
  display:block;
  font-variant-numeric:tabular-nums;
  font-size:1.15rem;
  line-height:1;
  font-weight:700;
  color:#fff;
  text-shadow:0 0 12px rgba(50,230,255,.7);
  transition:transform .25s ease;
}
.vela-launch .unit.pulse b{transform:scale(1.06)}
.vela-launch .unit span{
  display:block;
  margin-top:.15rem;
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#9eb0e8;
}
.vela-launch-live{
  margin:0;
  font-size:1.15rem;
  font-weight:700;
  letter-spacing:.04em;
  background:var(--lb-grad);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
@media (max-width:720px){
  .vela-launch-inner{padding:.5rem 0 .55rem;gap:.5rem}
  .vela-launch-ctas{
    flex:1 1 100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.45rem .5rem;
    align-items:stretch;
  }
  .vela-launch-presale{display:contents}
  .vela-launch-btn{width:100%;padding:.7rem .55rem;font-size:.86rem;white-space:normal}
  .vela-launch-risk{grid-column:1 / -1;max-width:none;text-align:left}
  .vela-launch-cd{margin:0;width:100%;justify-content:center}
  .vela-launch-clock{width:100%}
  .vela-launch-cd-label{text-align:center}
  .vela-launch .clock{justify-content:center}
  .vela-launch .unit{flex:1 1 0;min-width:3.2rem;max-width:5.5rem}
  .vela-launch-live{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  .vela-launch .unit b{transition:none;transform:none}
}