/* Cropped from awaken-website BrandModule and NavHeader; original local artwork. */
:root { --page: #0f1013; --text: #e4e5ea; --muted: #a5a6b2; --brand: #5a73fa; --max: 1120px; }
.site-header { border-bottom: 0; gap: 48px; }
.brand { width: 105px; overflow: hidden; flex-shrink: 0; }
.brand .wordmark { max-width: none; flex-shrink: 0; }
.wordmark { display: block; width: 200px; height: 32px; }
.site-header nav { justify-content: flex-end; gap: 48px; }
.site-header nav a { display: inline-flex; align-items: center; min-height: 44px; }
.header-state { display: none; }
.hero { max-width: none; min-height: 688px; padding: 24px max(24px, calc((100vw - 1072px) / 2)); grid-template-columns: minmax(0, 550px) minmax(0, 640px); gap: 0; background: url('assets/landing-background.svg') center / cover no-repeat; }
.hero-copy { position: relative; z-index: 1; }
.hero .eyebrow { display: none; }
.hero h1 { margin: 0 0 24px; font-size: 48px; line-height: 64px; letter-spacing: normal; }
.hero-lede { margin: 0; font-size: 18px; line-height: 26px; }
.hero-actions { margin-top: 80px; gap: 16px; }
.hero .button-primary { background: #fff; color: #0f1013; min-width: 172px; }
.hero-image { width: 100%; height: auto; max-width: 640px; }
.notice { padding-top: 56px; padding-bottom: 56px; }
.notice > div { max-width: 710px; }
.notice p:last-child { font-size: 16px; }
.status-pill { flex-shrink: 0; color: var(--muted); border-color: var(--line); font-size: 13px; }
.section { padding-top: 64px; padding-bottom: 64px; }
.info-card { background: #15161b; border-color: #292b35; box-shadow: none; }
.featured-card { background: #15161b; }
.card-number { color: #8294ff; }
.info-card:hover { transform: none; border-color: #292b35; }
h2 { font-size: 36px; line-height: 48px; letter-spacing: normal; }
@media (max-width: 991px) {
  .site-header { gap: 24px; }
  .site-header nav { gap: 24px; }
  .hero { min-height: auto; display: flex; flex-direction: column; padding: 48px 24px 60px; gap: 40px; text-align: center; }
  .hero-copy { max-width: 600px; align-self: center; }
  .hero h1 { font-size: 36px; line-height: 48px; }
  .hero-lede { font-size: 16px; line-height: 24px; }
  .hero-actions { margin-top: 40px; justify-content: center; }
  .hero-image { max-width: 520px; align-self: center; }
  .notice { display: block; }
  .status-pill { margin-top: 24px; }
  .card-grid, .support { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 579px) {
  .site-header { padding: 20px; justify-content: center; }
  .site-header nav { justify-content: center; flex-basis: 100%; gap: 20px; }
  .site-header nav a { font-size: 13px; }
  .hero { padding: 40px 20px; }
  .hero h1 { font-size: 34px; line-height: 44px; }
  .hero-image { width: 100%; max-width: 380px; }
  h2, .notice h2 { font-size: 28px; line-height: 38px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .button, .info-card { transition: none; }
}