/* Tool67 Hero showcase scanner — presentation only.
   Uses each page's existing Showcase pairs; completely separate from the AI Workbench. */
.t67-hc-card{box-sizing:border-box;width:min(100%,500px);aspect-ratio:1;min-width:0;justify-self:end;padding:11px;border:1px solid rgba(136,146,174,.22);border-radius:26px;background:rgba(255,255,255,.75);box-shadow:0 20px 52px rgba(25,33,61,.10);overflow:hidden}
.t67-hc-stage{position:relative;width:100%;height:100%;aspect-ratio:1;overflow:hidden;border-radius:18px;background:linear-gradient(130deg,#eef0f6,#e5e5ee);isolation:isolate}
.t67-hc-before,.t67-hc-after,.t67-hc-after img{position:absolute;inset:0;width:100%;height:100%}
.t67-hc-before,.t67-hc-after img{display:block;object-fit:cover;object-position:center}
.t67-hc-after{overflow:hidden;clip-path:inset(0 100% 0 0)}
.t67-hc-line{position:absolute;z-index:2;top:0;bottom:0;left:0;width:2px;background:#fff;box-shadow:0 0 1px #141b2a,0 0 16px rgba(255,255,255,.95),0 0 29px rgba(255,255,255,.65);pointer-events:none}
.t67-hc-stage.is-scanning .t67-hc-after{animation:t67HeroCompareReveal 6s ease-in-out both}
.t67-hc-stage.is-scanning .t67-hc-line{animation:t67HeroCompareLine 6s ease-in-out both}
@keyframes t67HeroCompareReveal{0%,8%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0 0 0 0)}92%,100%{clip-path:inset(0 100% 0 0)}}
@keyframes t67HeroCompareLine{0%,8%{left:0}50%{left:100%}92%,100%{left:0}}
.t67-hc-tag{position:absolute;z-index:3;top:13px;border-radius:99px;padding:7px 11px;background:rgba(19,25,35,.68);color:white;font:750 10px/1.15 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;box-shadow:0 3px 12px rgba(0,0,0,.10)}
.t67-hc-tag-before{left:13px}.t67-hc-tag-after{right:13px;background:rgba(98,75,198,.82)}
html[data-theme="dark"] .t67-hc-card,body.dark .t67-hc-card{background:#161d2a;border-color:#354156;box-shadow:0 18px 46px rgba(0,0,0,.27)}
@media(max-width:1100px){
 .ps-hero>.t67-hc-card,.pp-hero>.t67-hc-card,.ft-hero>.t67-hc-card,.ct-hero>.t67-hc-card{justify-self:center;width:min(100%,560px)}
}
/* Hide the comparison visual on phones; leave the Hero copy and Workbench intact. */
@media(max-width:767px){
 :is(.ps-hero,.pp-hero,.ft-hero,.ct-hero)>.t67-hc-card{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 .t67-hc-stage.is-scanning .t67-hc-after{animation:none;clip-path:inset(0 0 0 50%)}
 .t67-hc-stage.is-scanning .t67-hc-line{animation:none;left:50%}
}