:root {
  color-scheme: light;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #183c40;
  background: #f4f8f7;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
body { margin: 0; border-top: 5px solid #087c82; }
.holding {
  min-height: calc(100vh - 5px);
  min-height: calc(100svh - 5px);
  max-width: 1080px;
  margin: 0 auto;
  padding: clamp(24px, 5vw, 64px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.brand { display: block; width: 156px; height: auto; }
.notice { width: 100%; max-width: 720px; margin: auto 0; padding: 48px 0 64px; }
.eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.8125rem;
  font-weight: 650;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #17616a;
  margin: 0 0 20px;
}
.marker { flex: 0 0 8px; height: 8px; border-radius: 50%; background: #087c82; }
h1 {
  font-size: clamp(2.375rem, 6vw, 4.5rem);
  line-height: 1.08;
  font-weight: 650;
  letter-spacing: -0.045em;
  margin: 0 0 24px;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.message { max-width: 590px; font-size: 1.125rem; line-height: 1.7; color: #4a6063; margin: 0; overflow-wrap: anywhere; }
.actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; margin-top: 32px; }
a { color: #075f65; text-underline-offset: 5px; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 22px;
  border: 1px solid #076c72;
  border-radius: 6px;
  background: #076c72;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
.button:hover { background: #05565b; border-color: #05565b; }
.contact { display: inline-flex; align-items: center; min-height: 48px; font-weight: 600; }
a:focus-visible { outline: 3px solid #183c40; outline-offset: 5px; }
.status-note { font-size: 0.875rem; line-height: 1.6; color: #596b6e; margin: 20px 0 0; }
footer { width: 100%; border-top: 1px solid #d5e1df; padding-top: 20px; color: #596b6e; font-size: 0.8125rem; line-height: 1.6; }
@media (max-width: 480px) {
  .brand { width: 138px; }
  .notice { padding: 42px 0; }
  .actions { align-items: flex-start; flex-direction: column; gap: 8px; }
}
