/*
  Azuma Works — bounded holding page
  WP-00000233

  Typography note: "Sora" and "Inter" are referenced first in the font
  stacks below in case a visitor already has them installed locally. No
  font files are bundled and no external font service is loaded for this
  proof, so in practice the page renders with the visitor's system UI
  sans-serif font. This avoids introducing a third-party runtime
  dependency for a bounded holding page.
*/

:root {
  --azuma-navy: #0b1f3a;
  --azuma-blue: #246bfd;
  --trust-teal: #13a89e;
  --cloud: #f6f8fb;
  --ink: #17233b;
  --ink-muted: #445068;

  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
  background: var(--cloud);
  color: var(--ink);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.page {
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8vh 1.5rem;
}

.brand {
  width: 100%;
  max-width: 40rem;
  text-align: center;
}

.brand__mark {
  margin: 0;
}

.brand__logo {
  width: min(24rem, 78vw);
  height: auto;
  margin: 0 auto;
  display: block;
}

.brand__rule {
  width: 3rem;
  height: 3px;
  margin: 1rem auto;
  background: var(--trust-teal);
  border: 0;
  border-radius: 999px;
}

.brand__tagline {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: clamp(1rem, 1vw + 0.85rem, 1.25rem);
  color: var(--ink-muted);
}

@media (prefers-reduced-motion: no-preference) {
  .brand {
    animation: brand-in 700ms ease-out both;
  }

  @keyframes brand-in {
    from {
      opacity: 0;
      transform: translateY(8px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

/* Keyboard-safe fallback: if any element ever becomes focusable, keep a
   clearly visible focus outline rather than removing it. */
:focus-visible {
  outline: 3px solid var(--azuma-blue);
  outline-offset: 3px;
}