@import url("../shared.css");
.hero-copy{max-width:610px}
.session-match-art .session-list{position:absolute;top:16%;left:5%;width:64%;overflow:hidden;border:1px solid #2a2a2d;border-radius:10px;background:#09090b;box-shadow:0 24px 65px rgba(0,0,0,.42)}
.session-list>header{display:flex;height:48px;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #222226}.session-list>header strong{color:#c9c9cc;font-size:12px;font-weight:640}.session-list>header span{color:#67676d;font-size:11px}
.session-list article{position:relative;display:grid;min-height:70px;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px 14px;border-bottom:1px solid #1e1e22;color:#727278}.session-list article:last-child{border-bottom:0}.session-list article>i{display:grid;width:32px;height:32px;border:1px solid #303036;border-radius:8px;background:#111115;color:#8a8a91;font-size:10px;font-style:normal;font-weight:680;place-items:center}.session-list article strong,.session-list article small{display:block}.session-list article strong{color:#a9a9ae;font-size:12px;font-weight:610}.session-list article small{margin-top:4px;color:#5f5f66;font-size:11px}.session-list article>b{color:#aa94ed;font-size:11px;font-weight:690;opacity:0}
.session-list .matched-session{z-index:2;border-color:rgba(165,139,242,.54);background:linear-gradient(90deg,rgba(129,102,232,.11),rgba(129,102,232,.025));box-shadow:inset 3px 0 0 var(--purple),0 0 28px rgba(129,102,232,.08);animation:sessionFound 4.2s ease-in-out infinite}.session-list .matched-session>i{border-color:#66558f;color:#c0b1eb}.session-list .matched-session strong{color:#ededf0}.session-list .matched-session>b{animation:matchReveal 4.2s ease-in-out infinite}
.evidence-shot{position:absolute;right:5%;bottom:12%;z-index:5;width:42%;overflow:hidden;border:1px solid #37313f;border-radius:10px;background:#0a090c;box-shadow:0 24px 70px #000;transform:rotate(1.5deg)}.evidence-shot>header{padding:13px 14px;border-bottom:1px solid #242128}.evidence-shot>header strong,.evidence-shot>header small{display:block}.evidence-shot>header strong{color:#dddde0;font-size:12px;font-weight:630}.evidence-shot>header small{margin-top:4px;color:#656269;font-size:11px}.shot-ui{position:relative;height:128px;padding:20px;background:linear-gradient(145deg,#151419,#09090b)}.shot-ui>i{display:block;width:42%;height:7px;border-radius:8px;background:#39363e}.shot-ui>span{display:inline-block;width:29%;height:55px;margin:20px 3% 0 0;border:1px solid #302e34;border-radius:5px;background:#111014}.scan-line{position:absolute;top:47px;right:0;left:0;z-index:4;height:1px;background:linear-gradient(90deg,transparent,var(--purple),transparent);box-shadow:0 0 13px var(--purple);animation:evidenceScan 4.2s ease-in-out infinite}
.match-path{position:absolute;top:48%;right:33%;left:40%;z-index:4;height:1px;background:linear-gradient(90deg,var(--purple),rgba(165,139,242,.16));box-shadow:0 0 10px rgba(165,139,242,.45);transform:rotate(9deg);transform-origin:left}.match-path::after{position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--purple);box-shadow:0 0 15px var(--purple);content:"";animation:pathTravel 4.2s ease-in-out infinite}
@keyframes evidenceScan{0%,12%{top:47px;opacity:0}22%{opacity:1}62%{top:94%;opacity:1}72%,100%{top:94%;opacity:0}}@keyframes pathTravel{0%,48%{left:96%;opacity:0}58%{opacity:1}82%{left:0;opacity:1}92%,100%{left:0;opacity:0}}@keyframes sessionFound{0%,64%,100%{border-color:rgba(165,139,242,.2);box-shadow:inset 3px 0 0 rgba(165,139,242,.38)}76%,92%{border-color:rgba(165,139,242,.7);box-shadow:inset 3px 0 0 var(--purple),0 0 30px rgba(129,102,232,.15)}}@keyframes matchReveal{0%,68%,100%{opacity:0;transform:translateX(5px)}78%,94%{opacity:1;transform:none}}
@media(max-width:620px){.session-match-art .session-list{top:10%;left:2%;width:76%}.session-list article{min-height:62px;grid-template-columns:31px minmax(0,1fr);padding:8px 10px}.session-list article>b{display:none}.evidence-shot{right:1%;bottom:7%;width:49%}.shot-ui{height:105px;padding:15px}.shot-ui>span{height:43px}.match-path{right:35%;left:43%}}