/* Landing-page brand tokens mirror mobile_theme.css without importing chat layout rules. */
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/hanken-grotesk/HankenGrotesk_400Regular.2e544d6119b4.ttf") format("truetype"); }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/hanken-grotesk/HankenGrotesk_500Medium.a822d33614b5.ttf") format("truetype"); }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/hanken-grotesk/HankenGrotesk_600SemiBold.b016ff502f15.ttf") format("truetype"); }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/hanken-grotesk/HankenGrotesk_700Bold.14d2af6df606.ttf") format("truetype"); }
:root { --landing-primary: #0A2958; --landing-accent: #F28C28; }
body, button, input, select, textarea { font-family: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif; }
a:focus-visible, button:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid var(--landing-accent);
  outline-offset: 4px;
}
.channel-web, .channel-secondary { transition: background-color 160ms ease, box-shadow 160ms ease; }
.hero-surface .channel-secondary, .landing-footer .channel-secondary {
  border-color: rgba(255, 255, 255, .35);
  background: rgba(255, 255, 255, .06);
  color: #fff;
}
.hero-surface .channel-secondary:hover, .landing-footer .channel-secondary:hover { background: rgba(255, 255, 255, .14); }
.channel-web:hover { box-shadow: 0 6px 24px rgba(242, 140, 40, .18); }
/* Accent is reserved for actions and key figures, keeping the content calm. */
.hero-surface .count-up + span { color: var(--landing-accent); }

.category-nav .category-badge {
  background: #E8EEF7;
  color: var(--landing-primary);
  --tw-ring-color: #DFE5ED;
}