.journey-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;position:relative}.journey-pipeline:before{content:"";position:absolute;left:8%;right:8%;top:28px;height:1px;opacity:.65}.step{position:relative;min-width:0;min-height:400px!important;background:linear-gradient(150deg,#1b1b1b,#131313);border:1px solid rgb(255 255 255 / .12);border-radius:16px;padding:18px 16px 17px;overflow:hidden;animation:cardGlow 8s infinite;animation-delay:var(--delay)}.step:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgb(242 186 114 / .055) 48%,transparent 68%);transform:translateX(-120%);animation:sweep 8s infinite;animation-delay:var(--delay)}.step-head{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.num{height:22px;width:22px;border:1px solid rgb(242 186 114 / .65);border-radius:50%;display:grid;place-items:center;color:var(--hl-gold);font-size:10px;font-weight:800;background:#17130e;flex:0 0 auto}.step h2{font-size:13px;margin:0;font-weight:650;letter-spacing:-.01em}.visual{height:172px;margin:18px 0 15px;display:grid;place-items:center;position:relative;border-radius:10px;background:radial-gradient(ellipse at 50% 45%,rgb(242 186 114 / .08),transparent 65%),#111;border:1px solid rgb(255 255 255 / .06);overflow:hidden}.caption{font-size:.75rem;color:#a6a6a6;min-height:34px;margin:0}.state{display:flex;align-items:center;gap:7px;font-size:.8rem;color:var(--hl-gold);font-weight:650;margin-top:13px;margin-bottom:20px}.dot{height:6px;width:6px;border-radius:50%;background:var(--hl-gold);box-shadow:0 0 12px rgb(242 186 114 / .7);animation:pulse 1.6s ease-in-out infinite}.doc{width:112px;height:140px;background:#f5f2eb;border-radius:5px;position:relative;padding:13px 10px;color:#222;box-shadow:0 8px 28px #0008;transform:rotate(-3deg);animation:docFloat 3s ease-in-out infinite}.doc-top{height:6px;width:45px;background:#d6a15e;border-radius:2px;margin-bottom:12px}.doc-photo{width:30px;height:39px;background:linear-gradient(140deg,#d5d9d9,#9ba4a5);border-radius:2px;float:left;margin-right:7px;position:relative;overflow:hidden}.doc-photo:before{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#737b7e;left:9px;top:6px}.doc-photo:after{content:"";position:absolute;width:23px;height:17px;border-radius:12px 12px 2px 2px;background:#737b7e;left:3px;top:22px}.doc-lines{display:grid;gap:5px;padding-top:2px}.doc-lines i{height:3px;background:#bfc3c2;border-radius:3px;display:block}.doc-lines i:nth-child(2){width:70%}.doc-lines i:nth-child(3){width:84%}.doc-bottom{clear:both;padding-top:10px;display:grid;gap:5px}.doc-bottom i{height:3px;background:#aeb3b2;display:block;border-radius:2px}.doc-bottom i:nth-child(2){width:72%}.scan-frame{position:absolute;inset:20px 24px;border:1px solid rgb(242 186 114 / .4);border-radius:6px}.scan-frame:before,.scan-frame:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--hl-gold);border-style:solid}.scan-frame:before{left:-1px;top:-1px;border-width:2px 0 0 2px}.scan-frame:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.scan-line{position:absolute;left:18px;right:18px;height:2px;top:12%;background:var(--hl-gold);box-shadow:0 0 15px 3px #f2ba724d;animation:scan 2.2s ease-in-out infinite}.crosshair{position:absolute;width:26px;height:26px;border:1px solid var(--hl-gold);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.7}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--hl-gold);opacity:.7}.crosshair:before{width:38px;height:1px;left:-7px;top:12px}.crosshair:after{height:38px;width:1px;left:12px;top:-7px}.face{height:120px;width:82px;border-radius:48% 48% 42% 42%;background:linear-gradient(135deg,#e4c7a7,#a77d61);position:relative;box-shadow:inset -10px -3px 0 #77574333;animation:faceMove 4s ease-in-out infinite}.face:before{content:"";position:absolute;left:13px;right:13px;top:43px;height:2px;background:#46382e;box-shadow:0 18px 0 -.2px #46382e}.face:after{content:"";position:absolute;width:35px;height:22px;border-bottom:3px solid #795341;border-radius:50%;left:24px;top:72px}.face-hair{position:absolute;width:84px;height:37px;left:50%;top:-3px;transform:translateX(-50%);border-radius:48px 48px 14px 12px;background:#39302a;z-index:1}.face-ring{position:absolute;width:132px;height:150px;border:1px dashed #f2ba7277;border-radius:50%;animation:ring 6s linear infinite}.face-tag{position:absolute;bottom:8px;left:8px;font-size:9px;color:var(--hl-gold);letter-spacing:.08em}.result-icon{width:54px;height:54px;border-radius:50%;border:1px solid rgb(75 211 154 / .6);display:grid;place-items:center;color:#4bd39a;background:#10231b;box-shadow:0 0 32px #4bd39a1a;animation:successPop 8s infinite;animation-delay:var(--delay)}.result-icon svg{width:25px;height:25px}.result-lines{position:absolute;left:18px;right:18px;bottom:18px;display:grid;gap:7px}.result-lines i{height:4px;border-radius:4px;background:#ffffff1c;display:block}.result-lines i:nth-child(2){width:72%;margin:auto}.result-lines i:nth-child(3){width:46%;margin:auto;background:#4bd39a66}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.metric{border-top:1px solid rgb(255 255 255 / .12);padding-top:9px;text-align:center}.metric strong{font-size:13px;color:var(--hl-white);font-weight:650}.metric span{display:block;font-size:9px;color:#858585;margin-top:2px}@keyframes scan{0%,100%{top:12%;opacity:.35}50%{top:83%;opacity:1}}@keyframes docFloat{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-5px)}}@keyframes faceMove{0%,100%{transform:translateX(-2px) rotate(-1deg)}50%{transform:translateX(2px) rotate(1deg)}}@keyframes ring{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}@keyframes cardGlow{0%,12%,100%{border-color:rgb(255 255 255 / .12);box-shadow:none}4%,9%{border-color:#f2ba7288;box-shadow:0 0 28px #f2ba7210}}@keyframes sweep{0%,12%,100%{transform:translateX(-120%)}7%{transform:translateX(120%)}}@keyframes successPop{0%,72%,100%{transform:scale(.88);opacity:.55}78%,90%{transform:scale(1);opacity:1}}.step:nth-child(1){--delay:0s}.step:nth-child(2){--delay:2s}.step:nth-child(3){--delay:4s}.step:nth-child(4){--delay:6s}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}@media (max-width:760px){.journey-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-pipeline:before{display:none}.visual{height:150px}}@media (max-width:440px){.demo{padding:22px 14px}.journey-pipeline{grid-template-columns:1fr}.step{padding:16px}.visual{height:155px}}