/* An editorial home for the method, with the existing engine kept intact. */
.about-page .page-width { width:min(1176px,calc(100% - 64px)); }
.about-page .about-label {
  color:var(--muted);font:400 12px/18px var(--mono);letter-spacing:.035em;text-transform:uppercase;
}
.about-opening {
  display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1fr);
  gap:64px;align-items:start;padding-top:184px;padding-bottom:92px;
}
.about-opening-copy { min-width:0; }
.about-opening h1 {
  max-width:550px;margin:24px 0 28px;
  font:400 clamp(42px,3.8vw,54px)/1.09 var(--serif);letter-spacing:-.043em;
  text-wrap:pretty;
}
.about-opening-lead { max-width:510px;color:var(--body);font:400 16px/25px var(--sans); }
.about-opening-lead + .about-opening-lead { margin-top:17px; }
.about-proof { margin-top:29px;padding-left:18px;border-left:1px solid var(--line);max-width:470px; }
.about-proof p { color:var(--body);font:400 15px/24px var(--sans); }
.about-proof strong { color:var(--accent);font-weight:600; }
.about-proof a {
  display:inline-block;margin-top:10px;color:var(--muted);font:400 12px/19px var(--sans);
  text-decoration:underline;text-underline-offset:3px;text-decoration-color:#bdb6ad;
}
.about-proof a:hover { color:var(--accent); }
.about-proof a span { display:inline-block;margin-left:3px;text-decoration:none; }
.about-engine { min-width:0; }
.about-page .about-engine .hero-art {
  width:100%;max-width:none;height:auto;margin:0;background:none;
}
.about-page .about-engine .hero-art.engine-art { min-height:590px; }
.about-page .about-engine .hero-art.engine-art.engine-compact { min-height:760px; }
.about-page .about-engine .engine-detail-title { text-wrap:pretty; }
.about-page .about-engine noscript p { padding:36px;color:var(--body);font:16px/25px var(--sans); }
.about-article { border-top:1px solid var(--line); }
.about-editorial-row {
  display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);
  align-items:start;gap:96px;padding:70px 0;
}
.about-editorial-row + .about-editorial-row { border-top:1px solid var(--line); }
.about-editorial-row h2,.about-relationship h2,.about-faq-heading h2 {
  font:400 38px/1.16 var(--serif);letter-spacing:-.035em;text-wrap:pretty;
}
.about-prose { min-width:0;max-width:660px; }
.about-prose > p { color:var(--body);font:400 16px/25px var(--sans); }
.about-prose > p + p { margin-top:23px; }
.about-prose > p.about-standfirst { color:var(--ink);font:400 20px/28px var(--serif);letter-spacing:-.015em; }
.about-validation { margin-top:30px;padding:22px 0 0;border-top:1px solid var(--line); }
.about-validation h3 { font:400 23px/1.3 var(--serif);letter-spacing:-.02em;margin:0 0 11px; }
.about-validation p { color:var(--body);font:400 15px/25px var(--sans); }
.about-validation-metrics { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;margin:23px 0; }
.about-validation-metrics > div { min-width:0; }
.about-validation-metrics dt { color:var(--ink);font:500 15px/23px var(--sans);margin-bottom:5px; }
.about-validation-metrics dd { color:var(--body);font:400 14px/23px var(--sans);margin:0; }
.about-validation p.about-validation-status { font:400 12px/19px var(--mono);color:var(--muted);letter-spacing:.02em;text-transform:uppercase; }
.about-relationship { padding:70px 0 66px;border-top:1px solid var(--line); }
.about-relationship-heading {
  display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:96px;align-items:start;
}
.about-relationship-heading > p { color:var(--body);font:400 16px/25px var(--sans);max-width:600px; }
.about-offers { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;margin-top:43px; }
.about-offer { border-top:1px solid var(--line);padding-top:25px;min-width:0; }
.about-offer h3 { max-width:440px;margin:17px 0 16px;font:400 29px/1.22 var(--serif);letter-spacing:-.025em;text-wrap:pretty; }
.about-offer > p:last-child { max-width:510px;color:var(--body);font:400 16px/25px var(--sans); }
.about-text-link {
  display:inline-flex;align-items:center;gap:28px;margin-top:31px;min-height:44px;
  color:var(--accent);font:400 12px/19px var(--mono);text-transform:uppercase;
  text-decoration:underline;text-underline-offset:5px;text-decoration-color:#bdb6ad;
}
.about-text-link:hover { text-decoration-color:var(--accent); }
.about-text-link > span { text-decoration:none; }
.about-faq {
  border-top:1px solid var(--line);padding-top:70px;padding-bottom:90px;
  display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:96px;align-items:start;
}
.about-faq-heading > p { max-width:300px;color:var(--body);font:400 16px/25px var(--sans);margin-top:20px; }
.about-faq-groups { min-width:0; }
.about-faq-group + .about-faq-group { margin-top:42px; }
.about-faq-group > .about-label { margin-bottom:18px; }
.about-faq-group details { border-top:1px solid var(--line); }
.about-faq-group details:last-child { border-bottom:1px solid var(--line); }
.about-faq-group summary {
  position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;
  min-height:76px;padding:22px 0;list-style:none;cursor:pointer;
  color:var(--ink);font:400 13px/21px var(--mono);letter-spacing:0;text-transform:uppercase;
}
.about-faq-group summary::-webkit-details-marker { display:none; }
.about-faq-group summary::after {
  content:'+';flex:0 0 18px;width:18px;text-align:center;color:var(--muted);font:400 20px/1 var(--mono);
}
.about-faq-group details[open] > summary { color:var(--accent); }
.about-faq-group details[open] > summary::after { content:'−';color:var(--accent); }
.about-faq-group summary:hover { color:var(--accent); }
.about-faq-group summary:focus-visible,.about-text-link:focus-visible { outline:2px solid var(--accent);outline-offset:5px;border-radius:2px; }
.about-answer { padding:0 40px 25px 0; }
.about-answer p { color:var(--body);font:400 16px/25px var(--sans); }
.about-answer p + p { margin-top:14px; }
.about-answer a { color:var(--accent);text-decoration:underline;text-underline-offset:3px; }
.about-page .closing { margin-top:0; }

