:root {
  --paper: #f4f1e8;
  --panel: #fffdf7;
  --ink: #17191f;
  --muted: #60636d;
  --rule: #c9c6ba;
  --blue: #1647d8;
  --blue-deep: #0d2b82;
  --lime: #d6ff45;
  --orange: #ff6b35;
  --green: #1c7c54;
  --red: #b42318;
  --shadow: rgba(23, 25, 31, 0.14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background:
    linear-gradient(rgba(23, 25, 31, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23, 25, 31, 0.035) 1px, transparent 1px),
    var(--paper);
  background-size: 28px 28px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
}
a { color: inherit; }
button, input { font: inherit; }
button { color: inherit; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
.skip-link {
  position: fixed;
  top: -60px;
  left: 16px;
  z-index: 100;
  padding: 10px 14px;
  color: white;
  background: var(--ink);
}
.skip-link:focus { top: 16px; }

.topbar {
  min-height: 66px;
  padding: 12px clamp(18px, 4vw, 58px);
  display: flex;
  align-items: center;
  gap: 28px;
  color: white;
  background: var(--ink);
  border-bottom: 4px solid var(--lime);
}
.identity {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  font-weight: 900;
  letter-spacing: -0.03em;
  text-decoration: none;
}
.identity img { width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.7); border-radius: 5px; background: white; }
.topbar__mode {
  margin: 0;
  color: rgba(255,255,255,.65);
  font: 0.72rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.topbar__mode i, .live-dot i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--lime); }
