.hero-scanner-wrapper{position:relative;width:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:visible}.hero-scanner-container{position:relative;width:100%;height:300px;display:flex;align-items:center;justify-content:center;overflow:visible;background:0 0}@media(max-width:768px){.hero-scanner-container{height:220px}}.hero-scanning-backdrop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:420px;height:270px;background:0 0;pointer-events:none;z-index:3}@media(max-width:768px){.hero-scanning-backdrop{width:300px;height:195px}}.hero-scanning-backdrop::before,.hero-scanning-backdrop::after{content:'';position:absolute;width:50px;height:50px;border:3px solid var(--guard);pointer-events:none;opacity:.85}.hero-scanning-backdrop::before{top:-2px;left:-2px;border-right:none;border-bottom:none;border-radius:15px 0 0 0}.hero-scanning-backdrop::after{top:-2px;right:-2px;border-left:none;border-bottom:none;border-radius:0 15px 0 0}.hero-scanning-backdrop{box-shadow:-2px 0 rgba(107,138,255,.4),calc(100% + 2px)0 rgba(107,138,255,.4),0 0 28px rgba(107,138,255,.18)}.hero-scanning-backdrop{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><path d="M 0,50 L 0,35 Q 0,50 15,50 L 50,50 L 50,47 L 15,47 Q 3,47 3,35 L 3,0 L 0,0 Z" fill="%236B8AFF"/></svg>')0 100%/50px 50px no-repeat,url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2250%22%20height=%2250%22%3E%3Cpath%20d=%22M50%2050V35q0%2015-15%2015H0V47H35q12%200%2012-12V0h3z%22%20fill=%22%236b8aff%22/%3E%3C/svg%3E)100% 100%/50px 50px no-repeat}.hero-card-stream{position:absolute;width:100%;height:100%;display:flex;align-items:center;overflow:hidden;z-index:2;mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.hero-card-line{display:flex;align-items:center;gap:80px;white-space:nowrap;will-change:transform}@media(max-width:768px){.hero-card-line{gap:60px}}.hero-card-wrapper{position:relative;width:400px;height:250px;flex-shrink:0}@media(max-width:768px){.hero-card-wrapper{width:280px;height:175px}}@media(max-width:480px){.hero-card-wrapper{width:240px;height:150px}.hero-scanning-backdrop{width:260px;height:170px}}.hero-card{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:15px;overflow:hidden;border:1px solid var(--rule-strong);box-shadow:0 4px 14px rgba(13,13,14,.1),0 1px 3px rgba(13,13,14,6%)}.hero-card-normal{background:var(--cream-paper);z-index:4;position:absolute;top:0;left:0;overflow:hidden}.hero-card-image{width:100%;height:100%;object-fit:cover;border-radius:15px;filter:brightness(.95)contrast(1.02)saturate(.85)}.hero-card-ascii{background:0 0;z-index:1;position:absolute;top:0;left:0;border-radius:15px}.hero-ascii-content{position:absolute;top:0;left:0;width:100%;height:100%;color:var(--guard-deep);background:var(--cream-paper);font-family:jetbrains mono,courier new,monospace;font-size:8px;line-height:10px;overflow:hidden;white-space:pre-wrap;word-wrap:break-word;margin:0;padding:12px 20px 12px 32px;text-align:left;box-sizing:border-box;z-index:2}@media(max-width:768px){.hero-ascii-content{font-size:6px;line-height:8px;padding:8px 16px 8px 24px}}.hero-code-violation{color:inherit;font-weight:400;background:0 0;padding:2px 4px;border-radius:3px;transition:all .3s ease}.hero-card-wrapper[data-validation=invalid] .hero-code-violation{color:#b91c1c;font-weight:700;background:rgba(239,68,68,.15)}.hero-scanner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cream-deeper);z-index:10;border-radius:15px;pointer-events:none;clip-path:inset(0 0 0 0)}.hero-scanner-line{position:absolute;top:0;left:0;width:100%;height:2px;z-index:11;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent 0%,rgba(107,138,255,.9) 50%,transparent 100%);box-shadow:0 0 10px rgba(107,138,255,.5)}.hero-scanner-sweep{position:absolute;top:0;left:0;width:100%;height:10px;background:linear-gradient(90deg,transparent 0%,rgba(107,138,255,.35) 50%,transparent 100%);transform:translateX(100%)}@keyframes carriageReturn{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}.hero-card-wrapper[data-validation=valid] .hero-card-normal{animation:validPulse 2s ease-in-out infinite}.hero-card-wrapper[data-validation=invalid] .hero-card-normal{animation:invalidFlash .5s ease-in-out 3}@keyframes validPulse{0%,100%{box-shadow:0 0 0 3px rgba(5,150,105,.35)}50%{box-shadow:0 0 0 3px rgba(5,150,105,.85)}}@keyframes invalidFlash{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 3px rgba(239,68,68,.9)}}.hero-validation-label{position:absolute;left:8px;top:8px;transform:rotate(180deg);font-family:jetbrains mono,monospace;font-size:8px;font-weight:700;letter-spacing:.5px;z-index:20;opacity:0;transition:opacity .3s ease;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed}@media(max-width:768px){.hero-validation-label{font-size:7px;left:6px}}.hero-card-wrapper[data-validation=valid] .hero-validation-label{color:#047857}.hero-card-wrapper[data-validation=invalid] .hero-validation-label{color:#b91c1c}.hero-card-wrapper.show-validation .hero-validation-label{opacity:1}