.hero h1.shot-new-title{font-size:clamp(58px,6.2vw,90px);line-height:.98;text-transform:none}.ocr-section{padding:40px 0;background:radial-gradient(ellipse at 75% 50%,#0f6e6833,transparent 65%),#101716}.ocr-demo{max-width:840px}.ocr-screen{position:relative}.ocr-document{position:absolute;top:21%;left:6%;width:43%;padding:4%;background:#edebe6;color:#18251e;border-radius:6px;box-sizing:border-box}.ocr-document>span{font:1.4cqw 'IBM Plex Mono',monospace;color:#53634f}.ocr-document h3{font:600 4cqw/1.1 'Barlow Condensed',sans-serif;margin:6% 0}.ocr-document p{font-size:2.15cqw;line-height:1.5;margin:4% 0;color:#263a2c}.ocr-selection{position:absolute;left:8%;top:25%;width:40%;height:32%;border:2px solid #58b8aa;animation:ocr-area 12s infinite;transform-origin:top left;z-index:2}.ocr-selection>span{position:absolute;top:-22px;left:-2px;white-space:nowrap;background:#0f6e68;color:white;font:1.5cqw/1.3 'IBM Plex Mono',monospace;padding:4px 6px}.ocr-panel{position:absolute;left:43%;right:6%;top:17%;bottom:15%;padding:3%;background:#eff2eb;color:#18251e;border-radius:8px;box-shadow:0 14px 30px #0005;display:flex;flex-direction:column;gap:8px;z-index:3;animation:ocr-review 12s infinite;box-sizing:border-box}.ocr-panel-heading{display:grid;gap:6px}.ocr-panel-heading>strong{font-size:clamp(12px,2.6cqw,19px);font-weight:600}.ocr-panel-heading>span{font-size:clamp(9px,1.6cqw,12px);color:#4a5b49}.ocr-output{flex:1;min-height:0;background:#fff;border:1px solid #c2cec2;border-radius:4px;padding:4%;font-size:clamp(10px,2.1cqw,16px);line-height:1.5}.ocr-output p{margin:0 0 8px}.ocr-output p:last-child{margin-bottom:0}.ocr-typo{background:#ffe5b3;animation:ocr-typo 12s steps(1,end) infinite}.ocr-corrected{animation:ocr-corrected 12s steps(1,end) infinite;background:#d1e9df}.ocr-panel>small{font-size:clamp(9px,1.5cqw,12px);color:#465643}.ocr-actions{display:flex;justify-content:flex-end;align-items:center;gap:15px;font-size:clamp(10px,1.8cqw,14px)}.ocr-actions strong{background:#0f6e68;color:white;border-radius:5px;padding:8px 15px;font-weight:500}.ocr-copied{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);background:#edf2e8;color:#183d30;border-radius:6px;padding:8px 12px;font-size:clamp(10px,1.8cqw,14px);white-space:nowrap;z-index:5;animation:ocr-copied 12s infinite}.ocr-demo figcaption{position:relative;min-height:38px!important;padding-top:8px;padding-bottom:8px}.ocr-demo figcaption>span{position:absolute;left:9px;right:9px;font-size:14px;line-height:1.5}.ocr-caption-select{animation:ocr-caption-select 12s infinite}.ocr-caption-review{animation:ocr-caption-review 12s infinite}.ocr-caption-copy{animation:ocr-caption-copy 12s infinite}.ocr-limits{font-size:15px;line-height:1.7;max-width:840px;margin:14px auto 0;color:#c1cfc4}.ocr-limits strong{font-weight:500;color:#edebe6}.shot-trust{background:#12201b;padding:35px 0}.trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:22px}.trust-grid h3{font-size:22px;font-weight:500;margin:0 0 12px}.trust-grid p{font-size:16px;line-height:1.7;color:#c0d0c3;margin:0}.shot-permissions{padding-top:40px;padding-bottom:40px}.shot-permissions h2{font-size:42px;margin:17px 0 25px}.shot-permissions dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.shot-permissions dt{font-size:19px;font-weight:500;color:#edebe6}.shot-permissions dd{font-size:16px;line-height:1.6;color:#bbc7b6;margin:10px 0 0}.shot-permissions>p{font-size:16px;line-height:1.65;margin:24px 0 0;color:#cad4c6}
@keyframes ocr-area{0%,4%{opacity:0;clip-path:inset(0 100% 100% 0)}7%{opacity:1;clip-path:inset(0 100% 100% 0)}20%,90%{opacity:1;clip-path:inset(-28px -4px -4px -4px)}98%,100%{opacity:0;clip-path:inset(-28px -4px -4px -4px)}}
@keyframes ocr-review{0%,23%{opacity:0;transform:translateY(5px)}28%,92%{opacity:1;transform:none}99%,100%{opacity:0;transform:none}}
@keyframes ocr-typo{0%,49%{display:inline}50%,100%{display:none}}
@keyframes ocr-corrected{0%,49%{display:none}50%,100%{display:inline}}
@keyframes ocr-copied{0%,77%{opacity:0}81%,93%{opacity:1}99%,100%{opacity:0}}
@keyframes ocr-caption-select{0%,23%{opacity:1}25%,100%{opacity:0}}
@keyframes ocr-caption-review{0%,24%{opacity:0}26%,77%{opacity:1}79%,100%{opacity:0}}
@keyframes ocr-caption-copy{0%,78%{opacity:0}80%,97%{opacity:1}100%{opacity:0}}
.static-demo .ocr-selection{opacity:1;clip-path:none;animation:none!important}.static-demo .ocr-panel{opacity:1;transform:none;animation:none!important}.static-demo .ocr-typo{display:none;animation:none!important}.static-demo .ocr-corrected{display:inline;animation:none!important}.static-demo .ocr-copied{opacity:1;animation:none!important}.static-demo .ocr-caption-select,.static-demo .ocr-caption-review{opacity:0}.static-demo .ocr-caption-copy{opacity:1}
@media(max-width:800px){.hero h1.shot-new-title{font-size:clamp(45px,9.8vw,68px)}.ocr-section{padding:32px 0}.ocr-document{left:6%;right:6%;width:auto;top:20%;padding:4%;height:61%;overflow:hidden}.ocr-document>span{font-size:2.4cqw}.ocr-document h3{font-size:5.5cqw;margin:3% 0}.ocr-document p{font-size:3.2cqw;margin:3% 0}.ocr-selection{left:8%;width:83%;top:25%;height:43%}.ocr-selection>span{font-size:2.4cqw;top:-18px;padding:2px 5px}.ocr-panel{left:7%;right:7%;top:19%;bottom:15%;padding:3%;gap:4px;border-radius:5px}.ocr-panel-heading{gap:2px}.ocr-panel-heading>strong{font-size:3.4cqw}.ocr-panel-heading>span{font-size:2.5cqw}.ocr-output{padding:3%;font-size:3cqw;line-height:1.35}.ocr-output p{margin-bottom:4px}.ocr-panel>small{font-size:2.5cqw}.ocr-actions{font-size:2.8cqw;gap:12px}.ocr-actions strong{padding:4px 10px}.ocr-copied{bottom:3%;padding:4px 8px;font-size:2.6cqw}.ocr-demo figcaption>span{font-size:13px}.ocr-limits{font-size:15px;margin-top:10px}.trust-grid{grid-template-columns:1fr;gap:24px}.shot-trust{padding:28px 0}.shot-permissions{padding-top:32px;padding-bottom:32px}.shot-permissions h2{font-size:36px}.shot-permissions dl{grid-template-columns:1fr;gap:20px}.shot-permissions dd{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.ocr-demo:not(.motion-enabled) *{animation:none!important}.ocr-demo:not(.motion-enabled) .ocr-panel{opacity:1;transform:none}.ocr-demo:not(.motion-enabled) .ocr-typo{display:none}.ocr-demo:not(.motion-enabled) .ocr-corrected{display:inline}}
.ocr-word{display:inline-grid}.ocr-word>span{grid-area:1/1}
@keyframes ocr-typo{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes ocr-corrected{0%,49%{opacity:0}50%,100%{opacity:1}}
.static-demo .ocr-corrected{opacity:1}.static-demo .ocr-typo{opacity:0}
@media(max-width:800px){.ocr-selection{top:29%}.ocr-panel{padding:2%;gap:2px}.ocr-panel-heading>strong{font-size:clamp(11px,3.4cqw,14px)}.ocr-panel-heading>span{font-size:clamp(8px,2.5cqw,11px)}.ocr-output{font-size:clamp(9px,3cqw,12px)}.ocr-panel>small{font-size:clamp(8px,2.5cqw,10px)}.ocr-actions{font-size:clamp(9px,2.8cqw,12px)}.ocr-copied{font-size:clamp(9px,2.6cqw,12px)}}
.annotation-tools .tool-ocr{font-size:clamp(9px,1.45cqw,12px);line-height:1.1;padding-left:6px;border-left:1px solid #718478;max-width:65px;white-space:normal}
@media(max-width:800px){.annotation-tools .tool-ocr{font-size:9px;max-width:42px;padding-left:5px}}
.use-families a{display:inline-flex;align-items:center;min-height:32px;text-decoration:underline;text-underline-offset:4px}