:root {
  --ink: #252638;
  --muted: #697187;
  --purple: #655cff;
  --line: #dfe2e9;
  --soft: #f4f5f8;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--soft);
  color: var(--ink);
  font-family: Arial, sans-serif;
}
header {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid var(--line);
  display: flex;
  height: 82px;
  justify-content: space-between;
  padding: 0 max(24px, calc((100vw - 1180px) / 2));
}
header a {
  align-items: center;
  color: var(--ink);
  display: flex;
  gap: 12px;
  text-decoration: none;
}
header i {
  background: var(--purple);
  border-radius: 50%;
  color: #fff;
  display: grid;
  font-style: normal;
  font-weight: 800;
  height: 38px;
  place-items: center;
  width: 38px;
}
header span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
header button {
  background: none;
  border: 0;
  color: var(--ink);
  cursor: pointer;
  font-weight: 700;
}
main {
  display: grid;
  gap: 70px;
  grid-template-columns: 0.8fr 1.2fr;
  margin: 0 auto;
  max-width: 1180px;
  padding: 90px 24px;
}
.claim-intro > span,
.workspace-head span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.claim-intro h1 {
  font-size: clamp(50px, 7vw, 82px);
  letter-spacing: -0.07em;
  line-height: 0.95;
  margin: 25px 0;
}
.claim-intro h1 em {
  color: var(--purple);
  font-style: normal;
}
.claim-intro p {
  color: var(--muted);
  font-size: 17px;
  line-height: 1.65;
  max-width: 500px;
}
.panel {
  background: #fff;
  border: 1px solid var(--line);
  padding: 38px;
}
.panel h2 {
  font-size: 28px;
  letter-spacing: -0.04em;
  margin: 0 0 10px;
}
.panel > p,
.workspace-head p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}
.panel form {
  border-top: 1px solid var(--line);
  display: grid;
  gap: 20px;
  margin-top: 26px;
  padding-top: 26px;
}
.panel label {
  display: grid;
  font-size: 12px;
  font-weight: 700;
  gap: 8px;
}
.panel input,
.panel select,
.panel textarea {
  border: 1px solid #cdd2dc;
  font: 14px Arial;
  padding: 13px;
  width: 100%;
}
.panel textarea {
  min-height: 130px;
  resize: vertical;
}
.panel small {
  color: #858c99;
  font-weight: 400;
}
.check {
  align-items: start !important;
  display: flex !important;
  line-height: 1.5;
}
.check input {
  margin-top: 2px;
  width: auto;
}
.panel button {
  background: var(--purple);
  border: 0;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  padding: 15px;
}
.panel button:disabled {
  opacity: 0.6;
}
.success,
.error {
  display: grid;
  gap: 5px;
  padding: 14px;
}
.success {
  background: #e8f6ed;
  color: #21643e;
}
.error {
  background: #fff0f0;
  color: #963838;
}
.workspace-head {
  align-items: start;
  display: flex;
  justify-content: space-between;
}
.workspace-head a {
  color: var(--purple);
  font-size: 12px;
  font-weight: 700;
}
.editorial-note {
  background: #efedff;
  border-left: 3px solid var(--purple);
  margin: 28px 0;
  padding: 16px;
}
.editorial-note p {
  color: var(--muted);
  font-size: 12px;
  margin: 6px 0 0;
}
.blueprint-workspace{background:#252638;color:#fff;margin:30px -38px;padding:34px 38px}.blueprint-intro{align-items:start;display:flex;gap:24px;justify-content:space-between}.blueprint-intro>div>span{color:#aaa5ff;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.blueprint-intro h2{font-size:30px;margin:9px 0}.blueprint-intro p{color:#c8cad5;font-size:13px;line-height:1.55}.blueprint-intro>a,.text-link{color:#aaa5ff;font-size:12px;font-weight:700}.blueprint-workspace form{border-color:#494b5b;grid-template-columns:1fr 1fr;margin-top:24px}.blueprint-workspace form label:nth-child(2){grid-column:1/-1}.blueprint-workspace form textarea{min-height:90px}.blueprint-workspace form button,.blueprint-workspace form #blueprint-status{grid-column:1/-1}.blueprint-history{border-top:1px solid #494b5b;margin-top:30px;padding-top:22px}.blueprint-history h3{margin:0 0 12px}.blueprint-history article{border:1px solid #494b5b;margin-top:10px;padding:16px}.blueprint-history article>div:first-child{display:flex;justify-content:space-between}.blueprint-history article b{color:#aaa5ff;font-size:10px;text-transform:uppercase}.blueprint-history article p,.blueprint-history article small{color:#c8cad5;font-size:12px}.blueprint-score{align-items:center;display:flex;gap:12px;margin:12px 0}.blueprint-score strong{font-size:24px}.blueprint-score span{font-size:11px}.blueprint-score .up{color:#79d7a3}.blueprint-score .down{color:#ff9e9e}.blueprint-history .schedule{font-size:10px;margin-bottom:0}
.queue {
  border-top: 1px solid var(--line);
  margin-top: 35px;
  padding-top: 25px;
}
.queue article {
  border: 1px solid var(--line);
  margin-top: 12px;
  padding: 16px;
}
.queue article div {
  display: flex;
  justify-content: space-between;
}
.queue article span,
.queue article b {
  font-size: 10px;
  text-transform: uppercase;
}
.queue article b {
  color: var(--purple);
}
.queue article p {
  font-size: 13px;
  line-height: 1.55;
}
.queue article small {
  color: var(--muted);
}
.merchant-note{background:#f4f5f8;border-left:3px solid var(--purple);padding:10px 12px}.merchant-timeline{border-top:1px solid var(--line);display:grid;gap:0;margin-top:14px;padding-top:12px}.merchant-timeline>div{display:grid;gap:9px;grid-template-columns:10px 1fr;padding:7px 0}.merchant-timeline i{background:var(--purple);border-radius:50%;height:7px;margin-top:3px;width:7px}.merchant-timeline span{display:block!important}.merchant-timeline b{color:var(--ink)!important;display:block;font-size:10px!important}.merchant-timeline small,.merchant-timeline em{display:block;font-size:10px;line-height:1.45;margin-top:3px}.merchant-timeline em{color:var(--muted);font-style:normal}.merchant-timeline .email-event i{background:#2f9b62}
footer {
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 11px;
  padding: 30px;
  text-align: center;
}
@media (max-width: 760px) {
  header span {
    display: none;
  }
  main {
    grid-template-columns: 1fr;
    padding-top: 55px;
  }
  .panel {
    padding: 25px;
  }
  .blueprint-workspace{margin:30px -25px;padding:28px 25px}.blueprint-intro{flex-direction:column}.blueprint-workspace form{grid-template-columns:1fr}
  .workspace-head {
    gap: 20px;
    flex-direction: column;
  }
}