.how-it-works-page{background:#fff;background:var(--background-color,#fff);color:#1f2937;color:var(--text-color,#1f2937);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;min-height:100vh}.how-it-works-page .col-lg-6,.how-it-works-page .col-md-12,.how-it-works-page .container,.how-it-works-page .row,.how-it-works-page section{overflow:visible!important}[data-theme=dark] .how-it-works-page,body.dark-mode .how-it-works-page{--background-color:#0f172a;--text-color:#f1f5f9;--light-text:#cbd5e1;--section-bg:#1e293b;--card-bg:#334155;--border-color:#475569;--primary-color:#3b82f6;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--card-hover-bg:#475569;--shadow-color:#0006}.how-it-works-page{--background-color:#fff;--text-color:#1f2937;--light-text:#6b7280;--section-bg:#f8fafc;--card-bg:#fff;--border-color:#e5e7eb;--primary-color:#3b82f6;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--card-hover-bg:#f9fafb;--shadow-color:#0000001a}.how-it-works-hero-section{border-bottom:1px solid var(--border-color);box-shadow:0 8px 32px var(--shadow-color);overflow:visible;padding:4rem 0 3rem;position:relative}.how-it-works-hero-section,[data-theme=dark] .how-it-works-hero-section,body.dark-mode .how-it-works-hero-section{background:var(--background-color);color:var(--text-color)}.how-it-works-hero-content{position:relative;z-index:2}.how-it-works-hero-badge{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;border:none;border-radius:20px;box-shadow:0 2px 10px #3b82f64d;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.3px;padding:.5rem 1.2rem}.how-it-works-hero-title{color:var(--text-color);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.3;margin-bottom:1.2rem}.how-it-works-hero-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fde68a,#f59e0b);-webkit-background-clip:text;background-clip:text;color:#fde68a}.how-it-works-hero-description{color:var(--text-color);font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:400;line-height:1.6;margin-bottom:2rem;max-width:550px;opacity:.95}.how-it-works-hero-stats{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:2rem;max-width:500px}.how-it-works-stat-item{align-items:center;display:flex;flex-direction:column;padding:.3rem;text-align:center}.how-it-works-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fde68a,#f59e0b);-webkit-background-clip:text;background-clip:text;color:#fde68a;font-size:clamp(1.6rem,3.5vw,2rem);font-weight:700;margin-bottom:.2rem}.how-it-works-stat-label{color:var(--text-color);font-size:clamp(.75rem,1.8vw,.85rem);font-weight:500;line-height:1.3;opacity:.9}.how-it-works-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem}.how-it-works-hero-actions .btn{border:none;border-radius:20px;box-shadow:0 2px 8px #0000001a;font-size:.95rem;font-weight:600;padding:.7rem 1.5rem;transition:all .2s ease}.how-it-works-hero-actions .btn:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-1px)}.how-it-works-hero-actions .btn-primary{background:var(--primary-color);color:#fff}.how-it-works-hero-actions .btn-outline-primary{background:#0000;border:2px solid var(--primary-color);color:var(--text-color)}.how-it-works-hero-actions .btn-primary:hover{background:#2563eb;background:var(--primary-color-hover,#2563eb);color:#fff}.how-it-works-hero-actions .btn-outline-primary:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.hero-visual{align-items:center;display:flex;height:350px;justify-content:center;position:relative}.floating-card{animation:gentleFloat 4s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #fff3;border-radius:10px;box-shadow:0 4px 15px #0000001a;color:#1f2937;max-width:250px;padding:1rem;position:absolute}.vin-input-demo{animation-delay:0s;left:5%;top:15%}.analysis-preview{animation-delay:2s;right:5%;top:45%}.vin-display{background:#f0f9ff;border-radius:5px;color:#3b82f6;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;letter-spacing:1px;margin:.6rem 0;padding:.5rem;text-align:center}.processing-indicator{align-items:center;color:#8b5cf6;display:flex;font-size:.8rem;font-weight:600;gap:.5rem}.processing-icon{animation:gentlePulse 2s infinite}.result-items{display:flex;flex-direction:column;gap:.5rem;margin-top:.6rem}.result-item{align-items:center;display:flex;font-size:.8rem;font-weight:500;gap:.5rem}.success-icon{color:#10b981;font-size:.8rem}.warning-icon{color:#f59e0b;font-size:.8rem}.hero-vin-search-container{margin:1.5rem auto 0;max-width:750px;width:100%}.hero-vin-search-wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000026;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:1.5rem 2rem}.hero-vin-search-wrapper h3{font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:600;margin-bottom:.8rem}.hero-visual-enhanced{align-items:center;display:flex;height:500px;justify-content:center;overflow:visible;position:relative}.hero-main-visual{border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:400px;overflow:visible;position:relative;transition:transform .3s ease}.hero-main-visual:hover{transform:translateY(-5px)}.hero-report-image{display:block}.hero-overlay-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:8px;bottom:20px;color:#fff;left:20px;padding:12px 16px;position:absolute;right:20px}.processing-animation{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:8px}.processing-animation .processing-icon{animation:gentlePulse 2s infinite;color:#8b5cf6}.floating-previews{height:100%;width:100%}.preview-card{animation:gentleFloat 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:10px;box-shadow:0 8px 25px #0000001a;padding:8px;width:120px}.preview-card img{border-radius:6px;height:60px;margin-bottom:6px}.preview-label{font-size:.7rem;text-align:center}.preview-card-1{animation-delay:0s;left:-10%;top:10%}.preview-card-2{animation-delay:1.5s;right:-15%;top:30%}.preview-card-3{animation-delay:3s;bottom:15%;left:-5%}.vin-search-header .vin-search-icon{color:#fffc;font-size:2.5rem}.section-badge{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;border:none;border-radius:20px;font-size:.9rem;padding:.6rem 1.2rem}.steps-container-enhanced{margin:0 auto;max-width:1200px;overflow:visible}.step-row{margin-bottom:4rem;overflow:visible}.how-it-works-steps-section .container,.how-it-works-steps-section .row{overflow:visible!important}.step-content-enhanced{overflow:visible;padding:2rem}.step-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:1.5rem}.step-number-enhanced{align-items:center;display:flex;flex-direction:column;min-width:80px}.step-number-enhanced .step-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--success-color));border-radius:50%;box-shadow:0 4px 15px #3b82f64d;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:.5rem;width:60px}.step-details-enhanced .detail-item{align-items:flex-start;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;padding:.8rem 1rem;transition:all .2s ease}.step-details-enhanced .detail-item:hover{background:var(--card-hover-bg);border-color:var(--primary-color)}.step-insight{background:var(--card-bg);border:1px solid var(--primary-color);border-radius:10px}.step-visual-enhanced{align-items:center;display:flex;justify-content:center;min-height:400px;overflow:visible;padding:2rem;position:relative}.step-image-container{border-radius:16px;box-shadow:0 15px 40px #00000026;cursor:pointer;max-width:400px;overflow:visible;position:relative;transition:all .4s ease;width:100%}.step-image-container:hover{box-shadow:0 25px 60px #00000040;transform:translateY(-8px);z-index:100}.step-image{border-radius:16px;display:block;height:250px;object-fit:cover;object-position:center;transition:all .6s cubic-bezier(.25,.46,.45,.94);width:100%}.step-image:hover{border-radius:12px;box-shadow:0 40px 100px #00000080;filter:brightness(1.08) contrast(1.08) saturate(1.1);position:relative;transform:scale(2.5);z-index:1000}.image-overlay{left:15px;position:absolute;top:15px}.overlay-badge{background:linear-gradient(135deg,var(--primary-color),var(--success-color));border-radius:20px;box-shadow:0 4px 15px #0003;color:#fff;font-size:.8rem;font-weight:600;padding:.5rem 1rem}.step-image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);max-width:450px;width:100%}.grid-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;overflow:visible;padding:1rem;position:relative;text-align:center;transition:all .3s ease}.grid-item:hover{border-color:var(--primary-color);box-shadow:0 12px 30px var(--shadow-color);transform:translateY(-5px);z-index:100}.grid-item:before{background:linear-gradient(135deg,#0000,#3b82f60d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.grid-item:hover:before{opacity:1}.grid-item img{border-radius:8px;height:100px;margin-bottom:.8rem;object-fit:cover;object-position:center;position:relative;transition:all .6s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:1}.grid-item:hover img{border-radius:12px;box-shadow:0 30px 80px #0009;filter:brightness(1.08) contrast(1.08) saturate(1.1);position:relative;transform:scale(3);z-index:1000}.grid-item span{color:var(--text-color);font-size:.85rem;font-weight:600;position:relative;z-index:2}.step-ai-visual{align-items:center;display:flex;height:400px;justify-content:center;position:relative}.ai-brain-center{position:relative;z-index:2}.ai-brain-main{animation:gentlePulse 3s infinite;color:var(--primary-color);font-size:4rem}.ai-processing-rings{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ring{animation:ripple 3s infinite;border:2px solid var(--primary-color);border-radius:50%;opacity:.3;position:absolute}.ring-1{animation-delay:0s;height:100px;margin:-50px;width:100px}.ring-2{animation-delay:1s;height:150px;margin:-75px;width:150px}.ring-3{animation-delay:2s;height:200px;margin:-100px;width:200px}.ai-data-points{height:100%;position:absolute;width:100%}.data-point{animation:float 4s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-color),var(--success-color));border-radius:15px;box-shadow:0 2px 10px #0000001a;color:#fff;font-size:.75rem;font-weight:600;padding:.4rem .8rem;position:absolute}.data-point-1{animation-delay:0s;left:15%;top:10%}.data-point-2{animation-delay:1s;right:10%;top:20%}.data-point-3{animation-delay:2s;bottom:20%;left:10%}.data-point-4{animation-delay:3s;bottom:15%;right:15%}.step-report-visual{margin:0 auto;max-width:400px;position:relative}.report-highlights{bottom:-20px;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}.highlight-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 2px 8px var(--shadow-color);color:var(--text-color);font-size:.75rem;font-weight:600;padding:.4rem .8rem}.step-analysis-visual{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.risk-meter-container{max-width:300px;text-align:center}.risk-meter{height:200px;margin:0 auto 2rem;position:relative;width:200px}.meter-bg{border:8px solid var(--border-color);border-radius:50%;height:100%;position:relative;width:100%}.meter-fill{animation:fillMeter 3s ease-in-out infinite;border-color:#10b981 #10b981 #0000 #0000;border-radius:50%;border-style:solid;border-width:8px;height:calc(100% - 8px);left:4px;position:absolute;top:4px;width:calc(100% - 8px)}.meter-label{color:var(--text-color);font-size:.9rem;font-weight:700;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.risk-indicators{display:flex;flex-direction:column;gap:.8rem}.risk-level{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;font-size:.85rem;font-weight:600;gap:.8rem;padding:.6rem 1rem}.risk-color{border-radius:50%;height:12px;width:12px}.risk-low .risk-color{background:#10b981}.risk-medium .risk-color{background:#f59e0b}.risk-high .risk-color{background:#ef4444}.risk-critical .risk-color{background:#7c2d12}.step-answers-visual{margin:0 auto;max-width:400px}.chat-interface{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 15px var(--shadow-color);margin-bottom:1rem;padding:1.5rem}.chat-message{border-radius:12px;margin-bottom:1rem;padding:1rem}.user-message{background:var(--primary-color);border-bottom-right-radius:4px;color:#fff;margin-left:2rem}.ai-message{background:var(--section-bg);border:1px solid var(--border-color);border-bottom-left-radius:4px;color:var(--text-color);margin-right:2rem}.ai-badge{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--success-color));border-radius:20px;box-shadow:0 4px 15px #3b82f64d;color:#fff;display:flex;font-size:.85rem;font-weight:600;justify-content:center;padding:.6rem 1.2rem}@keyframes ripple{0%{opacity:.5;transform:scale(.8)}50%{opacity:.2;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}@keyframes fillMeter{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.how-it-works-steps-section{background:var(--section-bg);color:var(--text-color);overflow:visible;padding:3rem 0}.how-it-works-steps-section .col-lg-6,.how-it-works-steps-section .col-md-12{overflow:visible!important}.how-it-works-section-header{margin-bottom:2.5rem}.how-it-works-section-title{color:var(--text-color);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;line-height:1.3;margin-bottom:1rem}.how-it-works-section-description{color:var(--light-text);font-size:clamp(.95rem,2.5vw,1.05rem);line-height:1.6;margin:0 auto;max-width:550px}.steps-container{margin:0 auto;max-width:850px}.step-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 4px var(--shadow-color);margin-bottom:1.2rem;overflow:visible;position:relative;transition:all .2s ease}.step-card:hover{border-color:var(--primary-color);box-shadow:0 4px 15px var(--shadow-color)}.step-card .card-body{padding:1.5rem}.step-number{align-items:center;display:flex;flex-direction:column;margin-right:1.2rem;min-width:70px}.step-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--success-color));border-radius:50%;box-shadow:0 2px 8px #3b82f64d;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;margin-bottom:.4rem;width:50px}.step-number-text{color:var(--light-text);font-size:.75rem;font-weight:600;text-align:center}.step-content{flex:1 1}.step-card-title{color:var(--text-color);font-size:clamp(1.1rem,2.5vw,1.25rem);font-weight:700;line-height:1.4;margin-bottom:.8rem}.step-description{color:var(--light-text);font-size:.95rem;line-height:1.6;margin-bottom:.8rem}.step-details{list-style:none;margin:.8rem 0;padding:0}.step-details li{border-bottom:1px solid var(--border-color);padding:.4rem 0}.step-details li:last-child{border-bottom:none}.check-icon{color:var(--success-color);flex-shrink:0;font-size:.9rem}.step-details span{font-size:.9rem;line-height:1.5}.how-it-works-sources-section{background:var(--section-bg);color:var(--text-color);padding:3rem 0}.data-source-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 4px var(--shadow-color);height:100%;transition:all .2s ease}.data-source-card:hover{border-color:var(--primary-color);box-shadow:0 4px 15px var(--shadow-color)}.data-source-card .card-body{padding:1.5rem}.source-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--success-color));border-radius:10px;color:#fff;display:flex;font-size:1.1rem;height:45px;justify-content:center;width:45px}.source-icon+div h4{color:var(--text-color);font-size:1.2rem;font-weight:700}.source-description{color:var(--light-text);font-size:.9rem;line-height:1.6}.source-list .badge{border-radius:6px;font-size:.75rem;padding:.3rem .6rem}.how-it-works-ai-section{background:var(--section-bg);color:var(--text-color);padding:3rem 0}.ai-features{margin:1.5rem 0}.ai-feature-item{align-items:flex-start;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 1px 4px var(--shadow-color);display:flex;margin-bottom:1rem;padding:1.2rem;transition:all .2s ease}.ai-feature-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px var(--shadow-color)}.ai-feature-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--success-color));border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;width:40px}.ai-feature-item h5{color:var(--text-color);font-size:1.05rem;font-weight:600;margin-bottom:.4rem}.ai-feature-item p{color:var(--light-text);font-size:.9rem;line-height:1.6;margin:0}.ai-callout{background:var(--card-bg);border:1px solid var(--success-color);border-radius:10px;color:var(--text-color);padding:1.2rem}[data-theme=dark] .ai-callout,body.dark-mode .ai-callout{background:#10b9811a;color:var(--text-color)}.ai-callout strong{color:var(--text-color)}.ai-visual-complex{height:100%}.ai-brain-container,.ai-visual-complex{align-items:center;display:flex;justify-content:center;position:relative}.ai-brain-icon{animation:gentlePulse 3s infinite;color:var(--primary-color);font-size:3rem}.data-streams{height:100%;position:absolute;width:100%}.data-stream{background:linear-gradient(135deg,var(--primary-color),var(--success-color));border-radius:15px;box-shadow:0 1px 4px var(--shadow-color);color:#fff;font-size:.7rem;font-weight:600;padding:.3rem .6rem;position:absolute}.stream-1{animation:streamMove1 4s infinite;left:-20%;top:20%}.stream-2{animation:streamMove2 4s 1s infinite;right:-20%;top:40%}.stream-3{animation:streamMove3 4s 2s infinite;bottom:40%;left:-20%}.stream-4{animation:streamMove4 4s 3s infinite;bottom:20%;right:-20%}.demo-sections{background:var(--section-bg);color:var(--text-color);padding:3rem 0}.demo-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 4px var(--shadow-color);transition:all .2s ease}.demo-card:hover{border-color:var(--primary-color);box-shadow:0 4px 15px var(--shadow-color)}.demo-icon{color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.demo-title{color:var(--text-color);font-size:1.3rem;font-weight:700;margin-bottom:.8rem}.demo-description{color:var(--light-text);font-size:.95rem;line-height:1.6}.demo-button{border-radius:20px;font-weight:600;padding:.8rem 1.5rem;transition:all .2s ease}.how-it-works-faq-section{background:var(--section-bg);color:var(--text-color);padding:3rem 0}.faq-accordion .accordion-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 1px 4px var(--shadow-color);margin-bottom:.8rem}.faq-accordion .accordion-header button{background:var(--card-bg);border:none;color:var(--text-color);font-size:1rem;font-weight:600;padding:1rem 1.2rem}.faq-accordion .accordion-header button:not(.collapsed){background:var(--card-hover-bg);box-shadow:none}.faq-accordion .accordion-body{background:var(--card-bg);color:var(--light-text);font-size:.95rem;line-height:1.6;padding:1rem 1.2rem}.how-it-works-demo-cta-section{background:var(--background-color);color:var(--text-color);padding:3rem 0}.how-it-works-demo-cta-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px var(--shadow-color)}.how-it-works-cta-title{color:var(--text-color);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;line-height:1.3}.how-it-works-cta-description{color:var(--light-text);font-size:1.05rem;line-height:1.6;margin:0 auto;max-width:600px}.cta-steps{margin:2rem 0}.cta-step{flex-direction:column;text-align:center}.cta-step,.cta-step-number{align-items:center;display:flex}.cta-step-number{background:linear-gradient(135deg,var(--primary-color),var(--success-color));border-radius:50%;color:#fff;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;margin-bottom:.8rem;width:40px}.cta-step p{color:var(--light-text);font-size:.9rem;line-height:1.5;margin:0}.cta-buttons{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:1.5rem}.cta-buttons .btn{border-radius:20px;font-weight:600;padding:.8rem 1.5rem;transition:all .2s ease}.trust-badge{background:var(--card-hover-bg)!important;border:1px solid var(--border-color)!important;border-radius:15px!important;color:var(--text-color)!important;font-size:.8rem!important;padding:.4rem .8rem!important}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gentlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes streamMove1{0%{opacity:0;transform:translateX(0) translateY(0)}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translateX(200px) translateY(-20px)}}@keyframes streamMove2{0%{opacity:0;transform:translateX(0) translateY(0)}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translateX(-200px) translateY(-20px)}}@keyframes streamMove3{0%{opacity:0;transform:translateX(0) translateY(0)}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translateX(200px) translateY(20px)}}@keyframes streamMove4{0%{opacity:0;transform:translateX(0) translateY(0)}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translateX(-200px) translateY(20px)}}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:all .4s ease}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.demo-modal .modal-content{background:var(--card-bg);border:none;border-radius:16px;color:var(--text-color)}.demo-modal .modal-header{border:none;padding:1.5rem 1.5rem 1rem}.demo-modal .modal-title{font-size:1.3rem;font-weight:700}@media (max-width:991px){.how-it-works-hero-section{min-height:50vh;padding:2.5rem 0 1.5rem}.how-it-works-hero-stats{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.hero-visual-enhanced{display:none}.step-header{flex-direction:column;gap:1rem;text-align:center}.step-visual-enhanced{min-height:250px;padding:1rem}.step-image-container{max-width:280px}.step-image-grid{max-width:300px}.step-ai-visual{height:250px}.ai-brain-main{font-size:3rem}.step-image:hover{transform:scale(1.6)!important}.grid-item:hover img{transform:scale(1.8)!important}.preview-card:hover img{transform:scale(1.5)!important}.hero-report-image:hover{transform:scale(1.4) translateY(-10px)!important}}@media (max-width:768px){.how-it-works-hero-section{padding:2rem 0 1.5rem;text-align:center}.how-it-works-hero-description{margin-bottom:1.5rem}.how-it-works-hero-actions{align-items:center;flex-direction:column;gap:.8rem;justify-content:center}.how-it-works-hero-actions .btn{margin-bottom:0;max-width:280px;width:100%}.hero-vin-search-wrapper{padding:1rem 1.5rem}.step-card .card-body{padding:1.2rem}.step-number{font-size:.9rem;height:45px;width:45px}.ai-feature-item{padding:1rem}.cta-buttons{align-items:center;flex-direction:column}.cta-buttons .btn{max-width:280px;width:100%}.step-content-enhanced{padding:1rem}.step-details-enhanced .detail-item{padding:.6rem .8rem}.step-visual-enhanced{min-height:200px;padding:.5rem}.step-image-grid{grid-template-columns:1fr;max-width:250px}.chat-interface{padding:1rem}.chat-message{margin-bottom:.8rem;padding:.8rem}.user-message{margin-left:1rem}.ai-message{margin-right:1rem}.step-image:hover{transform:scale(1.3)!important}.grid-item:hover img{transform:scale(1.4)!important}.preview-card:hover img{transform:scale(1.2)!important}.hero-report-image:hover{transform:scale(1.2) translateY(-5px)!important}}@media (max-width:576px){.how-it-works-hero-stats{gap:.8rem;grid-template-columns:repeat(2,1fr)}.step-card .d-flex{flex-direction:column;text-align:center}.step-number{margin:0 auto 1rem}.ai-feature-item{flex-direction:column;text-align:center}.ai-feature-icon{margin:0 auto 1rem}.demo-icon{font-size:2rem}.how-it-works-demo-cta-card{padding:2rem 1.5rem!important}.step-row{margin-bottom:2rem}.step-number-enhanced .step-icon-wrapper{font-size:1.2rem;height:50px;width:50px}.step-image-container{max-width:220px}.grid-item img{height:60px}.ai-brain-main{font-size:2.5rem}.data-point{font-size:.7rem;padding:.3rem .6rem}.risk-meter{height:150px;width:150px}.chat-message{font-size:.9rem}.user-message{margin-left:.5rem}.ai-message{margin-right:.5rem}.floating-previews{display:none}.image-modal .modal-dialog{margin:1rem auto;max-width:95vw}.image-modal .modal-image{max-height:80vh}.image-modal .close-button{font-size:1rem;height:35px;right:-10px;top:-10px;width:35px}.step-image:hover{transform:scale(1.15)!important}.grid-item:hover img{transform:scale(1.2)!important}.preview-card:hover img{transform:scale(1.1)!important}.hero-report-image:hover{transform:scale(1.1) translateY(-3px)!important}}.floating-previews{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.preview-card{background:#fff;border:2px solid #ffffffe6;border-radius:12px;box-shadow:0 15px 35px #0003;cursor:pointer;max-width:160px;min-width:140px;overflow:visible;padding:.8rem;pointer-events:auto;position:absolute;text-align:center;transition:all .3s ease}.preview-card:hover{border-color:var(--primary-color);box-shadow:0 25px 55px #00000059;transform:scale(1.08) translateY(-8px);z-index:100}.preview-card img{border-radius:8px;height:80px;margin-bottom:.5rem;object-fit:cover;object-position:center;transition:all .6s cubic-bezier(.25,.46,.45,.94);width:100%}.preview-card:hover img{border-radius:12px;box-shadow:0 30px 80px #0009;filter:brightness(1.08) contrast(1.08) saturate(1.1);position:relative;transform:scale(2.5);z-index:1000}.preview-label{color:#1f2937;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.preview-card-1{animation:float 6s ease-in-out infinite;left:-15%;top:15%}.preview-card-2{animation:float 6s ease-in-out 2s infinite;right:-10%;top:60%}.preview-card-3{animation:float 6s ease-in-out 4s infinite;bottom:10%;left:-20%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-report-image{border-radius:16px;box-shadow:0 20px 50px #0000004d;cursor:pointer;height:auto;max-width:400px;transition:all .6s cubic-bezier(.25,.46,.45,.94);width:100%}.hero-report-image:hover{border-radius:12px;box-shadow:0 50px 120px #0009;filter:brightness(1.08) contrast(1.08) saturate(1.1);position:relative;transform:scale(2.2) translateY(-15px);z-index:1000}.image-modal{z-index:9999}.image-modal .modal-dialog{margin:2rem auto;max-width:90vw}.image-modal .modal-content{background:#0000;border:none;box-shadow:none}.image-modal .modal-body{padding:0;position:relative}.image-modal .modal-image{border-radius:12px;box-shadow:0 20px 60px #00000080;height:auto;max-height:85vh;object-fit:contain;width:100%}.image-modal .close-button{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 15px #0003;color:#6b7280;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:-15px;top:-15px;transition:all .2s ease;width:40px}.image-modal .close-button:hover{background:#f3f4f6;color:#374151;transform:scale(1.1)}@media (prefers-contrast:high){.how-it-works-page{--border-color:#000;--text-color:#000;--light-text:#333}.data-source-card,.demo-card,.step-card{border-width:2px}}@media (prefers-reduced-motion:reduce){.ai-brain-icon,.data-stream,.floating-card,.processing-icon{animation:none}.animate-on-scroll{opacity:1;transform:none;transition:none}.ai-feature-item:hover,.data-source-card:hover,.demo-card:hover,.step-card:hover{transform:none}}.hero-vin-search-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 15px 40px #0000001a;padding:2rem}[data-theme=dark] .hero-vin-search-container,body.dark-mode .hero-vin-search-container{background:linear-gradient(135deg,#1e293b,#0f172a 50%,#1e293b)}.hero-vin-search-wrapper{max-width:100%}.vin-search-header h3{color:#fff!important;font-size:1.5rem;font-weight:600}.vin-search-header p{color:#fffc!important;font-size:1rem}.vin-search-icon{color:#ffffffe6;font-size:2rem}[data-bs-theme=dark] .demo-sections.bg-light,[data-bs-theme=dark] .how-it-works-sources-section.bg-light{background-color:var(--bs-dark)!important;background:var(--bs-dark)!important}[data-bs-theme=dark] .demo-sections.bg-light .how-it-works-section-title,[data-bs-theme=dark] .how-it-works-sources-section.bg-light .how-it-works-section-title{color:var(--bs-light)!important}[data-bs-theme=dark] .demo-sections.bg-light .how-it-works-section-description,[data-bs-theme=dark] .how-it-works-sources-section.bg-light .how-it-works-section-description{color:var(--bs-secondary)!important}[data-bs-theme=dark] .demo-sections.bg-light .demo-card,[data-bs-theme=dark] .how-it-works-sources-section.bg-light .data-source-card{background-color:var(--bs-gray-800)!important;border-color:var(--bs-gray-700)!important;color:var(--bs-light)!important}[data-bs-theme=dark] .demo-sections.bg-light .demo-card .card-body,[data-bs-theme=dark] .how-it-works-sources-section.bg-light .data-source-card .card-body{color:var(--bs-light)!important}[data-bs-theme=dark] .demo-sections.bg-light .demo-description,[data-bs-theme=dark] .how-it-works-sources-section.bg-light .text-muted{color:var(--bs-secondary)!important}[data-bs-theme=dark] .how-it-works-sources-section.bg-light .source-description,[data-bs-theme=dark] .how-it-works-sources-section.bg-light .source-list .list-group-item{background-color:initial!important;color:var(--bs-light)!important}[data-bs-theme=dark] .demo-sections.bg-light .demo-title{color:var(--bs-light)!important}[data-bs-theme=dark] .demo-sections.bg-light .demo-icon,[data-bs-theme=dark] .how-it-works-sources-section.bg-light .source-icon{color:var(--bs-primary)!important}
/*# sourceMappingURL=how-it-works.2401d3b8.chunk.css.map*/