/* Quick website help page. Standalone: no inline styles or scripts (site CSP). */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: #1d1b18;
  background: #f5efe4;
}
a { color: #0b5d4b; }
a:focus-visible, .qh-button:focus-visible { outline: 3px solid #e0a100; outline-offset: 2px; }
.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { left: 1rem; top: 1rem; background: #fff; padding: .5rem 1rem; z-index: 10; }
.qh-shell { max-width: 68rem; margin: 0 auto; padding: 0 1.25rem; }

.qh-draft {
  background: #b00020; color: #fff; text-align: center;
  padding: .6rem 1rem; font-weight: 700; letter-spacing: .02em;
}
.qh-header { background: #fff; border-bottom: 1px solid #e4dccd; }
.qh-header .qh-shell { display: flex; align-items: center; justify-content: space-between; min-height: 3.75rem; gap: 1rem; }
.qh-brand { font-weight: 800; font-size: 1.15rem; color: #1d1b18; text-decoration: none; }
.qh-header-link { font-weight: 600; white-space: nowrap; }

.qh-hero { padding: 2.5rem 0 1.5rem; }
.qh-hero h1 { font-size: clamp(1.75rem, 5vw, 2.6rem); line-height: 1.15; margin: 0 0 .75rem; }
.qh-hero p { max-width: 40rem; margin: 0 0 1.25rem; }

.qh-button {
  display: inline-block; background: #0b5d4b; color: #fff; text-decoration: none;
  font-weight: 700; padding: .85rem 1.4rem; border-radius: .5rem; min-height: 44px;
  text-align: center;
}
.qh-button:hover { background: #084638; }
.qh-button-secondary { background: #fff; color: #0b5d4b; border: 2px solid #0b5d4b; }
.qh-button-secondary:hover { background: #e9f3f0; }

.qh-offers { display: grid; grid-template-columns: 1fr; gap: 1.25rem; padding: 1rem 0 2rem; }
@media (min-width: 760px) { .qh-offers { grid-template-columns: 1fr 1fr; } }
.qh-offer {
  background: #fff; border: 1px solid #e4dccd; border-radius: .75rem;
  padding: 1.5rem; display: flex; flex-direction: column;
}
.qh-offer h2 { font-size: 1.35rem; margin: 0 0 .25rem; }
.qh-price { font-size: 2rem; font-weight: 800; margin: .25rem 0 0; }
.qh-price small { font-size: .95rem; font-weight: 500; color: #5b554c; }
.qh-turnaround { margin: .25rem 0 1rem; color: #3d3830; font-weight: 600; }
.qh-offer h3 { font-size: 1rem; margin: 1rem 0 .35rem; }
.qh-offer ul { margin: 0; padding-left: 1.2rem; }
.qh-offer li { margin-bottom: .35rem; }
.qh-offer .qh-excl { margin-bottom: 1.25rem; }
.qh-offer .qh-button { margin-top: auto; align-self: stretch; } /* buttons line up across cards */
@media (min-width: 760px) { .qh-offer .qh-button { align-self: flex-start; } }
.qh-excl li { color: #4a453d; }

.qh-steps { background: #fff; padding: 2rem 0; border-top: 1px solid #e4dccd; border-bottom: 1px solid #e4dccd; }
.qh-steps h2, .qh-contact h2 { margin-top: 0; }
.qh-steps ol { padding-left: 1.3rem; max-width: 44rem; }
.qh-steps li { margin-bottom: .5rem; }
.qh-contact { padding: 2rem 0 2.5rem; }
.qh-contact p { max-width: 42rem; }
.qh-email { font-weight: 700; overflow-wrap: anywhere; }
.qh-footer { padding: 1.25rem 0 2rem; font-size: .95rem; color: #5b554c; }