:root {
  --brand-ink: #0a1b27;
  --brand-muted: #526561;
  --brand-faint: #74817d;
  --brand-line: rgba(10, 27, 39, 0.16);
  --brand-accent: #278f85;
  --brand-mint: #6ed8cc;
  --brand-mint-soft: #dceee9;
  --brand-paper: #f3ecdf;
  --brand-paper-strong: #fffdf7;
  --brand-night: #071725;
}

body.brand-document,
body.brand-thankyou,
body.brand-error,
body.brand-embed {
  color: var(--brand-ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.brand-document,
body.brand-thankyou {
  background:
    linear-gradient(rgba(255, 253, 247, 0.86), rgba(255, 253, 247, 0.86)),
    repeating-linear-gradient(0deg, rgba(10, 27, 39, 0.025) 0 1px, transparent 1px 5px),
    var(--brand-paper);
}

.brand-document .bar {
  color: #f8f2e7;
  background: var(--brand-night);
  border-bottom-color: rgba(110, 216, 204, 0.32);
}

.brand-document .bar .m,
.brand-thankyou .mark,
.brand-thankyou .logo .m {
  color: #06171c;
  background: var(--brand-mint);
  border-radius: 2px;
}

.brand-document .btn,
.brand-thankyou a,
.brand-thankyou a.btn {
  color: #06171c;
  background: var(--brand-mint);
  border: 1px solid #4cbeb3;
  border-radius: 3px;
  box-shadow: 4px 4px 0 rgba(7, 23, 37, 0.92);
  font-weight: 750;
}

.brand-document .page,
.brand-document .mail,
.brand-thankyou .card {
  color: var(--brand-ink);
  background: rgba(255, 253, 247, 0.96);
  border: 1px solid var(--brand-line);
  border-top: 4px solid var(--brand-accent);
  border-radius: 3px;
  box-shadow: 0 24px 70px rgba(7, 23, 37, 0.12);
}

.brand-document h1,
.brand-document h2,
.brand-thankyou h1 {
  color: var(--brand-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.brand-document h2 {
  color: var(--brand-accent);
  border-bottom-color: var(--brand-line);
}

.brand-document .head,
.brand-document .hdr,
.brand-document .foot,
.brand-document .sig,
.brand-document th,
.brand-document td {
  border-color: var(--brand-line);
}

.brand-document .head .sub,
.brand-document .head .brand,
.brand-document .meta span,
.brand-document .stat span,
.brand-document .ex,
.brand-document .foot,
.brand-document .sig,
.brand-document .from div,
.brand-document .class-info {
  color: var(--brand-muted);
}

.brand-document .head .brand b,
.brand-document .coverage strong {
  color: var(--brand-ink);
}

.brand-document .note,
.brand-document .fields {
  color: var(--brand-muted);
  background: #f8f2e7;
  border-color: var(--brand-line);
  border-radius: 3px;
}

.brand-document .coverage,
.brand-document .next-step,
.brand-document .reason {
  background: var(--brand-mint-soft);
  border-color: rgba(39, 143, 133, 0.38);
}

.brand-alert-example .demo,
.brand-document .demo {
  color: #674f12;
  background: #fff7de;
  border-color: #d8bd69;
  border-radius: 3px;
}

.brand-alert-example .av {
  color: #06171c;
  background: var(--brand-mint);
  border-radius: 2px;
}

.brand-thankyou .card {
  max-width: 580px;
  padding: clamp(34px, 6vw, 54px);
}

.brand-thankyou p,
.brand-thankyou small {
  color: var(--brand-muted);
}

.brand-thankyou .logo {
  color: var(--brand-night);
  letter-spacing: 0.01em;
}

.brand-thankyou .badge {
  border-radius: 2px;
}

body.brand-error {
  color: #f8f2e7;
  background:
    linear-gradient(90deg, rgba(110, 216, 204, 0.1) 1px, transparent 1px) 0 0 / 80px 100%,
    var(--brand-night);
}

.brand-error main {
  padding: clamp(34px, 7vw, 64px);
  border: 1px solid rgba(110, 216, 204, 0.24);
  border-top: 4px solid var(--brand-mint);
  background: rgba(7, 23, 37, 0.72);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.24);
}

.brand-error .mark,
.brand-error a {
  color: #06171c;
  background: var(--brand-mint);
  border-radius: 3px;
  box-shadow: 4px 4px 0 rgba(255, 253, 247, 0.18);
}

.brand-error h1 {
  color: #fffaf0;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
}

.brand-error p {
  color: #c5d4d0;
}

.brand-embed .w {
  color: #f8f2e7;
  background:
    linear-gradient(90deg, rgba(110, 216, 204, 0.08) 1px, transparent 1px) 0 0 / 64px 100%,
    var(--brand-night);
  border: 1px solid rgba(110, 216, 204, 0.28);
  border-radius: 3px;
  box-shadow: 6px 6px 0 rgba(39, 143, 133, 0.16);
}

.brand-embed .w input {
  color: #fffaf0;
  background: rgba(255, 253, 247, 0.08);
  border-color: rgba(110, 216, 204, 0.32);
  border-radius: 3px;
}

.brand-embed .w input::placeholder,
.brand-embed .w .muted,
.brand-embed .w .by {
  color: #aebfba;
}

.brand-embed .w input:focus {
  outline: 3px solid rgba(110, 216, 204, 0.34);
  outline-offset: 2px;
  border-color: var(--brand-mint);
}

.brand-embed .w button,
.brand-embed .w .cta {
  color: #06171c;
  background: var(--brand-mint);
  border: 1px solid #4cbeb3;
  border-radius: 3px;
  box-shadow: 3px 3px 0 rgba(255, 253, 247, 0.18);
  font-weight: 750;
}

.brand-embed .w .by a {
  color: var(--brand-mint);
}

@media (max-width: 700px) {
  .brand-document .page,
  .brand-document .mail,
  .brand-thankyou .card,
  .brand-error main {
    box-shadow: 0 14px 38px rgba(7, 23, 37, 0.1);
  }
}

@media print {
  body.brand-document {
    background: #fff;
  }

  .brand-document .page,
  .brand-document .mail {
    border: 0;
    box-shadow: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}