/* picoray.app holding page. Same palette as the Picoray site. */
:root {
  color-scheme: dark;
  --bg: #0A0A0C;
  --line: #2C2C33;
  --fg: #F2F2F5;
  --muted: #9A9AA6;
  --spectrum: linear-gradient(90deg, #FF2D3D 0%, #FF6242 12%, #FFC24A 22%, #F25CE6 40%, #8A2BFF 58%, #9A8CFF 66%, #2A6BFF 78%, #3FD6FF 90%, #1EE6FF 100%);
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--bg);
  color: var(--fg);
  font: 17px/1.55 var(--font);
}
a { color: var(--muted); text-underline-offset: 3px; }
img { max-width: 100%; display: block; }

.rule { height: 3px; border: 0; margin: 0; background: var(--spectrum); }

.hold { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 48px 16px; }
.mark { height: 99px; width: auto; }
h1 { margin: 24px 0 0; }
.word { height: 44px; width: auto; }
.line { font-size: 19px; color: var(--muted); margin: 20px 0 0; max-width: 22em; text-wrap: balance; }
.contact { margin: 12px 0 0; user-select: text; }

.foot { border-top: 1px solid var(--line); padding: 20px 16px 32px; text-align: center; color: var(--muted); font-size: 14px; }
.foot p { margin: 0; }

/* privacy page */
.page { flex: 1; width: 100%; max-width: 760px; margin: 0 auto; padding: 32px 16px 24px; }
.page h1 { font-size: clamp(30px, 7vw, 44px); line-height: 1.1; letter-spacing: -0.02em; margin: 24px 0 8px; }
.page h2 { font-size: 22px; line-height: 1.25; margin: 32px 0 8px; }
.page p { margin: 0 0 14px; }
.word.small { height: 24px; }
.muted { color: var(--muted); }