:root {
  --ink: #12130f;
  --paper: #f3f0e7;
  --acid: #d9ff43;
  --orange: #ff6838;
  --blue: #456cff;
  --muted: #66675e;
  --line: #c9c5b9;
  --card: #faf8f1;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; }
button, input { font: inherit; }
button { cursor: pointer; }

.site-header, footer { display: flex; justify-content: space-between; align-items: center; padding: 22px clamp(20px, 5vw, 72px); border-bottom: 1px solid var(--ink); }
.brand { font-weight: 900; letter-spacing: -.04em; text-decoration: none; }
.brand span { background: var(--ink); color: var(--acid); padding: 3px 6px; margin-right: 4px; }
.header-nav { display: flex; align-items: center; gap: 25px; }
.header-nav a { font-size: 13px; font-weight: 700; text-decoration: none; }
.header-nav a:not(.repo-link):hover, .text-link:hover { color: var(--orange); }
.repo-link { padding: 8px 10px; border: 1px solid var(--ink); }

main { overflow: hidden; }
.hero, .results, .method { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.hero { min-height: 720px; padding: clamp(80px, 12vw, 150px) 0 80px; position: relative; }
.hero::after { content: "AI"; position: absolute; z-index: -1; right: -30px; top: 20px; color: transparent; -webkit-text-stroke: 1px var(--line); font-size: clamp(240px, 45vw, 640px); font-weight: 950; line-height: 1; letter-spacing: -.12em; }
.eyebrow { font: 700 12px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .09em; }
h1 { max-width: 1000px; margin: 20px 0; font-size: clamp(48px, 8vw, 104px); line-height: .94; letter-spacing: -.065em; }
h1 .hero-kicker { display: block; color: var(--blue); font-size: .44em; line-height: 1; letter-spacing: .08em; }
h1 em { font-family: Georgia, serif; font-weight: 400; color: var(--orange); }
.lede { max-width: 720px; color: #41423c; font-size: clamp(18px, 2.4vw, 26px); line-height: 1.38; }

.hero-actions { display: flex; align-items: center; gap: 24px; margin-top: 35px; }
.primary-link { display: inline-flex; gap: 22px; align-items: center; padding: 16px 20px; background: var(--ink); color: var(--acid); font-weight: 850; text-decoration: none; box-shadow: 5px 5px 0 var(--orange); }
.primary-link:hover { transform: translate(2px, 2px); box-shadow: 3px 3px 0 var(--orange); }
.text-link { font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }
.hero-proof { margin-top: 62px; color: var(--muted); font: 700 12px ui-monospace, monospace; letter-spacing: .14em; }
.hero-proof span { color: var(--orange); padding: 0 8px; }

.audit-form { max-width: 760px; margin-top: 52px; }
.audit-form label { display: block; margin-bottom: 9px; font: 700 12px ui-monospace, monospace; text-transform: uppercase; }
.input-row { display: flex; box-shadow: 7px 7px 0 var(--ink); }
.input-row input { min-width: 0; flex: 1; border: 2px solid var(--ink); background: var(--card); padding: 18px; font-size: 18px; outline: none; }
.input-row input:focus { background: #fff; }
.input-row button { border: 2px solid var(--ink); border-left: 0; background: var(--acid); padding: 0 25px; font-weight: 850; }
.input-row button:disabled { cursor: wait; opacity: .6; }
.form-note { color: var(--muted); font: 12px ui-monospace, monospace; }

.score-guide, .pricing, .faq, .agent-readable, .commerce-standard, .methodology-sources { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.score-guide { display: grid; grid-template-columns: .85fr 1.4fr; gap: 70px; padding: 90px 0; border-top: 1px solid var(--ink); }
.score-guide h2, .pricing h2, .faq h2 { margin: 8px 0 18px; font-size: clamp(36px, 5vw, 64px); line-height: .98; letter-spacing: -.055em; }
.score-guide > div:first-child > p:not(.eyebrow) { color: var(--muted); line-height: 1.55; font-size: 18px; }
.score-ranges { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--ink); }
.score-ranges article { padding: 22px; border-right: 1px solid var(--ink); background: var(--card); }
.score-ranges article:last-child { border-right: 0; }
.score-ranges strong, .score-ranges span { display: block; }
.score-ranges strong { font-size: 42px; letter-spacing: -.07em; }
.score-ranges span { margin-top: 7px; font-weight: 800; }
.score-ranges p { color: var(--muted); font-size: 13px; line-height: 1.45; }

.status { width: min(1180px, calc(100% - 40px)); margin: 0 auto 50px; border: 1px solid var(--ink); padding: 22px; font-weight: 700; }
.status--loading { background: var(--acid); }
.status--error { background: #ffd9d0; color: #891f0b; }
.results { padding: 70px 0; border-top: 1px solid var(--ink); }
.result-head { display: flex; justify-content: space-between; gap: 30px; align-items: flex-start; }
.result-head h2, .method h2, .next-step h2 { margin: 8px 0; font-size: clamp(36px, 6vw, 68px); letter-spacing: -.055em; }
.result-target { color: var(--muted); word-break: break-all; }
.score { flex: 0 0 170px; aspect-ratio: 1; display: grid; place-content: center; text-align: center; border: 2px solid var(--ink); border-radius: 50%; background: var(--acid); box-shadow: 8px 8px 0 var(--ink); }
.score strong { font-size: 58px; line-height: .8; letter-spacing: -.07em; }
.score span, .score small { font-weight: 800; }
.scope { max-width: 700px; padding-left: 15px; border-left: 4px solid var(--orange); }
.discovery-verdict { display: grid; grid-template-columns: 150px 1fr 1fr; gap: 28px; align-items: center; margin: 38px 0; padding: 28px; border: 2px solid var(--ink); background: var(--card); box-shadow: 8px 8px 0 var(--blue); }
.discovery-score { aspect-ratio: 1; display: grid; place-content: center; text-align: center; border-radius: 50%; background: var(--ink); color: var(--acid); }
.discovery-score strong { font-size: 48px; line-height: .85; letter-spacing: -.07em; }
.discovery-score span { font-weight: 800; }
.discovery-copy h3 { margin: 7px 0 4px; font-size: 32px; letter-spacing: -.045em; }
.discovery-copy > strong { color: var(--blue); font-size: 18px; }
.discovery-copy p:not(.eyebrow) { margin: 9px 0; line-height: 1.45; }
.discovery-copy small { color: var(--muted); }
.crawler-matrix { border: 1px solid var(--line); }
.crawler-row { display: flex; justify-content: space-between; gap: 12px; padding: 9px 11px; border-bottom: 1px solid var(--line); font: 700 11px ui-monospace, monospace; }
.crawler-row:last-child { border-bottom: 0; }
.crawler-row span, .crawler-row small { display: block; }
.crawler-row small { margin-top: 2px; color: var(--muted); font-size: 9px; font-weight: 500; }
.crawler-state { text-transform: uppercase; }
.crawler-state--allowed { color: #397000; }
.crawler-state--verified { color: #397000; }
.crawler-state--challenged { color: #b46a00; }
.crawler-state--blocked { color: #a52a10; }
.crawler-state--unspecified { color: var(--muted); }
.upgrade-card { display: flex; justify-content: space-between; gap: 28px; align-items: center; margin: 42px 0 24px; padding: 28px; background: var(--blue); color: white; box-shadow: 8px 8px 0 var(--ink); }
.upgrade-card h2 { max-width: 600px; margin: 8px 0; font-size: clamp(28px, 4vw, 48px); line-height: 1; letter-spacing: -.05em; }
.upgrade-card p:not(.eyebrow) { max-width: 620px; margin-bottom: 0; line-height: 1.5; color: #e9edff; }
.upgrade-card .eyebrow { color: var(--acid); }
.upgrade-link { flex: 0 0 auto; padding: 15px 18px; background: var(--acid); color: var(--ink); font-weight: 850; text-decoration: none; }
.upgrade-link:hover { background: white; }
.summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin: 45px 0 25px; border: 1px solid var(--ink); }
.summary-grid article { padding: 22px; border-right: 1px solid var(--ink); background: var(--card); }
.summary-grid article:last-child { border: 0; }
.summary-grid strong, .summary-grid span { display: block; }
.summary-grid strong { font-size: 34px; }
.summary-grid span { color: var(--muted); font-size: 13px; }
.actions { display: flex; gap: 10px; margin-bottom: 24px; }
.secondary { border: 1px solid var(--ink); background: transparent; padding: 10px 14px; font-weight: 700; }
.secondary:hover { background: var(--ink); color: var(--paper); }
.score-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 30px 0; }
.category-score, .opportunities { padding: 26px; border: 1px solid var(--ink); background: var(--card); }
.category-score h3, .opportunities h3, .history h3 { margin: 8px 0 20px; font-size: 26px; letter-spacing: -.04em; }
.category-row { margin: 16px 0; }
.category-row-head { display: flex; justify-content: space-between; gap: 15px; font: 700 12px ui-monospace, monospace; text-transform: uppercase; }
.category-track { height: 10px; margin-top: 7px; background: var(--line); }
.category-fill { height: 100%; background: var(--blue); }
.category-row small { display: block; margin-top: 5px; color: var(--muted); }
.opportunity { display: grid; grid-template-columns: 38px 1fr; gap: 10px; padding: 13px 0; border-top: 1px solid var(--line); }
.opportunity-number { color: var(--orange); font: 800 14px ui-monospace, monospace; }
.opportunity strong, .opportunity span { display: block; }
.opportunity span { margin-top: 4px; color: var(--muted); font-size: 13px; }
.locked-note { margin: 18px 0 0; color: var(--muted); font-size: 13px; line-height: 1.45; }

.signal-list { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid var(--ink); }
.signal { min-height: 210px; padding: 24px; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); background: var(--card); }
.signal:nth-child(even) { border-right: 0; }
.signal-top { display: flex; align-items: center; gap: 8px; font: 700 11px ui-monospace, monospace; text-transform: uppercase; }
.pill { padding: 4px 7px; border: 1px solid var(--ink); }
.signal--pass .pill { background: var(--acid); }
.signal--warn .pill { background: #ffdf68; }
.signal--fail .pill { background: var(--orange); color: white; }
.signal--na .pill { background: var(--line); color: var(--muted); }
.category { color: var(--muted); }
.weight { margin-left: auto; color: var(--muted); }
.signal h3 { margin: 22px 0 8px; font-size: 24px; text-transform: capitalize; }
.evidence { font-family: ui-monospace, monospace; font-size: 13px; }
.recommendation { color: var(--muted); line-height: 1.5; }
.recommendation--locked { color: var(--ink); font-weight: 750; }
.next-step { margin-top: 50px; padding: 40px; background: var(--ink); color: var(--paper); }
.next-step a { color: var(--acid); font-weight: 800; }
.history { display: grid; grid-template-columns: .8fr 1.5fr; gap: 30px; margin-top: 45px; padding: 28px; border: 1px solid var(--ink); }
.history p:not(.eyebrow) { color: var(--muted); line-height: 1.5; }
.history-list { display: grid; gap: 8px; align-content: start; }
.history-entry { display: grid; grid-template-columns: 52px 1fr auto; gap: 12px; align-items: center; padding: 12px; background: var(--paper); border-left: 4px solid var(--blue); }
.history-entry strong { font-size: 24px; }
.history-entry span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.history-entry time { color: var(--muted); font: 11px ui-monospace, monospace; }

.method { padding: 120px 0; }
.visibility-model { width: min(1180px, calc(100% - 40px)); margin: 0 auto 120px; padding: 42px; background: var(--ink); color: var(--paper); }
.visibility-model h2 { max-width: 850px; margin: 8px 0 18px; font-size: clamp(36px, 5vw, 64px); line-height: .98; letter-spacing: -.055em; }
.visibility-model .method-lede { color: #c9c7bd; }
.visibility-chain { display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 38px; border: 1px solid #45463f; }
.visibility-chain article { padding: 22px; border-right: 1px solid #45463f; }
.visibility-chain article:last-child { border-right: 0; }
.visibility-chain span { color: var(--acid); font: 800 12px ui-monospace, monospace; }
.visibility-chain h3 { margin: 38px 0 8px; font-size: 23px; }
.visibility-chain p { color: #aaa99e; font-size: 13px; line-height: 1.5; }
.agent-readable { padding: 0 0 120px; }
.agent-readable > h2 { max-width: 850px; margin: 8px 0 42px; font-size: clamp(36px, 5vw, 64px); line-height: .98; letter-spacing: -.055em; }
.agent-readable-grid { display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--ink); }
.agent-readable-grid article { min-height: 300px; padding: 24px; border-right: 1px solid var(--ink); background: var(--card); }
.agent-readable-grid article:last-child { border-right: 0; }
.agent-readable-grid strong { color: var(--blue); font: 800 13px ui-monospace, monospace; }
.agent-readable-grid h3 { margin: 55px 0 10px; font-size: 23px; letter-spacing: -.035em; }
.agent-readable-grid p { color: var(--muted); font-size: 14px; line-height: 1.55; }
.commerce-standard { display: grid; grid-template-columns: 1.2fr 1fr; gap: 55px; align-items: end; margin-bottom: 120px; padding: 42px; background: var(--blue); color: white; box-shadow: 8px 8px 0 var(--ink); }
.commerce-standard h2, .methodology-sources h2 { margin: 8px 0 18px; font-size: clamp(34px, 5vw, 58px); line-height: 1; letter-spacing: -.055em; }
.commerce-standard p:not(.eyebrow) { color: #e9edff; line-height: 1.55; }
.commerce-standard .eyebrow { color: var(--acid); }
.commerce-checks { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #8da2ff; }
.commerce-checks span { padding: 18px; border-right: 1px solid #8da2ff; border-bottom: 1px solid #8da2ff; font: 800 11px ui-monospace, monospace; }
.commerce-checks span:nth-child(even) { border-right: 0; }
.commerce-checks span:nth-last-child(-n+2) { border-bottom: 0; }
.methodology-sources { padding-bottom: 120px; }
.source-grid { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 38px; border: 1px solid var(--ink); }
.source-grid a { min-height: 150px; padding: 25px; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); background: var(--card); text-decoration: none; }
.source-grid a:nth-child(even) { border-right: 0; }
.source-grid a:nth-last-child(-n+2) { border-bottom: 0; }
.source-grid strong, .source-grid span { display: block; }
.source-grid strong { font-size: 23px; }
.source-grid span { margin-top: 35px; color: var(--muted); font-size: 13px; }
.source-grid a:hover { background: var(--acid); }
.method-lede { max-width: 680px; font-size: 20px; line-height: 1.45; color: var(--muted); }
.method-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 45px; border: 1px solid var(--ink); }
.method-grid article { min-height: 280px; padding: 28px; border-right: 1px solid var(--ink); background: var(--card); }
.method-grid article:last-child { border: 0; }
.method-grid span { font: 800 13px ui-monospace, monospace; color: var(--orange); }
.method-grid h3 { margin-top: 70px; font-size: 27px; }
.method-grid p { color: var(--muted); line-height: 1.55; }
.pricing { padding: 35px 0 120px; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 45px; border: 1px solid var(--ink); }
.price-card { min-height: 330px; padding: 28px; border-right: 1px solid var(--ink); background: var(--card); display: flex; flex-direction: column; }
.price-card:last-child { border-right: 0; }
.price-card--featured { background: var(--acid); }
.price-card h3 { margin: 45px 0 0; font-size: 34px; letter-spacing: -.05em; }
.price-card .price { margin: 4px 0 15px; font: 800 18px ui-monospace, monospace; }
.price-card > p:not(.eyebrow):not(.price) { color: var(--muted); line-height: 1.5; }
.price-link { margin-top: auto; font-weight: 850; text-underline-offset: 4px; }
.sample-report { display: grid; grid-template-columns: .8fr 1.5fr; gap: 60px; margin-top: 35px; padding: 32px; background: var(--ink); color: var(--paper); }
.sample-report h3 { max-width: 300px; margin: 8px 0; font-size: 34px; line-height: 1; letter-spacing: -.05em; }
.sample-report .eyebrow { color: var(--acid); }
.sample-report ol { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: report; }
.sample-report li { counter-increment: report; padding: 18px; border: 1px solid #3d3e37; }
.sample-report li::before { content: "0" counter(report); display: block; margin-bottom: 28px; color: var(--orange); font: 700 12px ui-monospace, monospace; }
.sample-report li strong, .sample-report li span { display: block; }
.sample-report li span { margin-top: 5px; color: #aaa99e; font-size: 13px; line-height: 1.4; }
.faq { padding: 0 0 120px; }
.faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 45px; border-top: 1px solid var(--ink); }
.faq-grid article { padding: 25px 25px 25px 0; border-bottom: 1px solid var(--ink); }
.faq-grid article:nth-child(odd) { padding-right: 35px; border-right: 1px solid var(--ink); }
.faq-grid article:nth-child(even) { padding-left: 35px; }
.faq-grid h3 { margin: 0; font-size: 21px; }
.faq-grid p { max-width: 480px; color: var(--muted); line-height: 1.5; }
footer { border-top: 1px solid var(--ink); border-bottom: 0; font: 700 12px ui-monospace, monospace; }

@media (max-width: 720px) {
  .header-nav { gap: 12px; }
  .header-nav a:not(.repo-link) { display: none; }
  .hero { min-height: auto; }
  .input-row { display: block; box-shadow: 5px 5px 0 var(--ink); }
  .input-row button { width: 100%; border-left: 2px solid var(--ink); border-top: 0; padding: 16px; }
  .result-head { display: block; }
  .score { margin: 35px 0; }
  .summary-grid { grid-template-columns: repeat(2, 1fr); }
  .summary-grid article:nth-child(2) { border-right: 0; }
  .summary-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--ink); }
  .signal-list, .method-grid { grid-template-columns: 1fr; }
  .signal, .method-grid article { border-right: 0; }
  .method-grid article { border-bottom: 1px solid var(--ink); }
  .actions { flex-wrap: wrap; }
  .upgrade-card { display: block; }
  .upgrade-link { display: inline-block; margin-top: 22px; }
  .hero-actions { align-items: flex-start; flex-direction: column; }
  .hero-proof { line-height: 2; }
  .score-guide, .sample-report { grid-template-columns: 1fr; gap: 28px; }
  .score-ranges, .pricing-grid { grid-template-columns: 1fr; }
  .score-ranges article, .price-card { border-right: 0; border-bottom: 1px solid var(--ink); }
  .score-ranges article:last-child, .price-card:last-child { border-bottom: 0; }
  .sample-report ol, .faq-grid { grid-template-columns: 1fr; }
  .sample-report li { border-left: 0; border-right: 0; }
  .faq-grid article:nth-child(odd), .faq-grid article:nth-child(even) { padding: 22px 0; border-right: 0; }
  .score-detail-grid, .history { grid-template-columns: 1fr; }
  .discovery-verdict { grid-template-columns: 100px 1fr; }
  .crawler-matrix { grid-column: 1 / -1; }
  .visibility-model { padding: 28px; }
  .visibility-chain { grid-template-columns: 1fr; }
  .visibility-chain article { border-right: 0; border-bottom: 1px solid #45463f; }
  .visibility-chain article:last-child { border-bottom: 0; }
  .agent-readable-grid { grid-template-columns: 1fr; }
  .agent-readable-grid article { min-height: auto; border-right: 0; border-bottom: 1px solid var(--ink); }
  .agent-readable-grid article:last-child { border-bottom: 0; }
  .agent-readable-grid h3 { margin-top: 30px; }
  .commerce-standard { grid-template-columns: 1fr; padding: 28px; }
  .source-grid { grid-template-columns: 1fr; }
  .source-grid a, .source-grid a:nth-child(even) { border-right: 0; border-bottom: 1px solid var(--ink); }
  .source-grid a:last-child { border-bottom: 0; }
  .history-entry { grid-template-columns: 45px 1fr; }
  .history-entry time { grid-column: 2; }
}