@media(min-width:1400px) {
  .about-opening { gap:80px; }
}
@media(max-width:1100px) {
  .about-opening { grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:70px; }
  .about-opening-copy { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:42px;align-items:start; }
  .about-opening-copy > .about-label { grid-column:1/-1; }
  .about-opening h1 { grid-row:2/5;margin:24px 0 0;font-size:46px; }
  .about-opening-lead { grid-column:2; }
  .about-opening-copy > h1 + .about-opening-lead { margin-top:24px; }
  .about-proof { grid-column:2; }
  .about-engine { width:min(640px,100%);margin-inline:auto; }
  .about-editorial-row,.about-relationship-heading,.about-faq { gap:55px;grid-template-columns:minmax(0,.72fr) minmax(0,1fr); }
  .about-editorial-row h2,.about-relationship h2,.about-faq-heading h2 { font-size:34px; }
}
@media(max-width:879px) {
  .about-page .about-opening { padding-top:190px; }
}
@media(max-width:760px) {
  .about-opening-copy { display:block; }
  .about-opening h1 { max-width:650px;font-size:44px;margin-bottom:25px; }
  .about-opening-lead { max-width:620px; }
  .about-opening-copy > h1 + .about-opening-lead { margin-top:0; }
  .about-proof { max-width:570px; }
  .about-opening { gap:30px;padding-bottom:56px; }
  .about-editorial-row,.about-relationship-heading,.about-faq { grid-template-columns:minmax(0,1fr);gap:27px; }
  .about-editorial-row { padding-block:48px; }
  .about-editorial-row h2 { max-width:500px; }
  .about-relationship { padding:48px 0; }
  .about-relationship-heading { gap:20px; }
  .about-offers { gap:32px;margin-top:32px; }
  .about-offer h3 { font-size:26px; }
  .about-faq { padding:48px 0 64px;gap:35px; }
  .about-faq-heading > p { max-width:none;margin-top:14px; }
}
@media(max-width:600px) {
  .about-page .page-width { width:calc(100% - 40px); }
  .about-opening h1 { font-size:39px;line-height:1.12;letter-spacing:-.04em;margin-top:20px; }
  .about-opening-lead { font-size:15px;line-height:24px; }
  .about-proof { margin-top:25px;padding-left:14px; }
  .about-proof p { font-size:15px;line-height:24px; }
  .about-editorial-row h2,.about-relationship h2,.about-faq-heading h2 { font-size:32px; }
  .about-prose > p,.about-relationship-heading > p,.about-offer > p:last-child,.about-faq-heading > p,.about-answer p { font-size:15px;line-height:24px; }
  .about-prose > p.about-standfirst { font-size:19px;line-height:27px; }
  .about-prose > p + p { margin-top:20px; }
  .about-offers { grid-template-columns:minmax(0,1fr);gap:30px; }
  .about-offer h3 { max-width:400px; }
  .about-validation-metrics { grid-template-columns:minmax(0,1fr);gap:18px; }
  .about-validation p.about-validation-status { font-size:12px;line-height:19px; }
  .about-answer { padding-right:6px; }
  .about-faq-group summary { gap:18px;font-size:12px;line-height:20px;min-height:72px;padding-block:21px; }
  .about-faq-group + .about-faq-group { margin-top:35px; }
}
@media(max-width:350px) {
  .about-opening h1 { font-size:35px; }
}

