/* Authentic Team Kafka branding and the restored third-party market ticker. */
:root { --nav-height: 88px; --ticker-height: 108px; --header-stack: calc(var(--nav-height) + var(--ticker-height)); }
html { scroll-padding-top: calc(var(--header-stack) + var(--space-4)); }
.header, .header.is-scrolled { background: var(--surface); color: var(--text); }
.nav-inner { height: var(--nav-height); }
.brand { flex-shrink: 0; }
.brand-logo { width: 156px; height: 72px; object-fit: contain; background: #fff; padding: var(--space-1); border-radius: var(--radius-sm); }
.header .header-broker { border-color: var(--border); color: var(--muted); }
.header .header-broker strong { color: var(--text); }
.footer-brand { display: inline-block; }
.footer-logo { width: 220px; height: auto; padding: var(--space-3); border-radius: var(--radius-sm); background: #fff; }
.market-strip { width: 100%; height: var(--ticker-height); background: #102633; color: #d4e7f2; border-top: 1px solid #ffffff20; }
.market-meta { display: flex; align-items: center; gap: var(--space-5); padding-inline: max(var(--space-5), calc((100vw - 1248px)/2)); height: 30px; font-size: var(--text-xs); }
.market-meta>span { color: #9dd6f5; letter-spacing: .1em; white-space: nowrap; }
.market-meta p { color: #c2d3dd; font-size: var(--text-xs); margin: 0; }
.rate-source { color: #d4e7f2; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; font-size: var(--text-xs); }
.market-meta button { margin-left: auto; color: #d4e7f2; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; min-height: 30px; padding-inline: var(--space-2); font-size: var(--text-xs); }
.market-feed { height: 78px; }
.market-feed .tradingview-widget-container { height: 78px; width: 100%; }
.market-feed .tradingview-widget-container__widget { min-height: 46px; }
.market-feed iframe { display: block; width: 100%; border: 0; }
.tradingview-widget-copyright { color: #a8bdca; text-align: right; padding-inline: var(--space-5); font-size: var(--text-xs); line-height: 24px; }
.tradingview-widget-copyright a { color: inherit; }
.market-fallback { display: flex; align-items: center; gap: var(--space-8); height: 72px; padding-inline: var(--space-5); overflow-x: auto; font-size: var(--text-xs); }
.market-fallback a { flex-shrink: 0; padding-block: var(--space-4); color: #d4e7f2; }
.market-fallback span { flex-shrink: 0; color: #a8bdca; }
.market-feed [hidden] { display: none !important; }
.hero-content { padding-top: calc(var(--header-stack) + var(--space-12)); }
.hero { height: 820px; }
.inner-page main { padding-top: var(--header-stack); }
.mobile-nav { max-height: calc(100dvh - var(--header-stack)); overflow-y: auto; }
@media(min-width:1600px) { .hero-content { padding-top: calc(var(--header-stack) + var(--space-16)); } }
@media(max-width:1000px) { .header-broker { display: none; } .brand { margin-right: auto; } }
@media(max-width:850px) { :root { --nav-height: 80px; } .hero { height: 770px; } }
@media(max-width:600px) {
  :root { --nav-height: 80px; }
  .brand-logo { width: 144px; height: 68px; }
  .market-meta { gap: var(--space-2); padding-inline: var(--space-4); }
  .market-meta p { display: none; }
  .market-meta>span { letter-spacing: .025em; font-size: .75rem; }
  .market-meta button,.rate-source { font-size: .75rem; }
  .market-meta button { padding-inline: var(--space-2); }
  .hero { height: 690px; }
  .hero-content { padding-top: calc(var(--header-stack) + var(--space-8)); }
  .hero-caption { bottom: 64px; }
  .footer-logo { width: 200px; }
}