.scanner-hero{background:var(--black);color:var(--white);padding:100px 20px 60px;text-align:center;border-bottom:4px solid var(--black)}.scanner-hero .headline{font-size:3.5rem;margin-bottom:24px}.scanner-hero .subheadline{margin-bottom:0}.scanner-section{padding:80px 20px;background:var(--light-gray);min-height:500px}.scanner-card{max-width:700px;margin:0 auto;background:var(--white);border:3px solid var(--black);padding:48px}.step-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:40px;gap:8px}.step-number{width:40px;height:40px;border:3px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-weight:900;font-size:1.125rem;color:var(--medium-gray);background:var(--white)}.step-number.active{border-color:var(--accent-red);color:var(--accent-red)}.step-number.completed{border-color:var(--black);background:var(--black);color:var(--white)}.step-line{width:40px;height:3px;background:var(--border-light)}.step-line.active{background:var(--accent-red)}.step-line.completed{background:var(--black)}.scanner-step{display:none}.scanner-step.active{display:block}.scanner-step h2{font-family:'Playfair Display',serif;font-size:2rem;font-weight:900;text-align:center;margin-bottom:16px;color:var(--black)}.scanner-description{text-align:center;font-size:1.125rem;color:var(--medium-gray);margin-bottom:32px;line-height:1.6}.upload-area{border:3px dashed var(--black);padding:48px 32px;text-align:center;transition:all .2s ease;cursor:pointer}.upload-area.drag-over,.upload-area:hover{border-color:var(--accent-red);background:var(--off-white)}.upload-icon{font-family:'Playfair Display',serif;font-size:4rem;font-weight:900;color:var(--black);margin-bottom:16px;line-height:1}.upload-text{font-size:1.25rem;font-weight:600;color:var(--black);margin-bottom:8px}.upload-subtext{font-size:.875rem;color:var(--medium-gray);margin-bottom:16px}.upload-button{display:inline-block;background:var(--black);color:var(--white);font-family:'IBM Plex Sans',sans-serif;font-size:.875rem;font-weight:700;padding:12px 24px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:3px solid var(--black);transition:all .2s ease}.upload-button:hover{background:var(--white);color:var(--black)}.privacy-note{font-size:.8rem;color:var(--medium-gray);text-align:center;margin-top:24px;line-height:1.5}.scanning-animation{text-align:center;padding:60px 0}.scan-progress{width:100%;height:8px;background:var(--border-light);margin-bottom:24px;overflow:hidden}.scan-bar{width:0%;height:100%;background:var(--accent-red);animation:scanning 2s ease-in-out forwards}@keyframes scanning{0%{width:0%}20%{width:30%}50%{width:60%}80%{width:85%}100%{width:100%}}.scanning-text{font-size:1.25rem;font-weight:600;color:var(--black)}#emailForm .form-group{margin-bottom:20px;text-align:left}#emailForm .form-group label{display:block;font-size:.875rem;font-weight:700;color:var(--black);margin-bottom:8px;text-transform:uppercase;letter-spacing:.1em}#emailForm .form-group input{width:100%;padding:14px 16px;font-size:1rem;border:3px solid var(--black);font-family:'IBM Plex Sans',sans-serif}#emailForm .form-group input:focus{outline:0;border-color:var(--accent-red)}#emailForm .submit-button{margin-top:16px;width:100%}#emailForm #leadCaptureForm{margin-bottom:16px}.results-summary{text-align:center;margin-bottom:40px}.total-vulns{margin-bottom:32px}.vuln-count{display:block;font-family:'Playfair Display',serif;font-size:6rem;font-weight:900;color:var(--accent-red);line-height:1}.vuln-count.safe{color:#2e7d32}.vuln-label{display:block;font-size:1.125rem;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:.1em;margin-top:8px}.severity-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.severity-item{padding:20px 16px;border:3px solid var(--black);text-align:center}.severity-item.critical{background:#fff0f0;border-color:#d32f2f}.severity-item.high{background:#fff3e0;border-color:#f57c00}.severity-item.medium{background:#fffde7;border-color:#fbc02d}.severity-item.low{background:#e8f5e9;border-color:#388e3c}.severity-count{display:block;font-family:'Playfair Display',serif;font-size:2.5rem;font-weight:900;line-height:1}.severity-item.critical .severity-count{color:#d32f2f}.severity-item.high .severity-count{color:#f57c00}.severity-item.medium .severity-count{color:#fbc02d}.severity-item.low .severity-count{color:#388e3c}.severity-label{display:block;font-size:.75rem;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:.1em;margin-top:8px}.scanner-disclaimer{font-size:.8125rem;color:var(--medium-gray);text-align:center;margin-bottom:24px;font-style:italic;line-height:1.5}.scanner-disclaimer code{font-size:.8125rem;background:var(--light-gray);padding:1px 4px;border-radius:2px}.risk-assessment{padding:24px;margin-bottom:32px;border:3px solid var(--black);text-align:center}.risk-assessment.critical{background:#ffebee;border-color:#d32f2f}.risk-assessment.high{background:#fff3e0;border-color:#f57c00}.risk-assessment.moderate{background:#fffde7;border-color:#fbc02d}.risk-assessment.low{background:#e8f5e9;border-color:#388e3c}.risk-assessment h3{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:900;margin-bottom:8px}.risk-assessment p{font-size:1rem;color:var(--medium-gray);line-height:1.6}.vulnerable-packages{margin-bottom:32px}.vulnerable-packages h3{font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:900;margin-bottom:16px;color:var(--black)}.vulnerable-packages ul{list-style:none;max-height:300px;overflow-y:auto;border:3px solid var(--black)}.vulnerable-packages li{padding:12px 16px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.vulnerable-packages li:last-child{border-bottom:none}.package-name{font-family:'IBM Plex Mono',monospace;font-size:.875rem;font-weight:600;color:var(--black)}.package-severity{font-size:.75rem;font-weight:700;padding:4px 8px;text-transform:uppercase;letter-spacing:.05em}.package-severity.critical{background:#d32f2f;color:#fff}.package-severity.high{background:#f57c00;color:#fff}.package-severity.medium{background:#fbc02d;color:var(--black)}.package-severity.low{background:#388e3c;color:#fff}.report-insights{margin-bottom:32px;padding:28px;border:3px solid var(--black);background:var(--white)}.report-insights h3{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:900;margin-bottom:8px;color:var(--black)}.insights-subtitle{font-size:.9rem;color:var(--medium-gray);margin-bottom:24px;line-height:1.5}.insights-subtitle code{font-size:.85rem;background:var(--light-gray);padding:1px 4px;border-radius:2px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.insight-stat{padding:20px 16px;border:2px solid var(--border-light);text-align:center}.insight-stat.rn-highlight{border-color:var(--accent-red);background:#fff0f0}.insight-number{display:block;font-family:'Playfair Display',serif;font-size:2.5rem;font-weight:900;color:var(--black);line-height:1}.insight-stat.rn-highlight .insight-number{color:var(--accent-red)}.insight-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--black);margin-top:8px;margin-bottom:8px}.insight-detail{display:block;font-size:.8rem;color:var(--medium-gray);line-height:1.4}.insight-detail code{font-size:.78rem;background:var(--light-gray);padding:1px 3px;border-radius:2px}.insight-notes{display:flex;flex-direction:column;gap:12px}.insight-note{font-size:.9rem;color:var(--medium-gray);line-height:1.6;padding:12px 16px;background:var(--light-gray);border-left:3px solid var(--black)}.insight-note strong{color:var(--black)}.package-info{flex:1;min-width:0}.package-name-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.package-version{font-family:'IBM Plex Mono',monospace;font-size:.75rem;color:var(--medium-gray)}.package-tags{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.package-tag{font-size:.65rem;font-weight:700;padding:2px 6px;text-transform:uppercase;letter-spacing:.05em}.package-tag.direct{background:var(--black);color:var(--white)}.package-tag.transitive{background:var(--border-light);color:var(--medium-gray)}.package-tag.rn{background:#e3f2fd;color:#1565c0;border:1px solid #1565c0}.vuln-multi{font-size:.7rem;color:var(--medium-gray);font-style:italic}.recommendation-box{padding:32px;margin-bottom:32px;border:3px solid var(--black);background:var(--off-white)}.recommendation-box h3{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:900;margin-bottom:16px;color:var(--black)}.recommendation-box p{font-size:1rem;color:var(--medium-gray);margin-bottom:16px;line-height:1.6}.recommendation-box code{font-size:.9rem;background:var(--light-gray);padding:1px 4px;border-radius:2px}.rec-section{margin-bottom:20px}.rec-section:last-child{margin-bottom:0}.rec-section h4{font-family:'IBM Plex Sans',sans-serif;font-size:1rem;font-weight:700;color:var(--black);margin-bottom:12px}.diy-steps{list-style:none;padding:0;margin:0}.diy-steps li{font-size:.95rem;color:var(--medium-gray);line-height:1.6;padding:8px 0 8px 20px;position:relative}.diy-steps li::before{content:'\2192';position:absolute;left:0;color:var(--black);font-weight:700}.diy-steps li code{font-size:.85rem;background:var(--light-gray);padding:1px 4px;border-radius:2px}.rec-cta-text{font-size:.95rem;color:var(--medium-gray);font-style:italic}.results-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.results-cta .cta-button{flex:1;min-width:200px;max-width:280px;text-align:center}.results-cta .cta-button.secondary{background:var(--white);color:var(--black);border:3px solid var(--black)}.results-cta .cta-button.secondary:hover{background:var(--black);color:var(--white)}.scanner-trust{padding:60px 20px;background:var(--white);border-top:3px solid var(--black);border-bottom:3px solid var(--black)}.scanner-how-it-works{padding:80px 20px;background:var(--light-gray)}.how-it-works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;max-width:1000px;margin:0 auto}.how-step{text-align:center;padding:32px 24px;background:var(--white);border:3px solid var(--black)}.how-number{width:50px;height:50px;background:var(--accent-red);color:var(--white);font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;border:3px solid var(--black)}.how-step h3{font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:900;margin-bottom:12px;color:var(--black)}.how-step p{font-size:.95rem;color:var(--medium-gray);line-height:1.6}.scanner-video-section{padding:80px 20px;background:var(--white);border-bottom:3px solid var(--black)}@media (max-width:768px){.scanner-hero .headline{font-size:2rem}.scanner-card{padding:32px 20px}.severity-breakdown{grid-template-columns:repeat(2,1fr)}.vuln-count{font-size:4rem}.results-cta{flex-direction:column}.results-cta .cta-button{max-width:none}}@media (max-width:480px){.step-line{width:20px}.scanner-hero .headline{font-size:1.5rem}.upload-area{padding:32px 20px}.severity-breakdown{grid-template-columns:1fr 1fr;gap:12px}.severity-count{font-size:2rem}.insights-grid{grid-template-columns:1fr}.report-insights{padding:20px 16px}.recommendation-box{padding:24px 16px}}.cta-urgency-note{width:100%;text-align:center;font-size:.95rem;font-weight:700;color:#d32f2f;margin-bottom:12px;padding:12px 16px;background:#ffebee;border:2px solid #d32f2f}.checklist-callout{border:2px solid var(--border-light);padding:16px 20px;background:var(--white);margin-top:16px}.inline-link{color:var(--accent-red);text-decoration:underline;font-weight:600}.scanner-explainer{padding:80px 20px;background:var(--white);border-top:3px solid var(--black)}.explainer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;max-width:1000px;margin:40px auto 0}.explainer-item{padding:28px 24px;border:3px solid var(--black);background:var(--off-white)}.explainer-item h3{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:900;margin-bottom:10px}.explainer-item p{font-size:.95rem;color:var(--medium-gray);line-height:1.6}.explainer-item code{font-size:.875rem;background:var(--light-gray);padding:1px 5px}.scanner-faq{padding:80px 20px;background:var(--light-gray);border-top:3px solid var(--black)}