.ocr-hero{--reference-hero-padding-bottom: 10rem;--reference-hero-columns: 1.02fr 1fr}.ocr-hero h1 span{color:var(--brand-accent)}.ocr-hero-copy>p{max-width:35rem;margin:0 0 2rem;color:var(--brand-text-bright);font-family:var(--font-body);font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.5}.ocr-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3)}.ocr-hero-graphic{position:relative;width:min(100%,34rem);min-height:19rem;margin:0 0 0 auto}.ocr-hero-document{position:absolute;top:0;left:0;width:72%;height:15.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.3);background:var(--brand-white);box-shadow:0 1rem 2.5rem #00000057}.ocr-hero-document img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 73%}.ocr-hero-output{position:absolute;right:0;bottom:0;width:69%;margin:0;padding:var(--sp-4);border:1px solid var(--brand-hairline-strong);background:var(--cl-code-bg);box-shadow:0 1rem 2.5rem #0006;color:var(--brand-text-bright)}.ocr-hero-output>span{display:block;margin-bottom:var(--sp-3);font-family:var(--cl-mono);font-size:var(--brand-fs-meta);letter-spacing:.06em;text-transform:uppercase;color:var(--brand-text-muted)}.ocr-hero-output pre{margin:0}.ocr-hero-output code{display:block;font-family:var(--cl-mono);font-size:.8rem;line-height:1.55;white-space:pre-wrap}.ocr-examples{position:relative;z-index:2;margin-top:-4rem;padding:0}.ocr-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);align-items:stretch}.ocr-example{min-width:0;height:100%}.ocr-proof{display:grid;grid-template-rows:19rem 1fr;min-width:0;height:100%;margin:0;overflow:hidden;border:1px solid var(--brand-hairline-strong);background:var(--cl-code-bg)}.ocr-media{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--brand-white)}.ocr-media img{display:block;width:100%;height:100%;object-fit:cover}.ocr-example.is-receipt .ocr-media img{transform:scale(1.2);object-position:center 76%}.ocr-example.is-page .ocr-media img{object-position:center 57%}.ocr-example.is-chart .ocr-media img{object-fit:contain;background:#f7f7f4}.ocr-example.is-label .ocr-media img{object-position:center}.ocr-example.is-panel .ocr-media img{object-position:center 61%}.ocr-focus-layer{position:absolute;z-index:2;inset:0;pointer-events:none}.ocr-focus{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border:1.5px solid var(--brand-accent);background:#f3441d0a;box-shadow:0 0 0 1px #1f1f2c59}.ocr-focus b{position:absolute;top:-2px;left:-2px;display:grid;width:1.55rem;height:1.55rem;place-items:center;background:var(--brand-accent);color:var(--brand-white);font-family:var(--cl-mono);font-size:.72rem;font-weight:500;line-height:1}.ocr-focus.is-point{width:2.15rem;height:2.15rem;transform:translate(-50%,-50%);border-radius:50%;background:#f3441d2e}.ocr-focus.is-point b{top:50%;left:50%;width:1.35rem;height:1.35rem;transform:translate(-50%,-50%);border-radius:50%;font-size:.65rem}.ocr-extraction{min-width:0;padding:var(--sp-4);background:var(--cl-code-bg);color:var(--brand-text-bright)}.ocr-proof-caption{display:grid;grid-template-rows:1fr auto;min-width:0}.ocr-extraction pre{min-width:0;margin:0;overflow:hidden}.ocr-extraction code{display:block;font-family:var(--cl-mono);font-size:.8rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.ocr-example.is-chart .ocr-extraction{padding-inline:var(--sp-3)}.ocr-example.is-chart .ocr-extraction code{font-size:.71rem}.ocr-playground{padding:var(--cl-section-gap) 0;background:transparent}.ocr-playground .cl-section-head{margin-bottom:var(--sp-6)}.ocr-playground .cl-play{padding-top:0}.ocr-playground .cl-media-source img{object-fit:contain}@media(max-width:1020px){.ocr-hero-graphic{width:min(100%,38rem);margin-inline:auto}.ocr-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.ocr-hero{padding:7.5rem 0 7rem}.ocr-hero h1{font-size:clamp(2.3rem,11vw,3rem)}.ocr-example-grid{grid-template-columns:1fr}.ocr-examples{margin-top:-2.5rem}.ocr-hero-graphic{min-height:17rem}.ocr-hero-document{width:78%;height:14rem}.ocr-hero-output{width:76%;padding:var(--sp-3)}.ocr-proof{grid-template-rows:20rem 1fr}.ocr-example.is-chart .ocr-extraction code,.ocr-extraction code{font-size:var(--brand-fs-sm)}}