/* Equipment, camera images and outcomes share the same visual weight. */
.vision-examples .field-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:38px}
.vision-examples .field-tabs button{padding:0;min-width:0;overflow:hidden;text-align:left;border:1px solid #344f5e;border-radius:0;background:#101b23;color:#e1ebef;transition:border-color .2s,background .2s}
.vision-examples .field-tabs button>img{display:block;width:100%;height:auto;aspect-ratio:1.85;object-fit:cover;filter:saturate(.75);transition:filter .3s}
.vision-examples .field-tabs button>span{display:block;position:relative;padding:17px 18px 18px}
.vision-examples .field-tabs strong{display:block;font-size:18px;font-weight:500;letter-spacing:-.025em}
.vision-examples .field-tabs small{display:block;font-size:11px;line-height:1.7;margin-top:8px;color:#95adba}
.vision-examples .field-tabs i{position:absolute;right:18px;top:18px;font-size:18px;font-style:normal}
.vision-examples .field-tabs button[aria-pressed=true]{border-color:#b9e6f6;background:#b9e6f6;color:#0a2533}
.vision-examples .field-tabs button[aria-pressed=true] small{color:#315b6e}
.vision-examples .field-tabs button:hover{border-color:#b9e6f6}
.vision-examples .field-tabs button:hover>img,.vision-examples .field-tabs button[aria-pressed=true]>img{filter:none}
.vision-examples .field-story{margin-top:38px;grid-template-columns:1.12fr 1fr;gap:38px;align-items:center}
.vision-examples .field-story[hidden]{display:none}
.field-equipment{position:relative;overflow:hidden;background:#10212c}
.vision-examples .field-equipment>img{display:block;width:100%;aspect-ratio:1.15;object-fit:cover}
.field-equipment:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#07162345,transparent 32%,transparent 75%,#06121bd4)}
.equipment-tag{position:absolute;z-index:1;left:20px;top:20px;background:#0b2432d9;color:#e4f8ff;border:1px solid #9dc8d478;backdrop-filter:blur(10px);padding:10px 13px;font-size:12px;line-height:1.5}
.field-equipment>small{position:absolute;z-index:1;bottom:20px;left:20px;color:#d3e4ed;font-size:10px;letter-spacing:.04em}
.vision-route{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#12242f;border-bottom:1px solid #2d4b5c;padding:21px 18px;color:#d0e4ed}
.vision-route span{font-size:12px;line-height:1.6}.vision-route b{display:block;font-size:9px;color:#73a9c1;font-weight:400;letter-spacing:.1em;margin-bottom:5px}.vision-route i{font-size:13px;color:#6994a9;font-style:normal}
.field-console{min-width:0}.field-console>.eyebrow{color:#85adc1;font-size:10px;letter-spacing:.08em}
.field-console h3{font-size:clamp(24px,2.3vw,35px);line-height:1.5;font-weight:500;letter-spacing:-.04em;margin:18px 0 15px}
.vision-lead{font-size:13px;line-height:1.95;color:#aebfc9;margin:0 0 23px}
.vision-screen{border:1px solid #3c5968;background:#10232f;overflow:hidden}
.vision-screen-head{padding:12px 14px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.vision-screen-head>span{font-size:10px;line-height:1.6;display:flex;align-items:center;gap:7px}.vision-screen-head i{display:block;width:5px;height:5px;border-radius:50%;background:#a1e6d3;flex-shrink:0}.vision-screen-head>small{font-size:9px;color:#8ba8b7;white-space:nowrap}
.vision-feed{position:relative;aspect-ratio:1672/941;overflow:hidden;background:#19282d}
.vision-feed>img{width:100%;height:100%;object-fit:contain;display:block}
.vision-feed:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 30px #06233730}
.vision-box{position:absolute;border:1.5px solid #b0f0d8;background:#3ca69a08;opacity:1;transition:opacity .25s}
.vision-box>b{position:absolute;bottom:100%;left:-1.5px;font-size:9px;line-height:1.5;white-space:nowrap;font-weight:500;background:#b0f0d8;color:#0d332e;padding:3px 5px}
.part-ok{left:34%;top:32%;width:24%;height:26%}.part-check{left:55%;top:46%;width:25%;height:29%;border-color:#ffc486}.part-check>b{background:#ffc486}
.tomato-red{left:4%;top:35%;width:25%;height:48%}.tomato-green{left:3%;top:5%;width:21%;height:24%;border-color:#c4d9f1}.tomato-green>b{background:#c4d9f1}
.egg-clean{left:13%;top:11%;width:23%;height:32%}.egg-dirt{left:39%;top:11%;width:22%;height:32%;border-color:#ffd185}.egg-dirt>b{background:#ffd185}.egg-crack{left:39%;top:54%;width:22%;height:34%;border-color:#efb3ad}.egg-crack>b{background:#efb3ad}
.vision-scan{position:absolute;z-index:2;left:0;right:0;top:10%;height:2px;background:#b1edff;box-shadow:0 -10px 28px #46c3ed;animation:vision-sweep 3.6s ease-in-out infinite;pointer-events:none}
@keyframes vision-sweep{0%,100%{top:10%;opacity:.5}50%{top:92%;opacity:.9}}
.vision-metrics{display:flex;gap:20px;padding:13px 16px;background:#10232f}
.vision-metrics>div{display:flex;align-items:center;gap:9px;min-width:0}.vision-metrics strong{font-family:Manrope,sans-serif;font-size:21px;font-weight:400;color:#b9e6f6;letter-spacing:-.05em}.vision-metrics span{font-size:9px;color:#99b4c3;line-height:1.5}
.vision-story[data-vision-step="0"] .vision-box{opacity:0}.vision-story[data-vision-step="0"] .vision-metrics{opacity:.25}
.vision-story:not([data-vision-step="1"]) .vision-scan{display:none}
.vision-story[data-vision-step="2"] .vision-screen{border-color:#b0f0d8}
.vision-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px}
.vision-steps button{display:flex;gap:7px;align-items:center;justify-content:center;min-height:44px;padding:10px 5px;border:1px solid #3c5968;color:#a5bdc9;font-size:11px;background:transparent;white-space:nowrap}
.vision-steps button>span{font-size:9px;opacity:.7}
.vision-steps button[aria-pressed=true]{background:#b9e6f6;border-color:#b9e6f6;color:#0a2634}
.vision-steps button:hover{border-color:#b9e6f6}
.vision-status{font-size:12px;line-height:1.8;color:#b1cdd9;min-height:3.6em;margin:14px 0 0}
.vision-examples .field-caption{font-size:11px;line-height:1.9;color:#7f9aa9;margin:12px 0 0}
.vision-examples #field-restaurant .field-story-image>img{aspect-ratio:1.15;display:block}
.vision-examples button:focus-visible{outline:2px solid #e3f8ff;outline-offset:4px}
@media(min-width:1500px){.vision-examples .field-equipment>img,.vision-examples #field-restaurant .field-story-image>img{aspect-ratio:1.25}.vision-lead{font-size:15px}.vision-status{font-size:13px}}
@media(max-width:1050px){.vision-examples .field-story{gap:25px;grid-template-columns:1fr 1fr}.vision-examples .field-tabs{gap:9px}.vision-examples .field-tabs button>span{padding:14px 12px}.vision-examples .field-tabs strong{font-size:16px}.vision-examples .field-tabs small{font-size:10px}.vision-examples .field-tabs i{right:12px;top:15px;font-size:14px}.vision-route{padding:18px 12px;gap:5px}.vision-route span{font-size:10px}.vision-metrics{gap:12px;padding:12px}.vision-screen-head{padding:11px 10px}.vision-screen-head>span{font-size:9px}.vision-screen-head>small{font-size:8px}.field-console h3{font-size:26px}.vision-box>b{font-size:8px}}
@media(max-width:760px){.vision-examples .field-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.vision-examples .field-tabs button>img{aspect-ratio:1.9}.vision-examples .field-tabs button>span{padding:14px}.vision-examples .field-tabs strong{font-size:17px}.vision-examples .field-tabs small{font-size:10px;margin-top:5px}.vision-examples .field-tabs i{right:13px;top:15px}.vision-examples .field-story{grid-template-columns:1fr;gap:28px;margin-top:26px}.vision-examples .field-equipment>img,.vision-examples #field-restaurant .field-story-image>img{aspect-ratio:1.5}.equipment-tag{font-size:11px;left:14px;top:14px;padding:8px 10px}.field-equipment>small{left:14px;bottom:14px;font-size:9px}.vision-route{padding:18px 15px}.vision-route span{font-size:11px}.field-console h3{font-size:27px;margin:14px 0}.vision-lead{font-size:14px;margin-bottom:21px}.vision-screen-head>span{font-size:10px}.vision-screen-head>small{font-size:9px}.vision-metrics{gap:16px}.vision-metrics strong{font-size:23px}.vision-metrics span{font-size:10px}.vision-steps{gap:8px}.vision-steps button{font-size:12px;padding:12px 6px}.vision-steps button>span{font-size:9px}.vision-status{min-height:3.6em;font-size:12px}.vision-box>b{font-size:8px}.vision-examples .field-caption{font-size:11px}}
@media(max-width:370px){.vision-examples .field-tabs{gap:9px}.vision-examples .field-tabs button>span{padding:12px 10px}.vision-examples .field-tabs strong{font-size:15px}.vision-examples .field-tabs small{font-size:9px}.vision-examples .field-tabs i{right:10px;top:12px}.field-console h3{font-size:24px}.vision-screen-head>span{font-size:8px}.vision-screen-head>small{font-size:8px}.vision-metrics{gap:10px}.vision-metrics strong{font-size:20px}.vision-metrics span{font-size:8px}.vision-steps{gap:5px}.vision-steps button{font-size:10px;gap:5px}.vision-route span{font-size:9px}.vision-route{padding:16px 12px}.vision-box>b{font-size:7px;padding:2px 4px}}
@media(prefers-reduced-motion:reduce){.vision-scan{animation:none;top:50%}.vision-box,.vision-examples .field-tabs button,.vision-examples .field-tabs img{transition:none}}
.motion-off .vision-scan{animation:none;top:50%}

.field-console h3>span{display:inline-block}

.range-hero h1 .phrase{display:inline-block}