.topbar nav { margin-left: auto; display: flex; gap: 22px; }
.topbar nav a { color: rgba(255,255,255,.72); font: 0.72rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.topbar nav a:hover { color: var(--lime); }

.hero {
  min-height: 690px;
  padding: clamp(64px, 9vw, 128px) clamp(18px, 7vw, 104px);
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
  gap: clamp(44px, 8vw, 120px);
  align-items: center;
  background:
    radial-gradient(circle at 76% 22%, rgba(214,255,69,.42), transparent 25%),
    linear-gradient(128deg, transparent 0 62%, rgba(22,71,216,.08) 62% 100%),
    var(--paper);
}
.hero__copy { max-width: 820px; }
.eyebrow, .boundary, .decision-panel__head, .scoreboard span, .scoreboard small, .review-panel__head, .guideline-callout span, .rule-grid article > span, .cost-card__head, .sprint__price {
  font: 0.72rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.eyebrow { margin: 0 0 18px; color: var(--blue); font-weight: 800; }
h1, h2, h3, p { margin-top: 0; }
h1 {
  max-width: 850px;
  margin-bottom: 28px;
  font-size: clamp(3.6rem, 7.5vw, 8.4rem);
  line-height: .84;
  letter-spacing: -.075em;
}
.hero__lede { max-width: 700px; margin-bottom: 30px; color: var(--muted); font-size: clamp(1.05rem, 1.8vw, 1.35rem); }
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.button {
  min-height: 50px;
  padding: 13px 17px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  border: 2px solid var(--ink);
  background: transparent;
  font-weight: 850;
  text-decoration: none;
  cursor: pointer;
}
.button--primary { color: white; border-color: var(--blue); background: var(--blue); box-shadow: 6px 6px 0 var(--ink); }
.button--primary:hover { color: var(--ink); background: var(--lime); border-color: var(--ink); }
.button--quiet:hover { color: white; background: var(--ink); }
.boundary { margin: 28px 0 0; display: flex; flex-wrap: wrap; gap: 10px 22px; color: var(--muted); letter-spacing: .04em; text-transform: none; }
.boundary span::before { content: "✓"; margin-right: 7px; color: var(--green); font-weight: 900; }

.decision-panel { border: 2px solid var(--ink); background: var(--panel); box-shadow: 16px 16px 0 var(--blue); }
.decision-panel__head { padding: 14px 16px; display: flex; justify-content: space-between; gap: 16px; color: white; background: var(--ink); }
.live-dot { color: rgba(255,255,255,.7); }
.live-dot i { animation: pulse 1.8s ease-in-out infinite; }
.decision-panel__state { padding: 28px 24px; border-bottom: 1px solid var(--rule); }
.decision-panel__state p { margin-bottom: 4px; color: var(--muted); font: 0.75rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.decision-panel__state strong { display: block; color: var(--red); font-size: clamp(3.5rem, 7vw, 6.4rem); line-height: .9; letter-spacing: -.07em; }
.decision-panel__state span { display: block; max-width: 380px; margin-top: 14px; color: var(--muted); }
.decision-panel__metrics { margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); }
.decision-panel__metrics div { min-height: 102px; padding: 17px; border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.decision-panel__metrics div:nth-child(even) { border-right: 0; }
.decision-panel__metrics dt { margin-bottom: 13px; color: var(--muted); font: .68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.decision-panel__metrics dd { margin: 0; font-size: 1.5rem; font-weight: 900; }
.decision-panel__note { margin: 0; padding: 15px 17px; color: var(--muted); font-size: .85rem; }

.truth-strip { padding: 18px clamp(18px, 7vw, 104px); display: flex; justify-content: space-between; gap: 28px; color: white; background: var(--blue); }
.truth-strip p { margin: 0; font-size: .9rem; }
.truth-strip p:last-child { color: var(--lime); text-align: right; }
.section { padding: clamp(76px, 9vw, 132px) clamp(18px, 7vw, 104px); }
.section-heading { max-width: 900px; margin-bottom: 50px; }
.section-heading--compact { max-width: 760px; }
h2 { margin-bottom: 20px; font-size: clamp(2.8rem, 5.8vw, 6.7rem); line-height: .91; letter-spacing: -.065em; }
.section-heading > p:last-child { max-width: 720px; color: var(--muted); font-size: 1.08rem; }

.scoreboard { display: grid; grid-template-columns: repeat(4, 1fr); border: 2px solid var(--ink); background: var(--panel); }
.scoreboard article { min-height: 148px; padding: 20px; border-right: 1px solid var(--rule); }
.scoreboard article:last-child { border-right: 0; }
.scoreboard span, .scoreboard small { display: block; color: var(--muted); }
.scoreboard strong { display: block; margin: 18px 0 10px; color: var(--blue); font-size: clamp(2rem, 4vw, 3.6rem); line-height: .8; letter-spacing: -.06em; }
.scoreboard small { letter-spacing: .02em; text-transform: none; }

.workbench { margin-top: 22px; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(310px, .7fr); gap: 22px; align-items: start; }
.queue-panel, .review-panel { min-width: 0; border: 2px solid var(--ink); background: var(--panel); }
.queue-panel__toolbar { min-height: 60px; padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--rule); }
.filter-select { display: flex; align-items: center; gap: 10px; color: var(--muted); font: .72rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.filter-select select, .review-actions select { min-height: 38px; padding: 7px 30px 7px 9px; border: 1px solid var(--ink); color: var(--ink); background: white; }
.queue-panel__toolbar > p { margin: 0; color: var(--muted); font-size: .76rem; }
.table-wrap { overflow-x: auto; }
table { width: 100%; min-width: 670px; border-collapse: collapse; }
th, td { padding: 14px 13px; border-bottom: 1px solid var(--rule); text-align: left; vertical-align: middle; }
th { color: var(--muted); background: #ece9df; font: .68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .06em; text-transform: uppercase; }
tbody tr.is-selected { background: rgba(22,71,216,.08); }
tbody tr.is-selected td:first-child { box-shadow: inset 4px 0 0 var(--blue); }
td:first-child, td:nth-child(2) { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .82rem; }
.row-state, .status { display: inline-flex; align-items: center; padding: 5px 8px; border-radius: 999px; font: .66rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.row-state--aligned, .status--aligned { color: var(--green); background: rgba(28,124,84,.11); }
.row-state--review, .status--review { color: var(--red); background: rgba(180,35,24,.1); }
.row-state--done, .status--done { color: var(--blue-deep); background: rgba(22,71,216,.11); }

.review-panel { position: sticky; top: 18px; box-shadow: 9px 9px 0 var(--lime); }
.review-panel__head { padding: 14px 16px; display: flex; justify-content: space-between; align-items: center; gap: 12px; border-bottom: 1px solid var(--rule); }
.review-panel__head p { margin: 0; }
.review-panel blockquote { margin: 0; padding: 24px 20px; border-bottom: 1px solid var(--rule); font-size: 1.15rem; font-weight: 750; }
.review-grid { margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); }
.review-grid div { padding: 14px 16px; border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.review-grid div:nth-child(even) { border-right: 0; }
.review-grid dt { margin-bottom: 6px; color: var(--muted); font: .66rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.review-grid dd { margin: 0; font-weight: 850; overflow-wrap: anywhere; }
.guideline-callout { padding: 16px; border-bottom: 1px solid var(--rule); background: rgba(214,255,69,.27); }
.guideline-callout span { color: var(--blue-deep); }
.guideline-callout p { margin: 8px 0 0; }
.review-actions { padding: 14px 16px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(110px, .55fr); gap: 9px; align-items: end; }
.review-actions label { display: flex; flex-direction: column; gap: 6px; color: var(--muted); font: .68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.review-actions button { min-height: 42px; border: 1px solid var(--ink); background: transparent; font-size: .82rem; font-weight: 800; cursor: pointer; }
.review-actions button:hover { color: white; background: var(--ink); }
.review-outcome { min-height: 54px; margin: 0; padding: 10px 16px 16px; color: var(--muted); font-size: .82rem; }

.rules { color: white; background: var(--ink); }
.rules .eyebrow { color: var(--lime); }
.rule-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,.35); }
.rule-grid article { min-height: 310px; padding: 24px 24px 32px 0; border-right: 1px solid rgba(255,255,255,.22); }
.rule-grid article:not(:first-child) { padding-left: 24px; }
.rule-grid article:last-child { border-right: 0; }
.rule-grid article > span { color: var(--lime); }
.rule-grid h3 { margin: 52px 0 14px; font-size: clamp(1.5rem, 2.4vw, 2.45rem); line-height: .96; letter-spacing: -.04em; }
.rule-grid p { color: rgba(255,255,255,.65); }
.rule-grid code { color: var(--lime); }

.policy { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(320px, .98fr); gap: clamp(50px, 9vw, 130px); align-items: start; }
.policy__copy > p:not(.eyebrow) { max-width: 650px; color: var(--muted); font-size: 1.08rem; }
.policy-steps { margin: 42px 0 0; padding: 0; list-style: none; border-top: 2px solid var(--ink); }
.policy-steps li { padding: 18px 0; display: grid; grid-template-columns: 52px 1fr; gap: 18px; border-bottom: 1px solid var(--rule); }
.policy-steps li > span { color: var(--blue); font: 800 .8rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.policy-steps b { font-size: 1.1rem; }
.policy-steps p { margin: 3px 0 0; color: var(--muted); }

.cost-card { border: 2px solid var(--ink); background: var(--panel); box-shadow: 14px 14px 0 var(--orange); }
.cost-card__head { padding: 14px 16px; display: flex; justify-content: space-between; gap: 14px; color: white; background: var(--blue); }
.cost-card__head p { margin: 0; }
.cost-card__head span { color: var(--lime); }
.cost-card label { min-height: 66px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--rule); color: var(--muted); }
.cost-card label span { display: flex; align-items: center; gap: 6px; }
.cost-card label b { color: var(--muted); font: .7rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.cost-card input { width: 92px; padding: 8px; border: 1px solid var(--ink); color: var(--ink); background: white; text-align: right; }
.cost-card dl { margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); }
.cost-card dl div { min-height: 108px; padding: 15px; border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.cost-card dl div:nth-child(even) { border-right: 0; }
.cost-card dt { color: var(--muted); font-size: .78rem; }
.cost-card dd { margin: 10px 0 0; font-size: 1.55rem; font-weight: 900; }
.cost-card > p { margin: 0; padding: 14px 16px; color: var(--muted); font-size: .78rem; }

.export { display: flex; align-items: end; justify-content: space-between; gap: 42px; border-top: 2px solid var(--ink); }
.export > div { max-width: 760px; }
.export h2 { max-width: 680px; }
.export > div > p:last-child { max-width: 650px; color: var(--muted); }
.export .button { flex: 0 0 auto; }

.sprint { padding: clamp(72px, 9vw, 124px) clamp(18px, 7vw, 104px); display: grid; grid-template-columns: minmax(220px, .55fr) minmax(0, 1.45fr); gap: clamp(48px, 10vw, 150px); color: white; background: var(--blue); }
.sprint__price { align-self: start; padding: 24px; border: 2px solid white; box-shadow: 12px 12px 0 var(--lime); }
.sprint__price span, .sprint__price small { display: block; color: rgba(255,255,255,.72); }
.sprint__price strong { display: block; margin: 34px 0 8px; color: var(--lime); font: 900 clamp(3rem, 6vw, 5.6rem)/.86 Inter, sans-serif; letter-spacing: -.07em; }
.sprint__price small { letter-spacing: .03em; text-transform: none; }
.sprint .eyebrow { color: var(--lime); }
.sprint__copy { max-width: 860px; }
.sprint__copy > p:not(.eyebrow) { max-width: 740px; color: rgba(255,255,255,.75); font-size: 1.08rem; }
.sprint__copy ul { margin: 28px 0 32px; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 26px; list-style: none; }
.sprint__copy li::before { content: "＋"; margin-right: 8px; color: var(--lime); }
.button--light { color: var(--ink); border-color: var(--lime); background: var(--lime); box-shadow: 6px 6px 0 var(--ink); }
.button--light:hover { color: white; border-color: white; background: transparent; }

footer { padding: 22px clamp(18px, 4vw, 58px); display: flex; align-items: center; justify-content: space-between; gap: 24px; color: var(--muted); background: var(--paper); border-top: 1px solid var(--rule); font-size: .84rem; }
footer p { margin: 0; }
footer > a:last-child { color: var(--blue); text-decoration: none; }

@keyframes pulse { 0%,100% { opacity: .35; transform: scale(.8); } 50% { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .live-dot i { animation: none; } }
@media (max-width: 980px) {
  .hero, .policy { grid-template-columns: 1fr; }
  .decision-panel { max-width: 680px; }
  .scoreboard { grid-template-columns: repeat(2, 1fr); }
  .scoreboard article:nth-child(2) { border-right: 0; }
  .scoreboard article:nth-child(-n+2) { border-bottom: 1px solid var(--rule); }
  .workbench { grid-template-columns: 1fr; }
  .review-panel { position: static; }
  .rule-grid { grid-template-columns: repeat(2, 1fr); }
  .rule-grid article:nth-child(2) { border-right: 0; }
  .rule-grid article:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.22); }
  .sprint { grid-template-columns: 1fr; }
  .sprint__price { max-width: 420px; }
}
@media (max-width: 690px) {
  .topbar { flex-wrap: wrap; }
  .topbar__mode { order: 3; width: 100%; }
  .topbar nav { gap: 14px; }
  h1 { font-size: clamp(3.5rem, 17vw, 6.1rem); }
  .truth-strip, .export { align-items: flex-start; flex-direction: column; }
  .truth-strip p:last-child { text-align: left; }
  .decision-panel__head { flex-direction: column; }
  .queue-panel__toolbar { align-items: flex-start; flex-direction: column; }
  .rule-grid { grid-template-columns: 1fr; }
  .rule-grid article, .rule-grid article:not(:first-child) { min-height: auto; padding: 24px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.22); }
  .rule-grid h3 { margin-top: 28px; }
  .sprint__copy ul { grid-template-columns: 1fr; }
  footer { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 430px) {
  .topbar nav { width: 100%; justify-content: space-between; }
  .hero { padding-top: 58px; }
  .scoreboard { grid-template-columns: 1fr; }
  .scoreboard article, .scoreboard article:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--rule); }
  .decision-panel__metrics, .review-grid, .cost-card dl { grid-template-columns: 1fr; }
  .decision-panel__metrics div, .review-grid div, .cost-card dl div { border-right: 0; }
  .review-actions { grid-template-columns: 1fr; }
  .sprint__price strong { font-size: 3.5rem; }
}