:root {
  --bg: #0b0c0e;
  --panel: #15171a;
  --panel-2: #1d2024;
  --text: #f1f0eb;
  --muted: #a6a8ad;
  --line: #34373d;
  --accent: #ff6138;
  --pass: #62d49a;
  --review: #f0c766;
  --fail: #ff725e;
  --max: 1180px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); line-height: 1.6; }
a { color: inherit; }
.wrap { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.prototype-banner { padding: 10px 20px; text-align: center; background: var(--review); color: #17130a; font-weight: 750; }
.hero { min-height: 76vh; display: grid; align-items: center; border-bottom: 1px solid var(--line); }
.eyebrow { color: var(--accent); text-transform: uppercase; letter-spacing: .12em; font: 700 12px/1.2 ui-monospace, monospace; }
h1 { max-width: 900px; margin: 18px 0; font-size: clamp(44px, 7vw, 92px); line-height: .98; letter-spacing: -.055em; }
h2 { font-size: clamp(30px, 4vw, 54px); line-height: 1.05; letter-spacing: -.035em; }
.lede { max-width: 720px; color: var(--muted); font-size: clamp(18px, 2vw, 23px); }
.button { display: inline-flex; padding: 15px 20px; border: 1px solid var(--accent); background: var(--accent); color: #160b07; text-decoration: none; font-weight: 800; border-radius: 4px; }
.button:hover, .button:focus-visible { background: #ff7a56; }
section { padding: 96px 0; border-bottom: 1px solid var(--line); }
.grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.card { padding: 26px; border: 1px solid var(--line); background: var(--panel); border-radius: 8px; }
.report { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.verdict { display: inline-flex; padding: 6px 9px; border: 1px solid currentColor; border-radius: 999px; font-size: 12px; font-weight: 800; }
.passed { color: var(--pass); } .failed { color: var(--fail); } .review { color: var(--review); }
form { display: grid; gap: 20px; max-width: 760px; }
label, fieldset { display: grid; gap: 8px; }
input:not([type="checkbox"]):not([type="radio"]), select, textarea { width: 100%; padding: 13px 14px; border: 1px solid var(--line); border-radius: 4px; background: var(--panel-2); color: var(--text); font: inherit; }
input[type="checkbox"], input[type="radio"] { width: auto; }
input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.field-error { min-height: 1.4em; color: var(--fail); font-size: 13px; }
footer { padding: 40px 0; color: var(--muted); }
@media (max-width: 760px) {
  .wrap { width: min(calc(100% - 28px), var(--max)); }
  .hero { min-height: auto; padding: 88px 0; }
  .grid-2 { grid-template-columns: 1fr; }
  section { padding: 68px 0; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }