.insights{max-width:1100px;padding-top:48px;padding-bottom:70px}
.insights-heading{margin-bottom:42px}
.insights-heading .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:23px;color:#a8acb1;font-size:10px;letter-spacing:.15em}
.insights-heading .eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--red)}
.insights-heading h1{max-width:1100px;font-size:clamp(40px,6vw,80px);line-height:1.04;font-weight:800;letter-spacing:-.057em;text-wrap:balance}
.insights-comparison{width:100%;max-width:800px;margin-inline:auto}
.comparison-topline{display:flex;justify-content:space-between;gap:20px;padding:0 0 14px;font:10px/1.5 Consolas,monospace;text-transform:uppercase;letter-spacing:.11em;color:#aeb3bc}
.image-comparison{position:relative;aspect-ratio:4/3;isolation:isolate;background:#15151b;user-select:none;touch-action:pan-y}
.comparison-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.comparison-thermal{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split));pointer-events:none}
.thermal-annotations{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;color:#fcf9ff;fill:none;stroke:currentColor;stroke-width:.8;filter:drop-shadow(0 1px 2px #100528)}
.scan-circles{opacity:.6;stroke-dasharray:4 5}
.scan-leaders{opacity:.85}
.scan-leaders circle{fill:#fcf9ff;stroke:none}
.thermal-annotations text{fill:#fcf9ff;stroke:none;font:6.7px Consolas,monospace;letter-spacing:.7px}
.comparison-corners{position:absolute;inset:13px;pointer-events:none;color:#ffffff9c}
.comparison-corners i{position:absolute;width:18px;height:18px;border:1px solid currentColor}
.comparison-corners i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}
.comparison-corners i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}
.comparison-corners i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}
.comparison-corners i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}
.comparison-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;transform:translateX(-50%);background:#fff;box-shadow:0 0 12px #0006;pointer-events:none}
.comparison-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border:1px solid #ffffffad;border-radius:50%;background:#15131ce6;box-shadow:0 3px 18px #0005;color:#fff;transition:background .2s,box-shadow .2s}
.comparison-handle svg{width:32px;height:20px;stroke-width:1.5}
.comparison-range{position:absolute;inset:0 -22px;width:calc(100% + 44px);height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.image-comparison:has(.comparison-range:focus-visible){outline:2px solid #fff;outline-offset:6px}
.image-comparison:has(.comparison-range:focus-visible) .comparison-handle,.image-comparison.is-dragging .comparison-handle{background:#31223f;box-shadow:0 0 0 6px #ffffff24}
.comparison-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;color:#a8acb1}
.comparison-caption p{display:flex;align-items:center;gap:11px;font-size:12px}
.comparison-caption svg{width:23px;height:16px;flex:none;stroke:#dbdce1}
.comparison-id{font:9px/1.5 Consolas,monospace;letter-spacing:.1em;white-space:nowrap;color:#777d87}
@media(min-width:1500px){.insights{max-width:1200px}.insights-heading h1{font-size:86px}}
@media(max-width:650px){
  .insights{padding-top:34px;padding-bottom:42px}
  .insights-heading{margin-bottom:30px}
  .insights-heading .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:20px}
  .insights-heading h1{font-size:clamp(33px,9vw,55px);line-height:1.08;letter-spacing:-.05em;text-wrap:initial}
  .comparison-topline{font-size:8px;letter-spacing:.04em;padding-bottom:11px;gap:12px}
  .comparison-handle{width:44px;height:44px}
  .comparison-handle svg{width:28px}
  .comparison-corners{inset:9px}
  .comparison-corners i{width:12px;height:12px}
  .comparison-caption{align-items:flex-start;flex-direction:column;gap:13px;padding-top:17px}
  .comparison-caption p{font-size:11px;gap:9px}
  .comparison-id{font-size:8px}
}