:root{
  --brand:#30D5C8; --accent:#7D4DFF; --dark:#0B0F14;
  --green:#18C48F; --red:#FF5B6E;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--dark);color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}

/* Sticky header with DAB (left) and logo (right) */
.site-header{
  position:sticky; top:0; z-index:20;
  display:flex; justify-content:space-between; align-items:center;
  height:90px; padding:0 24px;
  background:rgba(11,15,20,.9); backdrop-filter:blur(6px);
  border-bottom:1px solid #1a222c;
}
.site-header .left{font-weight:900; font-size:32px; letter-spacing:.6px; color:#e8f9f7}
.site-header .right .logo{height:72px} /* larger logo */
@media (min-width:1000px){ .site-header .right .logo{height:88px} } /* scale up on desktop */

/* Hero */
.hero{
  min-height:70vh; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center;
  padding:40px 16px;
}
.title{
  font-family:'Anton', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size:96px; line-height:.9; margin:10px 0 18px; letter-spacing:1px; text-transform:uppercase;
}
.soon{font-size:44px; font-weight:900; letter-spacing:1.8px; color:var(--brand)}
.sub{font-size:22px; margin-top:8px; color:#bdeee9; letter-spacing:1.3px}

/* Seamless ticker */
.ticker{
  position:fixed; left:0; right:0; bottom:34px;
  background:#0f141b; color:#e6f7f5;
  border-top:1px solid #18202a; border-bottom:1px solid #18202a;
  overflow:hidden; white-space:nowrap;
}
.ticker .row{
  display:inline-flex; gap:10px; align-items:center;
  padding:10px 0; animation:scroll 28s linear infinite;
  will-change:transform;
}
.ticker .item{display:inline-flex; gap:10px; align-items:center; margin:0 24px; font-weight:700}
.ticker .sym{opacity:.9}
.ticker .price{color:#9ff1ea}
.chg.up{color:var(--green)} .chg.down{color:var(--red)}
@keyframes scroll{ from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* Footer */
.footer{
  position:fixed; left:0; right:0; bottom:0;
  background:#fff; color:#000; text-align:center;
  padding:8px 10px; font-size:12px; border-top:1px solid #e6eaee
}

/* Responsiveness */
@media (max-width:650px){
  .title{font-size:58px}
  .soon{font-size:30px}
  .site-header{height:78px}
  .site-header .right .logo{height:62px}
}