/* Stitch-inspired analysis stage, wired to measured progress and the user's own photo. */
.page-lookalike #analysis{max-width:520px;margin:10px auto 0!important;color:#241d1b}
.page-lookalike .scan-stage-head{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;margin-bottom:19px}
.page-lookalike .scan-stage-head>div{text-align:center}
.page-lookalike .scan-eyebrow{display:block;color:#b6452b;font-size:12px;font-weight:900;letter-spacing:.08em}
.page-lookalike .scan-stage-head h2{margin:3px 0 0;color:#241d1b;font-size:21px;font-weight:900;letter-spacing:-.04em}
.page-lookalike .scan-stage-head h2:focus{outline:0!important}
.page-lookalike .scan-back{width:42px;height:42px;border:0;border-radius:50%;background:#f0eeeb;color:#312521;font-size:23px;cursor:pointer}
.page-lookalike .scan-percent-badge{display:grid;min-width:51px;min-height:30px;place-items:center;padding:4px 9px;border-radius:999px;background:#ffdad2;color:#a43b23;font-size:12px;font-weight:900;white-space:nowrap}
.page-lookalike .analysis-card{display:flex;flex-direction:column;gap:16px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
.page-lookalike .scanner{position:relative;width:min(100%,344px)!important;height:auto!important;aspect-ratio:1/1;margin:0 auto 2px!important;overflow:hidden;border:8px solid #fff;border-radius:28px!important;background:#eee4df;box-shadow:0 16px 32px #45312b22!important}
.page-lookalike .scanner img{width:100%;height:100%;border-radius:20px!important;object-fit:cover}
.page-lookalike .scanner:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#ff79591f,transparent 45%,#ff76592b)}
.page-lookalike .scanner-frame{z-index:3;inset:14px!important;border:0!important;border-radius:15px!important;background:linear-gradient(#ff5c38,#ff5c38) left top/27px 2px no-repeat,linear-gradient(#ff5c38,#ff5c38) left top/2px 27px no-repeat,linear-gradient(#ff5c38,#ff5c38) right top/27px 2px no-repeat,linear-gradient(#ff5c38,#ff5c38) right top/2px 27px no-repeat,linear-gradient(#ff5c38,#ff5c38) left bottom/27px 2px no-repeat,linear-gradient(#ff5c38,#ff5c38) left bottom/2px 27px no-repeat,linear-gradient(#ff5c38,#ff5c38) right bottom/27px 2px no-repeat,linear-gradient(#ff5c38,#ff5c38) right bottom/2px 27px no-repeat}
.page-lookalike .scan-orbit{position:absolute;z-index:2;width:53%;aspect-ratio:1;top:23%;left:23.5%;border:1px dashed #ff5c3899;border-radius:50%;box-shadow:0 0 0 13px #ff5c381c,0 0 0 27px #ff5c380e;pointer-events:none;animation:scan-orbit 9s linear infinite}
.page-lookalike .scan-mesh{position:absolute;z-index:3;inset:13% 17% 14%;width:66%;height:73%;overflow:visible;filter:drop-shadow(0 0 5px #ff5c3870);pointer-events:none}
.page-lookalike .scan-mesh-face,.page-lookalike .scan-mesh-feature{fill:none;stroke:#ff7254;stroke-width:.55;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.page-lookalike .scan-mesh-face{stroke-dasharray:8 5;animation:scan-mesh-dash 5.5s linear infinite}
.page-lookalike .scan-mesh-feature{opacity:.72;stroke-dasharray:4 4;animation:scan-mesh-dash 4s linear infinite reverse}
.page-lookalike .scan-mesh-points circle{fill:#fff;stroke:#ff5c38;stroke-width:.55;transform-box:fill-box;transform-origin:center;animation:scan-point 1.45s ease-in-out infinite}
.page-lookalike .scan-mesh-points circle:nth-child(3n+2){animation-delay:.24s}.page-lookalike .scan-mesh-points circle:nth-child(3n){animation-delay:.48s}
.page-lookalike .scan-node{position:absolute;z-index:4;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#ff5c38;box-shadow:0 0 12px #ff5c38;pointer-events:none;animation:scan-node 1.35s ease-in-out infinite}
.page-lookalike .scan-node-two{animation-delay:.3s}.page-lookalike .scan-node-three{animation-delay:.6s}
.page-lookalike .scan-node-one{top:42%;left:35%}.page-lookalike .scan-node-two{top:42%;right:35%}.page-lookalike .scan-node-three{top:59%;left:calc(50% - 4px)}
.page-lookalike .scan-line{z-index:5;left:15px!important;right:15px!important;height:3px!important;background:linear-gradient(90deg,transparent,#ff5c38,transparent)!important;box-shadow:0 0 13px #ff5c38b8!important;animation:stitch-scan 2.25s ease-in-out infinite!important}
.page-lookalike .scan-line span{position:absolute;right:4%;bottom:3px;left:4%;height:48px;background:linear-gradient(180deg,transparent,#ff5c3826);clip-path:polygon(0 100%,100% 100%,90% 0,10% 0)}
.page-lookalike .scan-photo-chip{position:absolute;z-index:5;right:17px;bottom:17px;left:17px;width:max-content;max-width:calc(100% - 34px);margin:auto;padding:7px 13px;border:1px solid #ffffffb3;border-radius:999px;background:#fffcf0e0;color:#9b3e28;font-size:12px;font-weight:850;text-align:center;box-shadow:0 3px 10px #3e2b212b}
.page-lookalike .scan-progress-card,.page-lookalike .scan-steps{padding:18px;border:1px solid #eee7e1;border-radius:20px;background:#fff;box-shadow:0 4px 13px #4a352812}
.page-lookalike .scan-progress-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.page-lookalike .scan-progress-heading>div{display:flex;align-items:center;gap:8px;min-width:0}
.page-lookalike .scan-progress-heading strong{font-size:17px;font-weight:900;letter-spacing:-.03em}
.page-lookalike .scan-live{display:inline-flex;align-items:center;min-height:21px;padding:2px 7px;border-radius:999px;background:#ffded5;color:#b43d24;font-size:10px;font-weight:950;letter-spacing:.05em;animation:scan-live 1.4s ease-in-out infinite}
.page-lookalike .progress-label{margin:0!important;color:#ff5c38!important;font-size:24px!important;font-weight:900!important;white-space:nowrap}
.page-lookalike .progress-track{height:11px!important;margin-top:12px;border-radius:999px;background:#efeeeb!important}
.page-lookalike .progress-bar{position:relative;overflow:hidden;background:linear-gradient(90deg,#ffb5a1,#ff5c38,#b52705)!important;transition:none!important;will-change:width}
.page-lookalike .progress-bar i{position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,#ffffff80 43%,transparent 66%);transform:translateX(-120%);animation:scan-progress-shine 1.5s linear infinite}
.page-lookalike .analysis-status{min-height:0!important;margin:10px 0 0!important;color:#766963!important;font-size:12px!important;line-height:1.45!important}
.page-lookalike .scan-steps h3{margin:0 0 11px;color:#705b53;font-size:12px;font-weight:900;letter-spacing:.06em}
.page-lookalike .scan-step{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:48px;padding:8px 10px;border-radius:12px;color:#8b817c;font-size:12px;font-weight:750}
.page-lookalike .scan-step+.scan-step{margin-top:4px}
.page-lookalike .scan-step[data-state="current"]{background:#fff0eb;color:#a83c26}
.page-lookalike .scan-step[data-state="done"]{background:#f7f5f2;color:#392d28}
.page-lookalike .scan-step-icon{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#efeeeb;color:#9c8880;font-size:15px}
.page-lookalike .scan-step[data-state="current"] .scan-step-icon,.page-lookalike .scan-step[data-state="done"] .scan-step-icon{background:#ff5c38;color:#fff}
.page-lookalike .scan-step-state{font-size:12px;font-weight:900;white-space:nowrap}
.page-lookalike .scan-privacy{margin:0;padding:15px 17px;border-radius:17px;background:#fff3ee;color:#76534a;font-size:12px;line-height:1.55}
@keyframes stitch-scan{0%,100%{top:12%;opacity:.48}50%{top:82%;opacity:1}}
@keyframes scan-orbit{to{transform:rotate(360deg)}}
@keyframes scan-mesh-dash{to{stroke-dashoffset:-52}}
@keyframes scan-point{0%,100%{opacity:.48;transform:scale(.72)}50%{opacity:1;transform:scale(1.4)}}
@keyframes scan-node{0%,100%{transform:scale(.76);box-shadow:0 0 6px #ff5c38}50%{transform:scale(1.28);box-shadow:0 0 17px #ff5c38}}
@keyframes scan-live{0%,100%{opacity:.62}50%{opacity:1}}
@keyframes scan-progress-shine{to{transform:translateX(120%)}}
@media(max-width:390px){.page-lookalike .scan-stage-head h2{font-size:18px}.page-lookalike .scan-progress-card,.page-lookalike .scan-steps{padding:15px}.page-lookalike .scan-step{font-size:12px}}
@media(prefers-reduced-motion:reduce){.page-lookalike .scan-line,.page-lookalike .scan-orbit,.page-lookalike .scan-mesh-face,.page-lookalike .scan-mesh-feature,.page-lookalike .scan-mesh-points circle,.page-lookalike .scan-node,.page-lookalike .scan-live,.page-lookalike .progress-bar i{animation:none!important}}
