.how-it-works-page{background:linear-gradient(135deg,#f5f7fa,#e9ecef);min-height:100vh;overflow-x:hidden;position:relative}.how-it-works-page[data-theme=dark]{background:linear-gradient(135deg,#0f172a,#1e293b)}.breadcrumb-nav{background:#fff;border-bottom:1px solid #e2e8f0}[data-theme=dark] .breadcrumb-nav{background:#1e293b;border-bottom-color:#334155}.breadcrumb{background:#0000;margin-bottom:0}.breadcrumb-item a{color:#00abe4;text-decoration:none;transition:color .2s ease}.breadcrumb-item a:hover{color:#09c;text-decoration:underline}.breadcrumb-item.active{color:#64748b}.breadcrumb-item+.breadcrumb-item:before{color:#cbd5e1;content:"/"}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes glow{0%,to{box-shadow:0 0 20px #00abe480}50%{box-shadow:0 0 40px #00abe4cc}}.animate-on-scroll{opacity:0}.animate-on-scroll.fade-in-up{animation:fadeInUp .8s ease-out forwards}.hero-section{min-height:100vh;overflow:hidden;padding:80px 0;position:relative}.hero-gradient{background:linear-gradient(135deg,#00abe41a,#0099cc1a 50%,#2563eb1a);bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.futuristic-badge{background:linear-gradient(135deg,#00abe4,#2563eb)!important;border:none;box-shadow:0 4px 15px #00abe44d;font-size:.85rem;font-weight:600;letter-spacing:1px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00abe4,#09c,#2563eb);-webkit-background-clip:text;background-clip:text}.futuristic-btn{border:none;border-radius:50px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:14px 32px;position:relative;transition:all .3s ease}.primary-btn{background:linear-gradient(135deg,#00abe4,#09c);box-shadow:0 4px 20px #00abe466;color:#fff}.primary-btn:hover{background:linear-gradient(135deg,#09c,#00abe4);box-shadow:0 6px 30px #00abe499;transform:translateY(-2px)}.stats-row{display:flex;gap:2rem;margin-top:2rem}.stat-item{text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00abe4,#2563eb);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.stat-label{color:#64748b;font-size:.9rem;margin-top:4px}.hero-visual{align-items:center;display:flex;height:400px;justify-content:center;position:relative}.floating-card{animation:float 3s ease-in-out infinite;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00abe433;padding:24px}[data-theme=dark] .floating-card{background:#1e293b}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating-card .card-header{align-items:center;color:#00abe4;display:flex;font-size:1.1rem;font-weight:600;margin-bottom:20px}.analysis-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;font-size:.95rem;gap:12px;padding:10px 0}[data-theme=dark] .analysis-item{border-bottom-color:#334155}.analysis-item:last-child{border-bottom:none}.analysis-item.active{color:#00abe4;font-weight:500}.steps-section{background:#fff;padding:80px 0}[data-theme=dark] .steps-section{background:#0f172a}.step-card{background:#fff;border:2px solid #0000;border-radius:20px;overflow:hidden;position:relative;transition:all .3s ease}[data-theme=dark] .step-card{background:#1e293b}.step-card:before{background:linear-gradient(90deg,var(--step-color),#0000);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.step-card:hover{border-color:var(--step-color);box-shadow:0 20px 40px #00abe433;transform:translateY(-8px)}.step-number{color:#e2e8f0;font-size:3rem;font-weight:700;line-height:1;position:absolute;right:20px;top:10px}[data-theme=dark] .step-number{color:#334155}.step-icon{display:inline-block;font-size:3rem;margin-bottom:20px}.step-features{list-style:none;margin:0;padding:0}.step-features li{align-items:center;display:flex;font-size:.9rem;padding:6px 0}.features-section{padding:80px 0}.bg-dark-gradient{background:linear-gradient(135deg,#1e293b,#0f172a)}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#fff;transition:all .3s ease}.feature-card h3{color:#fff}.feature-card .text-muted{color:#fffc!important}.feature-card:hover{background:#ffffff1a;box-shadow:0 20px 40px #00abe44d;transform:translateY(-5px)}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,#00abe4,#09c);border-radius:15px;color:#fff;display:flex;font-size:2rem;height:70px;justify-content:center;margin-bottom:20px;width:70px}.feature-stat{background:#00abe433;border:1px solid #00abe466;border-radius:20px;color:#00abe4;display:inline-block;font-size:.85rem;font-weight:600;padding:8px 16px}.ai-section{background:#fff;padding:80px 0}[data-theme=dark] .ai-section{background:#0f172a}.tech-stack{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:20px}.tech-item{align-items:center;background:linear-gradient(135deg,#00abe41a,#2563eb1a);border-radius:12px;color:#00abe4;display:flex;font-weight:500;gap:10px;padding:15px 20px;transition:all .3s ease}.tech-item:hover{background:linear-gradient(135deg,#00abe433,#2563eb33);transform:translateX(5px)}.ai-visualization{align-items:center;display:flex;height:400px;justify-content:center;position:relative}.ai-brain-container{height:200px;position:relative;width:200px}.ai-brain-icon{animation:glow 2s ease-in-out infinite;color:#00abe4;font-size:10rem}.neural-network{bottom:0;left:0;position:absolute;right:0;top:0}.neural-node{animation:pulse 2s ease-in-out infinite;background:#00abe4;border-radius:50%;height:12px;position:absolute;width:12px}.neural-node:first-child{animation-delay:0s;left:20%;top:10%}.neural-node:nth-child(2){animation-delay:.2s;right:25%;top:15%}.neural-node:nth-child(3){animation-delay:.4s;left:10%;top:30%}.neural-node:nth-child(4){animation-delay:.6s;right:15%;top:35%}.neural-node:nth-child(5){animation-delay:.8s;bottom:35%;left:15%}.neural-node:nth-child(6){animation-delay:1s;bottom:30%;right:10%}.neural-node:nth-child(7){animation-delay:1.2s;bottom:15%;left:25%}.neural-node:nth-child(8){animation-delay:1.4s;bottom:10%;right:20%}.neural-node:nth-child(9){animation-delay:1.6s;left:5%;top:50%}.neural-node:nth-child(10){animation-delay:1.8s;right:5%;top:50%}.neural-node:nth-child(11){animation-delay:2s;left:50%;top:25%}.neural-node:nth-child(12){animation-delay:2.2s;bottom:25%;left:50%}.ai-capability-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:all .3s ease}[data-theme=dark] .ai-capability-card{background:#1e293b;border-color:#334155}.ai-capability-card:hover{border-color:#00abe4;box-shadow:0 10px 30px #00abe433;transform:translateY(-5px)}.capability-icon{color:#00abe4;font-size:2rem;margin-bottom:12px}.comparison-section{padding:80px 0}.bg-light-gradient{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}[data-theme=dark] .bg-light-gradient{background:linear-gradient(135deg,#1e293b,#0f172a)}.comparison-table-wrapper{border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow-x:auto}.comparison-table{background:#fff;border-radius:20px;overflow:hidden;width:100%}[data-theme=dark] .comparison-table{background:#1e293b}.comparison-table thead{background:linear-gradient(135deg,#00abe4,#09c);color:#fff}.comparison-table th{font-size:1.1rem;font-weight:600;padding:20px;text-align:center}.comparison-table td{border-bottom:1px solid #e2e8f0;padding:16px 20px;text-align:center}[data-theme=dark] .comparison-table td{border-bottom-color:#334155}.comparison-table tbody tr:hover{background:#00abe40d}.feature-name{font-weight:600;text-align:left!important}.vinspector-col{color:#00abe4;font-weight:600}.company-header{align-items:center;display:flex;gap:8px;justify-content:center}.company-header.vinspector{font-weight:700}.demo-section{background:#fff;padding:80px 0}[data-theme=dark] .demo-section{background:#0f172a}.demo-card{background:#fff;border:2px solid #00abe4;border-radius:24px;box-shadow:0 20px 60px #00abe433;transition:all .3s ease}[data-theme=dark] .demo-card{background:#1e293b}.demo-card:hover{box-shadow:0 30px 80px #00abe44d;transform:translateY(-5px)}.demo-features{border-top:1px solid #e2e8f0;padding-top:20px}[data-theme=dark] .demo-features{border-top-color:#334155}.faq-section{background:#fff;padding:80px 0}[data-theme=dark] .faq-section{background:#0f172a}.faq-item{animation:fadeInUp .6s ease-out forwards;opacity:0}.faq-item .card{border-radius:16px;transition:all .3s ease}.faq-item .card:hover{box-shadow:0 10px 30px #00abe433!important;transform:translateY(-4px)}[data-theme=dark] .faq-item .card{background:#1e293b;color:#fff}.faq-item h3{color:#1e293b;font-weight:600}[data-theme=dark] .faq-item h3{color:#fff}.faq-item .text-muted{line-height:1.7}[data-theme=dark] .faq-item .text-muted{color:#ffffffb3!important}.cta-section{background:linear-gradient(135deg,#00abe4,#09c,#2563eb);padding:60px 0}.cta-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;padding:60px}.cta-card,.cta-card h2{color:#fff}.cta-card .lead{color:#ffffffe6}.cta-card .primary-btn{background:#fff;color:#00abe4}.cta-card .primary-btn:hover{background:#f8fafc;color:#09c}.video-modal .modal-content{border-radius:20px;overflow:hidden}.video-container{background:#000;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-placeholder{align-items:center;background:linear-gradient(135deg,#00abe4,#09c);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.play-icon{font-size:5rem;margin-bottom:20px;opacity:.8}@media (max-width:992px){.stats-row{flex-wrap:wrap;gap:1rem}.stat-item{flex-basis:calc(33.333% - 1rem);flex-grow:1;flex-shrink:1}.tech-stack{grid-template-columns:1fr}.cta-card{padding:40px 30px;text-align:center}}@media (max-width:768px){.hero-section{min-height:auto;padding:40px 0}.display-3{font-size:2rem}.display-4{font-size:1.75rem}.lead{font-size:1rem}.futuristic-btn{font-size:.9rem;padding:12px 24px}.stats-row{gap:.75rem}.stat-number{font-size:1.75rem}.stat-label{font-size:.75rem}.floating-card{padding:16px}.step-icon{font-size:2rem}.comparison-table{font-size:.85rem}.comparison-table td,.comparison-table th{padding:12px 10px}}@media (max-width:576px){.stats-row{flex-direction:column;gap:1.5rem}.stat-item{width:100%}.futuristic-btn{margin-bottom:10px;width:100%}.cta-card{padding:30px 20px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.cta-section,.demo-section,.floating-card,.hero-gradient,.video-modal{display:none}}
/*# sourceMappingURL=how-it-works.c4f3510f.chunk.css.map*/