.hero{padding:88px 0 0}
.hero-inner{max-width:720px}
.hero h1{font-weight:500;font-size:clamp(2.4rem,4.6vw,3.6rem);line-height:1.08;letter-spacing:-.015em;margin:18px 0 22px}
.hero h1 em{font-style:italic;color:var(--signal-deep)}
.hero p{font-size:1.1rem;color:var(--slate);max-width:560px;margin-bottom:32px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:64px}

.ticker-band{background:var(--void);color:var(--paper);overflow:hidden;border-top:1px solid var(--void-2);border-bottom:1px solid var(--void-2)}
.ticker-label{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--signal);padding:0 20px;display:flex;align-items:center;gap:8px;white-space:nowrap;flex:0 0 auto;border-right:1px solid var(--void-2)}
.ticker-dot{width:6px;height:6px;border-radius:50%;background:var(--signal);animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.ticker-outer{display:flex;align-items:center;height:52px}
.ticker-viewport{overflow:hidden;flex:1;height:100%}
.ticker-track{display:flex;align-items:center;gap:48px;white-space:nowrap;height:100%;width:max-content;animation:scroll-left 32s linear infinite}
.ticker-track:hover,.ticker-track:focus-within{animation-play-state:paused}
@keyframes scroll-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker-item{font-family:var(--mono);font-size:.82rem;color:#C7CBD4;display:flex;align-items:center;gap:10px}
.ticker-item b{color:var(--paper);font-weight:500;transition:color var(--transition-base)}
.ticker-item:hover b{color:var(--signal)}
.ticker-tag{color:var(--signal);font-weight:500}

.topics-wrap{display:flex;flex-wrap:wrap;gap:12px}
.pill{border:1px solid var(--mist);border-radius:var(--radius-pill);padding:11px 20px;font-size:.88rem;font-weight:500;transition:border-color var(--transition-fast),background var(--transition-fast)}
.pill:hover{border-color:var(--void);background:var(--paper-2)}

.about{background:var(--void);color:var(--paper)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.about h2{font-size:2rem;margin:16px 0 20px;color:var(--paper)}
.about p{color:#B7BCC6;font-size:1rem;margin-bottom:16px;max-width:480px}
.about .view-all{color:var(--signal);border-color:var(--signal)}
.about-graphic{width:100%;aspect-ratio:1/1}

@media(max-width:980px){
  .about-grid{grid-template-columns:1fr}
  .about-graphic{max-width:320px;margin:0 auto}
}
@media(max-width:640px){
  .hero{padding-top:64px}
  .hero-actions{margin-bottom:44px}
}