.facial-preview{min-width:0;padding:clamp(16px,3vw,28px);border:1px solid #c7e7ed;border-radius:22px;background:linear-gradient(145deg,#f2fbff,#f1fff7);margin:18px 0}.facial-preview h3{font-size:clamp(24px,4vw,34px);line-height:1.15;margin:12px 0}.facial-preview p{font-size:16px;line-height:1.6}.facial-preview-scene{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(20px,7vw,65px);height:250px;margin:20px 0;background:radial-gradient(ellipse,#d6f5ed,transparent 70%);overflow:hidden}.facial-preview-person{width:105px;fill:#147aa0;animation:facial-approach 5s ease-in-out infinite}.facial-preview-person svg{width:100%;height:auto}.facial-preview-device{width:112px;padding:10px 8px;border:4px solid #243d4b;border-radius:17px;background:#112c3d;box-shadow:0 12px 24px #193c4926;flex-shrink:0;text-align:center}.facial-preview-camera{display:block;width:6px;height:6px;border-radius:50%;background:#86e7df;margin:0 auto 8px}.facial-preview-screen{position:relative;height:125px;display:grid;place-items:center;background:#defff4;color:#197b87;overflow:hidden;border-radius:4px}.facial-preview-scan{position:absolute;left:0;right:0;height:3px;background:#00af82;box-shadow:0 0 14px #00af82;animation:facial-scan 5s linear infinite}.facial-preview-check{position:absolute;background:#dcffef;color:#078351;opacity:0;animation:facial-confirm 5s infinite}.facial-preview-device small{font-size:8px;color:#d1ebe8;letter-spacing:1px}.facial-preview-status{position:absolute;bottom:0;text-align:center;font-size:13px;color:#176975}.facial-preview-benefits{display:grid;gap:13px}.facial-preview-benefits div{display:grid;gap:3px}.facial-preview-benefits strong{font-size:16px}.facial-preview-benefits span,.facial-preview-disclaimer{font-size:13px;line-height:1.5}.facial-preview-disclaimer{display:block;margin-top:18px;color:#536d79}.facial-preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.facial-preview-actions .button{min-width:0;white-space:normal;font-size:14px;padding:12px 16px;flex-basis:auto}.facial-preview-paused *{animation-play-state:paused!important}@keyframes facial-approach{0%,to{transform:translateX(-16px);opacity:.55}25%,85%{transform:translateX(0);opacity:1}}@keyframes facial-scan{0%,20%{top:8%;opacity:0}25%{opacity:1}60%{top:90%;opacity:1}65%,to{opacity:0}}@keyframes facial-confirm{0%,60%,to{opacity:0}68%,90%{opacity:1}}@media(prefers-reduced-motion:reduce){.facial-preview *{animation:none!important}.facial-preview-check{opacity:1}.facial-preview-scan{display:none}}@media(max-width:420px){.facial-preview-actions .button{width:100%}.facial-preview-scene{height:220px}}.facial-preview-scene{height:310px;padding-bottom:36px;gap:30px}.facial-preview-device{position:relative;width:126px;height:260px;padding:9px 13px 16px;border:4px solid #606367;border-radius:13px;background:linear-gradient(100deg,#141517,#08090b);box-shadow:5px 3px 0 #343638,0 15px 28px #193c4933}.facial-preview-light{position:absolute;top:0;left:13px;right:13px;height:6px;background:#f8ffff;box-shadow:0 0 8px #ffffff77;border-radius:0 0 7px 7px}.facial-preview-cameras{display:flex;justify-content:center;gap:14px;margin:16px 0 13px}.facial-preview-cameras i{width:12px;height:12px;border:3px solid #2c2e31;border-radius:50%;background:radial-gradient(circle at 35% 35%,#66717a,#101215 55%)}.facial-preview-screen{height:151px;border-radius:1px;background:#d8e4e8}.facial-preview-portrait{width:100%;height:100%;object-fit:cover}.facial-preview-brackets{position:absolute;color:#37c66d;top:28px;transform:translateX(-50%)}.facial-preview-brand{display:block;width:21px;height:22px;margin:17px auto 0}.facial-preview-check{z-index:2;border-radius:50%}.facial-preview-person{width:90px}.facial-preview-status{bottom:3px;left:0;right:0;height:24px}.facial-preview-status>span{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:5px;animation:facial-label-one 5s infinite;opacity:0;font-size:13px}.facial-preview-status>span:nth-child(2){animation-name:facial-label-two}.facial-preview-status>span:nth-child(3){animation-name:facial-label-three;color:#078351;font-weight:600}@keyframes facial-label-one{0%,20%,96%,to{opacity:1}25%,91%{opacity:0}}@keyframes facial-label-two{0%,20%,65%,to{opacity:0}25%,60%{opacity:1}}@keyframes facial-label-three{0%,65%,96%,to{opacity:0}68%,90%{opacity:1}}@media(max-width:420px){.facial-preview-scene{height:300px;gap:20px}.facial-preview-person{width:70px}}@media(prefers-reduced-motion:reduce){.facial-preview-status>span{opacity:0}.facial-preview-status>span:last-child{opacity:1}}.gu-recognition{display:block;width:100%;aspect-ratio:3/4;background-image:url(/gu-aceno-calmo.png);background-repeat:no-repeat;background-size:400% 100%;background-position:0 0}.facial-preview-person{width:120px;flex-shrink:0}.facial-preview-screen .gu-recognition{height:auto;align-self:center}@media(max-width:420px){.facial-preview-person{width:90px}}.facial-preview-scene{gap:12px}.facial-preview-person{width:165px;align-self:center}.facial-preview-person>img{display:block;width:100%;height:auto}.facial-preview-screen .gu-recognition{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background-size:760% auto;background-position:8% 15%;align-self:auto}.facial-preview-brackets{width:76%;height:65%;top:17%;left:50%;color:#22d98a;filter:drop-shadow(0 0 1px #164f39);z-index:1}.facial-preview-scan{height:1px;left:10%;right:10%;box-shadow:0 0 5px #00af82}.facial-preview-check{width:20px;height:20px;right:4px;bottom:4px;border:1px solid #a7e5c9}@media(max-width:420px){.facial-preview-scene{gap:7px}.facial-preview-person{width:clamp(110px,36vw,150px)}}.facial-preview-scene .facial-preview-person{position:relative;flex:1 1 190px;width:auto;max-width:200px;min-width:0;height:260px;align-self:center;overflow:hidden}.facial-preview-scene .facial-preview-person>img{position:absolute;top:-7px;left:0;display:block;width:100%;max-width:none;height:267px;object-fit:cover;object-position:center center}