/* Detailed evidence sits beside the explanation of the method, at readable width. */
.about-benchmark {border-top:1px solid var(--line);padding:64px 0 66px;scroll-margin-top:125px;}
.benchmark-intro {display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:96px;align-items:start;}
.benchmark-intro h2 {font:400 38px/1.16 var(--serif);letter-spacing:-.035em;margin-top:18px;}
.benchmark-intro>div>p:not(.about-label) {font:16px/25px var(--sans);color:var(--body);}
.benchmark-intro>div>p+p {margin-top:15px;}
.benchmark-intro strong {font-weight:600;color:var(--ink);}
.benchmark-scope {font:10px/1.8 var(--mono);color:var(--muted);margin-top:36px;letter-spacing:.02em;}
.benchmark-scroll {overflow-x:auto;scrollbar-width:thin;}
.benchmark-scroll:focus-visible {outline:2px solid var(--accent);outline-offset:-2px;}
.benchmark-table {border-collapse:collapse;table-layout:fixed;width:100%;margin-top:18px;font:15px/1.5 var(--sans);}
.benchmark-table caption {text-align:left;font:14px/1.6 var(--sans);color:var(--body);padding-bottom:18px;}
.benchmark-table th,.benchmark-table td {padding:16px 22px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;}
.benchmark-table thead th {font:10px/1.6 var(--mono);color:var(--muted);border-top:1px solid var(--line);}
.benchmark-table tbody th {font-weight:500;}.benchmark-table td {font-variant-numeric:tabular-nums;}
.benchmark-table td span {color:var(--muted);font-size:12px;margin-left:9px;}
.benchmark-highlight {background:rgb(var(--brand-burgundy-rgb) / 0.0275);color:var(--accent);}
.benchmark-caveat {font:13px/1.6 var(--sans);color:var(--muted);margin-top:20px;max-width:880px;}
.benchmark-caveat strong {font-weight:600;color:var(--body);}
.benchmark-method {margin-top:26px;border-block:1px solid var(--line);}
.benchmark-method summary {font:11px/1.5 var(--mono);color:var(--accent);list-style:none;display:flex;justify-content:space-between;align-items:center;padding:18px 0;cursor:pointer;}
.benchmark-method summary::-webkit-details-marker {display:none;}.benchmark-method summary>span {font-size:20px;transition:transform .2s;}.benchmark-method[open] summary>span {transform:rotate(45deg);}
.benchmark-method>div {padding-bottom:24px;}.benchmark-method p {font:14px/1.7 var(--sans);color:var(--body);max-width:850px;}.benchmark-method p+p {margin-top:14px;}.benchmark-method .benchmark-scroll+p {margin-top:16px;}
.benchmark-definitions {display:grid;grid-template-columns:1fr 1fr;gap:24px 48px;margin:27px 0;}.benchmark-definitions dt{font:600 14px/1.5 var(--sans);margin-bottom:5px}.benchmark-definitions dd{font:14px/1.6 var(--sans);color:var(--body);margin:0}
@media(max-width:1100px){.benchmark-intro{gap:55px;grid-template-columns:minmax(0,.72fr) minmax(0,1fr)}.benchmark-intro h2{font-size:34px}}
@media(max-width:760px){.about-benchmark{padding-block:48px}.benchmark-intro{grid-template-columns:1fr;gap:24px}.benchmark-intro h2{font-size:32px;margin-top:12px}.benchmark-table{min-width:620px;font-size:14px}.benchmark-table th,.benchmark-table td{padding:14px 15px}.benchmark-table th:first-child{width:170px}.benchmark-table thead th{font-size:9px}.benchmark-scope{margin-top:26px;font-size:9px}.benchmark-definitions{grid-template-columns:1fr;gap:18px}.benchmark-caveat{font-size:12px}}

.about-benchmark{scroll-margin-top:0}.benchmark-intro>div+div{padding-top:36px}@media(max-width:760px){.benchmark-intro>div+div{padding-top:0}}

.about-adoption strong{font-weight:600;color:var(--accent)}.about-adoption a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#a59c925e}

