:root {
  --ink: #1a1d24;
  --ink-soft: #4b5563;
  --ink-mute: #8a93a3;
  --rule: #e3e6ec;
  --paper: #fbfbfd;
  --paper-pure: #ffffff;
  --accent: #f25c1b;
  --accent-ink: #d24a0e;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font: 15px/1.55 -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;
}
.wrap { max-width: 580px; margin: 40px auto; padding: 0 20px; }
.back-strip {
  font-size: 12px; color: var(--ink-mute); margin-bottom: 18px;
}
.back-strip a { color: var(--accent-ink); text-decoration: none; }
.back-strip a:hover { text-decoration: underline; }
.crumb {
  font: 600 11px/1 "Inter", sans-serif; text-transform: uppercase;
  letter-spacing: .12em; color: var(--ink-mute); margin-bottom: 12px;
}
.tag {
  display: inline-block; padding: 4px 10px; border-radius: 999px;
  background: rgba(242,92,27,.08); color: var(--accent-ink);
  font: 600 11px/1.3 inherit; margin-bottom: 14px;
}
h1 { font-size: 30px; margin: 0 0 14px; letter-spacing: -0.02em; }
.price-anchor {
  display: flex; gap: 16px; align-items: center; flex-wrap: wrap;
  background: var(--paper-pure); border: 1px solid var(--rule);
  border-radius: 8px; padding: 18px 20px; margin-bottom: 22px;
}
.price-anchor__amount {
  font: 800 32px/1 "Inter", sans-serif; color: var(--ink); letter-spacing: -0.02em;
}
.price-anchor__terms {
  flex: 1; font-size: 13px; color: var(--ink-soft); line-height: 1.5;
}
.lede { color: var(--ink-soft); font-size: 15px; margin-bottom: 22px; }
.card {
  background: var(--paper-pure); border: 1px solid var(--rule);
  border-radius: 8px; padding: 20px 22px; margin-bottom: 18px;
}
.card h2 {
  font: 600 14px/1.3 "Inter", sans-serif; text-transform: uppercase;
  letter-spacing: .08em; color: var(--ink-soft); margin: 0 0 12px;
}
.summary {
  display: flex; justify-content: space-between; gap: 12px;
  padding: 6px 0; font-size: 14px;
}
.summary .label { color: var(--ink-soft); }
.summary .val { color: var(--ink); font-weight: 600; }
.summary .price { font-size: 16px; }
.trust-badge {
  font-size: 12px; color: var(--ink-mute);
  padding: 6px 0 12px; border-bottom: 1px solid var(--rule); margin-bottom: 8px;
}
.includes {
  list-style: none; padding: 0; margin: 8px 0 0; font-size: 14px; color: var(--ink-soft);
}
.includes li {
  padding: 5px 0 5px 22px; position: relative;
}
.includes li:before {
  content: "→"; position: absolute; left: 0; color: var(--accent); font-weight: 700;
}
.btn {
  display: inline-block; width: 100%; padding: 13px 16px;
  background: var(--accent); color: #fff; border: 0; border-radius: 5px;
  font: 700 15px/1 "Inter", sans-serif; cursor: pointer; text-align: center;
  text-decoration: none;
}
.btn:hover { background: var(--accent-ink); }
#status { margin-top: 12px; font-size: 13px; color: var(--ink-soft); min-height: 18px; }
#status.error { color: #d24a0e; }
.foot {
  margin-top: 26px; font-size: 12px; color: var(--ink-mute); line-height: 1.7; text-align: center;
}
.foot a { color: var(--accent-ink); text-decoration: none; }
.foot a:hover { text-decoration: underline; }
.contract {
  margin: 16px 0; padding: 14px 16px;
  background: #f7f8fb; border: 1px solid #d9dee8; border-radius: 5px;
  font-size: 13px; color: var(--ink-soft); line-height: 1.6;
}
.contract a { color: var(--accent-ink); font-weight: 600; }