.feature-intro-page.scanner{--accent:#195b43;--soft:#dceee2}.scanner-demo{color:#fff;background:#173f31;border-radius:26px;width:min(400px,100%);padding:24px}.scanner-demo header{align-items:center;gap:11px;display:flex}.scanner-demo header>svg{color:#195b43;background:#fff;border-radius:14px;width:48px;height:48px;padding:13px}.scanner-demo header small,.scanner-demo header b{display:block}.scanner-demo header small{color:#afd0bf;font-size:9px}.scanner-demo header b{margin-top:4px;font-size:13px}.scanner-demo-paper{color:#17372a;background:#fff;width:66%;min-height:240px;margin:24px auto;padding:30px 20px 20px;position:relative;box-shadow:0 16px 35px #0005}.scanner-demo-paper:before{content:"";border:1px dashed #8eb09d;position:absolute;inset:10px}.scanner-demo-paper i{background:#dfe7e2;height:5px;margin:8px;display:block}.scanner-demo-paper strong,.scanner-demo-paper p,.scanner-demo-paper em{text-align:center;display:block;position:relative}.scanner-demo-paper strong{margin-top:15px}.scanner-demo-paper p{font-size:11px}.scanner-demo-paper em{margin-top:25px;font-size:20px;font-style:normal;font-weight:900}.scanner-demo footer{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.scanner-demo footer span{background:#ffffff10;border-radius:11px;flex-direction:column;align-items:center;gap:5px;padding:9px 3px;font-size:8px;display:flex}.scanner-demo footer svg{width:16px}