:root {
  --ink: #161716;
  --paper: #f5f2eb;
  --acid: #d9ff36;
  --coral: #ff6b4a;
  --line: rgba(22, 23, 22, 0.18);
  --muted: #62635e;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "Manrope", Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }

.nav { height: 88px; display: flex; align-items: center; justify-content: space-between; }
.brand { font-family: "DM Mono", monospace; letter-spacing: -0.08em; font-size: 1.45rem; font-weight: 500; }
.brand span { color: var(--coral); }
.nav-link, .footer a { font: 500 .69rem/1 "DM Mono", monospace; letter-spacing: .05em; }
.nav-link span, .text-link span { color: var(--coral); font-size: 1rem; }

.hero { padding: clamp(76px, 13vw, 174px) 0 118px; }
.eyebrow { margin: 0 0 22px; color: var(--muted); font: 500 .66rem/1.25 "DM Mono", monospace; letter-spacing: .075em; }
.pulse { display: inline-block; width: 8px; height: 8px; margin: 0 8px 1px 0; background: var(--coral); border-radius: 50%; }
h1, h2 { margin: 0; font-weight: 800; letter-spacing: -.07em; line-height: .9; }
h1 { max-width: 880px; font-size: clamp(4.5rem, 12.3vw, 10.5rem); }
h1 em, h2 em { font-family: Georgia, serif; font-weight: 400; letter-spacing: -.08em; }
.hero-copy { max-width: 560px; margin: 38px 0 28px; font-size: clamp(1.05rem, 2vw, 1.35rem); line-height: 1.55; }
.hero-actions { display: flex; align-items: center; gap: 27px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 17px 19px; border: 1px solid var(--ink); font: 500 .69rem/1 "DM Mono", monospace; letter-spacing: .055em; cursor: pointer; transition: transform .18s ease, background .18s ease; }
.button:hover { transform: translate(-3px, -3px); }
.button-primary { background: var(--acid); box-shadow: 4px 4px 0 var(--ink); }
.button-primary:hover { box-shadow: 7px 7px 0 var(--ink); }
.text-link { border-bottom: 1px solid var(--ink); padding-bottom: 4px; font: 600 .74rem/1 "DM Mono", monospace; letter-spacing: .05em; }
.note { margin: 49px 0 0; color: var(--muted); font: .65rem/1.3 "DM Mono", monospace; letter-spacing: .04em; }

.signal-strip { display: grid; grid-template-columns: repeat(6, 1fr); overflow: hidden; border-block: 1px solid var(--ink); background: var(--acid); }
.signal-strip div { min-height: 74px; padding: 25px 15px; border-right: 1px solid var(--ink); text-align: center; font: 500 .66rem/1 "DM Mono", monospace; letter-spacing: .05em; white-space: nowrap; }
.signal-strip span { margin-right: 8px; color: var(--coral); }

.demo { padding: 135px 0 144px; }
.section-heading h2, .reason h2, .waitlist h2 { font-size: clamp(3.1rem, 7.3vw, 6.55rem); }
.question-card { margin-top: 70px; padding: 22px 25px 29px; border: 1px solid var(--ink); background: #fffdf8; }
.question-meta, .answer-head { display: flex; align-items: center; justify-content: space-between; font: .63rem/1 "DM Mono", monospace; letter-spacing: .07em; }
.question-meta span:last-child { color: var(--coral); }
.question-card > p { margin: 28px 0 0; font-size: clamp(1.5rem, 3.3vw, 2.75rem); font-weight: 700; letter-spacing: -.055em; }
.answers-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-left: 1px solid var(--ink); }
.answer-card { min-height: 282px; padding: 24px; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); background: #eeece5; }
.answer-two { background: #e5efcc; }
.answer-three { background: #f4ddcf; }
.answer-head { justify-content: flex-start; gap: 8px; }
.answer-status { margin-left: auto; color: var(--muted); }
.model-dot { width: 9px; height: 9px; border-radius: 50%; }
.dot-one { background: var(--coral); }.dot-two { background: #759b00; }.dot-three { background: #7957df; }
.answer-card > p { min-height: 125px; margin: 30px 0 20px; font-size: 1rem; line-height: 1.55; letter-spacing: -.025em; }
.confidence { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; color: var(--muted); font: .59rem/1 "DM Mono", monospace; }
.confidence i { display: block; height: 3px; background: linear-gradient(to right, var(--ink) var(--score), rgba(22, 23, 22, .18) var(--score)); }
.confidence b { color: var(--ink); font-weight: 500; }
.insight-grid { display: grid; grid-template-columns: 1.15fr 1.4fr 1.15fr; margin-top: 20px; gap: 20px; }
.insight { min-height: 165px; padding: 22px 24px; border-top: 2px solid var(--ink); }
.insight-agree { background: #f0eee8; }.insight-check { background: var(--acid); }.insight-diff { background: var(--coral); }
.insight-label { margin: 0 0 28px; font: 500 .63rem/1 "DM Mono", monospace; letter-spacing: .07em; }
.insight > p:last-child { margin: 0; font-size: 1rem; line-height: 1.45; letter-spacing: -.025em; }

.reason { display: grid; grid-template-columns: 1.15fr .85fr; gap: 12%; padding: 133px 0; border-top: 1px solid var(--ink); }
.reason-copy { max-width: 665px; }
.reason-list { border-top: 1px solid var(--line); }
.reason-list div { display: grid; grid-template-columns: 50px 1fr; gap: 20px; padding: 21px 0; border-bottom: 1px solid var(--line); }
.reason-list span { color: var(--coral); font: .64rem/1.6 "DM Mono", monospace; }.reason-list p { margin: 0; font-size: 1.08rem; line-height: 1.55; }

.waitlist { display: grid; grid-template-columns: 1fr 1fr; gap: 10%; padding: 85px 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.signup-form { align-self: end; }
.signup-form label { display: block; margin-bottom: 12px; font: .65rem/1 "DM Mono", monospace; letter-spacing: .06em; }
.form-row { display: flex; }
.form-row input { width: 100%; min-width: 0; padding: 18px 15px; border: 1px solid var(--ink); border-right: 0; border-radius: 0; outline: none; background: #fffdf8; color: var(--ink); font-size: .9rem; }
.form-row input:focus { background: #fff; box-shadow: inset 0 0 0 1px var(--ink); }
.button-dark { flex: 0 0 auto; background: var(--ink); color: var(--paper); }
.button:disabled { cursor: wait; opacity: .72; transform: none; }
.consent-row { display: flex; align-items: flex-start; gap: 9px; margin-top: 14px; color: var(--muted); font: .62rem/1.45 "DM Mono", monospace; }
.consent-row input { width: 14px; height: 14px; margin: 1px 0 0; accent-color: var(--ink); }
.consent-row label { margin: 0; }
.consent-row a { color: var(--ink); text-decoration: underline; text-underline-offset: 2px; }
.honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.form-message { margin: 14px 0 0; color: var(--muted); font: .65rem/1.5 "DM Mono", monospace; }
.form-message.success { color: #426000; }.form-message.error { color: #bb2e10; }

.footer { display: flex; align-items: center; justify-content: space-between; padding: 25px 0 31px; color: var(--muted); font: .61rem/1 "DM Mono", monospace; letter-spacing: .05em; }
.footer .brand { color: var(--ink); }.footer p { margin: 0; }

.legal-page { min-height: 100vh; }
.legal { max-width: 800px; padding: 70px 0 110px; }
.legal .back-link { display: inline-block; margin-bottom: 68px; border-bottom: 1px solid var(--ink); padding-bottom: 4px; font: .65rem/1 "DM Mono", monospace; letter-spacing: .05em; }
.legal h1 { font-size: clamp(3.5rem, 8vw, 6.4rem); }
.legal .updated { margin: 26px 0 54px; color: var(--muted); font: .64rem/1.4 "DM Mono", monospace; letter-spacing: .05em; }
.legal h2 { margin-top: 42px; font-size: clamp(1.65rem, 4vw, 2.8rem); line-height: 1; }
.legal p, .legal li { font-size: 1rem; line-height: 1.65; }
.legal ul { padding-left: 20px; }
.legal a { border-bottom: 1px solid var(--ink); }

@media (max-width: 760px) {
  .shell { width: min(100% - 32px, 1180px); }.nav { height: 68px; }.hero { padding: 82px 0 86px; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 23px; }
  .signal-strip { grid-template-columns: repeat(3, 1fr); }.signal-strip div { min-height: 53px; padding: 18px 6px; font-size: .55rem; }.signal-strip div:nth-child(3) { border-right: 0; }.signal-strip div:nth-child(-n + 3) { border-bottom: 1px solid var(--ink); }
  .demo { padding: 85px 0; }.question-card { margin-top: 47px; }.answers-grid, .insight-grid, .reason, .waitlist { grid-template-columns: 1fr; }.answer-card { min-height: auto; }.answer-card > p { min-height: auto; }.insight-grid { gap: 12px; }.insight { min-height: 132px; }
  .reason { gap: 60px; padding: 85px 0; }.waitlist { gap: 45px; padding: 65px 0; }.form-row { display: block; }.form-row input { border-right: 1px solid var(--ink); }.button-dark { width: 100%; margin-top: 10px; }.footer { align-items: flex-start; flex-direction: column; gap: 16px; }
}