/* One readable comparison, with repeat correctness as the headline score. */
.about-benchmark .benchmark-table {margin-top:29px;}
.benchmark-table th:first-child {width:23%;}
.benchmark-table thead th:nth-child(2) {width:33%;}
.benchmark-table thead th:nth-child(3),.benchmark-table thead th:nth-child(4) {width:22%;}
.benchmark-table thead th>span {display:block;font:9px/1.5 var(--mono);color:var(--muted);margin:4px 0 0;}
.benchmark-table td>strong {display:block;font:500 19px/1.4 var(--sans);font-variant-numeric:tabular-nums;}
.benchmark-table td .accuracy-main {display:block;font:12px/1.5 var(--sans);margin:3px 0 0;color:var(--body);}
.benchmark-table td .accuracy-detail {display:block;font:11px/1.5 var(--sans);margin:6px 0 0;color:var(--muted);}
.benchmark-table td .benchmark-count {display:block;font:11px/1.5 var(--sans);margin:5px 0 0;color:var(--muted);}
.benchmark-highlight td>strong {color:var(--accent);}
.benchmark-table td.benchmark-safe>strong {color:#087a43;}
.benchmark-table td.benchmark-negative>strong {color:#c3312f;}
.benchmark-table td.benchmark-neutral>strong {color:var(--ink);}
.benchmark-method {scroll-margin-top:150px;}
.benchmark-method-section {padding-top:24px;}
.benchmark-method-section+.benchmark-method-section {margin-top:24px;border-top:1px solid var(--line);}
.benchmark-method-section h3 {margin:0 0 17px;font:400 12px/18px var(--mono);letter-spacing:.025em;text-transform:uppercase;color:var(--muted);}
.benchmark-setups {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 34px;margin:0;}
.benchmark-setups dt {font:600 14px/21px var(--sans);color:var(--ink);margin-bottom:5px;}
.benchmark-setups dd {font:400 14px/22px var(--sans);color:var(--body);margin:0;}
.benchmark-method-section .benchmark-definitions {margin:0;gap:22px 40px;}
.benchmark-method-section p {max-width:900px;}
@media(max-width:900px){.benchmark-setups{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}}
@media(max-width:600px){.benchmark-setups{grid-template-columns:1fr;gap:18px}.benchmark-method-section{padding-top:20px}.benchmark-method-section+.benchmark-method-section{margin-top:20px}.benchmark-method-section .benchmark-definitions{gap:18px}}
/* Two clear engagements, on one consistent card grid. */
.about-relationship-heading {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;}
.about-relationship-heading h2 {max-width:700px;margin:15px 0 0;}
.about-relationship-heading>div>p:not(.about-label) {font:16px/25px var(--sans);color:var(--body);max-width:650px;margin-top:17px;}
.about-services-link {display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:12px 15px;border:1px solid rgb(var(--brand-burgundy-rgb) / 0.2078);border-radius:4px;background:#ffffff30;color:var(--accent);font:10px/1.5 var(--mono);white-space:nowrap;}
.about-services-link:hover {background:#ffffff95;}
.support-plans {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;}
.support-plan {padding:29px 30px 28px;border:1px solid #ffffffef;border-radius:12px;background:linear-gradient(135deg,#ffffffa6,#ffffff4d);box-shadow:0 10px 32px #27181903;display:grid;grid-template-rows:auto auto 1fr auto;align-content:start;}
.support-plan .about-label {font-size:10px;line-height:1.5;}
.support-plan h3 {font:400 27px/1.2 var(--serif);letter-spacing:-.025em;margin:18px 0 15px;}
.support-plan>p:not(.about-label) {font:16px/25px var(--sans);color:var(--body);max-width:450px;margin:0;}
.support-plan ul {list-style:none;padding:21px 0 0;margin:23px 0 0;border-top:1px solid var(--line);display:grid;gap:13px;}
.support-plan li {font:14px/1.5 var(--sans);color:var(--body);display:flex;align-items:baseline;gap:11px;}
.support-plan li:before {content:'↗';font:13px/1 var(--sans);color:var(--accent);}
@media(max-width:900px){.about-relationship-heading{grid-template-columns:1fr;gap:22px}.about-services-link{justify-self:start}.support-plan{padding:25px}.support-plan h3{font-size:25px}.support-plan>p:not(.about-label){font-size:15px;line-height:24px}}
@media(max-width:760px){.benchmark-table{min-width:680px}.benchmark-table th:first-child{width:150px}.benchmark-table td>strong{font-size:18px}.support-plan h3{min-height:60px}.support-plan .about-label{font-size:9px}}
@media(max-width:600px){.support-plans{grid-template-columns:1fr;gap:14px;margin-top:26px}.support-plan h3{min-height:0;font-size:26px}.about-relationship-heading h2{margin-top:13px}.support-plan>p:not(.about-label){font-size:15px}.support-plan li{font-size:14px}.support-plan ul{margin-top:22px;padding-top:20px}.benchmark-table thead th>span{font-size:8px}}

@media(max-width:600px){.benchmark-intro>div>p:not(.about-label),.about-relationship-heading>div>p:not(.about-label){font-size:15px;line-height:24px}}

@media(min-width:901px){.benchmark-method-section .benchmark-definitions{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 34px;}}
