:root {
  --ink: #181617;
  --cream: #fff9ed;
  --gold: #f6c85f;
  --coral: #f08c85;
  --green: #3d7a66;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; background: var(--cream); color: var(--ink); font-family: Arial, sans-serif; }
.form-header { padding: 24px 5vw; border-bottom: 2px solid var(--ink); }
.form-header a { position: relative; display: inline-flex; width: fit-content; }
.form-header img { width: min(290px, 70vw); }
.form-header a::after { content: "™"; position: absolute; top: .35rem; right: -.35rem; font-size: .72rem; font-weight: 900; line-height: 1; }
main { max-width: 860px; margin: 0 auto; padding: 54px 24px 80px; }
.eyebrow { text-transform: uppercase; letter-spacing: .14em; font-weight: 800; color: #8d413c; }
h1 { font-family: Georgia, serif; font-size: clamp(2.3rem, 7vw, 4.6rem); line-height: .98; margin: .25em 0; }
p { line-height: 1.6; }
.promise { background: var(--ink); color: white; border-radius: 22px; padding: 20px 24px; margin: 26px 0; }
.report-form { display: grid; gap: 18px; margin-top: 32px; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
label { display: grid; gap: 8px; font-weight: 800; }
input, textarea, select { font: inherit; width: 100%; padding: 13px; border: 2px solid var(--ink); border-radius: 12px; background: white; }
textarea { resize: vertical; }
.check { display: flex; align-items: flex-start; gap: 10px; font-weight: 400; }
.check input { width: auto; margin-top: 4px; }
.honeypot { position: absolute; left: -9999px; }
.button { appearance: none; border: 2px solid var(--ink); border-radius: 999px; background: var(--coral); color: var(--ink); font-weight: 900; font-size: 1rem; padding: 15px 24px; cursor: pointer; }
.button:disabled { opacity: .55; }
.form-status { font-size: 1.08rem; font-weight: 800; min-height: 1.7em; }
.form-status.success { background: #e8f5ee; border: 2px solid var(--green); padding: 22px; border-radius: 16px; }
.access-panel { display: grid; gap: 18px; border: 3px solid var(--ink); border-radius: 24px; padding: 26px; margin: 16px 0; background: #fffdf7; }
.access-panel legend { font-family: Georgia, serif; font-size: 1.7rem; font-weight: 800; padding: 0 10px; }
.access-intro { margin: 0; background: #fff0ed; border-left: 6px solid var(--coral); border-radius: 12px; padding: 16px 18px; }
.access-panel > div { display: grid; gap: 18px; }
.hosted-profile { border-top: 3px dashed var(--ink); padding-top: 22px; }
.scope-box { background: var(--ink); color: white; border-radius: 18px; padding: 20px 22px; }
.scope-box p { margin: .35rem 0 1rem; color: #fff4d8; }
.scope-box p:last-child { margin-bottom: 0; }
.timeline-consent-box { padding: 24px; border: 3px solid var(--ink); border-radius: 22px; background: #fff0c9; box-shadow: 8px 8px 0 var(--ink); }
.timeline-consent-box h2 { margin: .15rem 0 .55rem; font: 800 clamp(1.8rem, 5vw, 2.7rem)/1 Georgia, serif; }
.timeline-consent-box p { margin: .55rem 0; }
.timeline-label { color: #8d413c; font-size: .75rem; font-weight: 900; letter-spacing: .14em; }
.timeline-check { margin-top: 18px; padding: 16px; border-radius: 14px; background: white; border: 2px solid var(--ink); }
.timeline-check input { transform: scale(1.25); }
.renewal-update { padding: 24px; border: 3px solid var(--ink); border-radius: 22px; background: #fff; box-shadow: 8px 8px 0 var(--gold); }
.renewal-update h2 { margin: .15rem 0 .55rem; font: 800 clamp(1.8rem, 5vw, 2.7rem)/1 Georgia, serif; }
.renewal-nothing { margin: 18px 0; padding: 18px; border: 2px solid var(--ink); border-radius: 14px; background: #fff0ed; }
.renewal-nothing input { transform: scale(1.3); }
@media (max-width: 650px) {
  .field-row { grid-template-columns: 1fr; }
  .access-panel { padding: 20px; }
}