.roi-section{background:#f8fafc;color:#1f2937;overflow:hidden;padding:96px 0;position:relative}.roi-section:before{background:rgba(79,70,229,.05);left:25%;top:0}.roi-section:after,.roi-section:before{border-radius:50%;content:"";filter:blur(48px);height:384px;position:absolute;width:384px}.roi-section:after{background:rgba(124,58,237,.05);bottom:0;right:25%}.roi-section .container{margin:0 auto;max-width:1200px;padding:0 24px;position:relative;z-index:10}.roi-section .roi-header{margin-bottom:64px;text-align:center}.roi-section .roi-title{color:#20274d;font-family:Inter,system-ui,sans-serif;font-size:3rem;font-weight:700;margin-bottom:24px;position:relative}.roi-section .roi-title:after{background:#7c3aed;border-radius:2px;bottom:-8px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:96px}@media (max-width:1024px){.roi-section .roi-title{font-size:2.5rem}}@media (max-width:768px){.roi-section .roi-title{font-size:2rem}}.roi-section .roi-title-gradient{background:linear-gradient(90deg,#9333ea,#3b82f6);-webkit-background-clip:text;background-clip:text;display:block;-webkit-text-fill-color:transparent;margin-top:8px}.roi-section .roi-subtitle{color:#6b7280;font-family:Inter,system-ui,sans-serif;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:48rem}.roi-section .roi-comparison{align-items:center;display:grid;gap:64px;grid-template-columns:1fr 1fr;margin-bottom:64px}@media (max-width:1024px){.roi-section .roi-comparison{gap:32px;grid-template-columns:1fr}}.roi-section .roi-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.1);padding:32px;position:relative}.roi-section .roi-frontline{border:1px solid rgba(59,130,246,.3);overflow:hidden;position:relative}.roi-section .roi-frontline,.roi-section .roi-frontline:before{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(20,184,166,.1))}.roi-section .roi-frontline:before{border-radius:50%;content:"";height:128px;position:absolute;right:0;top:0;transform:translate(64px,-64px);width:128px}.roi-section .recommended-badge{align-items:center;animation:roi-bounce 2s infinite;background:#ffd100;border-radius:20px;color:#20274d;display:flex;font-size:.75rem;font-weight:700;gap:4px;padding:6px 12px;position:absolute;right:16px;top:16px}@keyframes roi-bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.roi-section .roi-card-title{align-items:center;display:flex;font-family:Inter,system-ui,sans-serif;font-size:1.5rem;font-weight:700;gap:12px;margin-bottom:24px}.roi-section .roi-card-title.traditional{color:#ef4444}.roi-section .roi-card-title.frontline{color:#3b82f6}.roi-section .roi-icon{flex-shrink:0}.roi-section .roi-timeline{margin-bottom:24px}.roi-section .timeline-label{color:#6b7280;font-family:Inter,system-ui,sans-serif;font-size:.875rem;margin-bottom:8px}.roi-section .frontline-label{color:#1d4ed8}.roi-section .timeline-bar{background:#e5e7eb;border-radius:6px;height:12px;position:relative;width:100%}.roi-section .frontline-bar{background:#dbeafe}.roi-section .timeline-fill{align-items:center;border-radius:6px;display:flex;height:100%;justify-content:flex-end;padding-right:8px;position:relative}.roi-section .traditional-fill{background:#ef4444;width:80%}.roi-section .frontline-fill{animation:roi-slideIn 1s ease-out;background:#10b981;width:25%}@keyframes roi-slideIn{0%{width:0}to{width:25%}}.roi-section .timeline-text{font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-weight:600;position:absolute;right:0;top:16px}.roi-section .frontline-text{color:#059669}.roi-section .roi-items{display:flex;flex-direction:column;gap:16px}.roi-section .roi-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.roi-section .roi-item:last-child{border-bottom:none}.roi-section .roi-item-name{color:#374151;font-family:Inter,system-ui,sans-serif}.roi-section .roi-item-time{font-family:Inter,system-ui,sans-serif;font-weight:600}.roi-section .traditional-time{color:#ef4444}.roi-section .frontline-time{color:#10b981}.roi-section .roi-stats{background:#fff;border:1px solid rgba(59,130,246,.2);border-radius:24px;box-shadow:0 25px 50px rgba(0,0,0,.15);padding:32px;text-align:center}.roi-section .stats-title{font-family:Inter,system-ui,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:16px}.roi-section .stats-title-gradient{background:linear-gradient(90deg,#9333ea,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.roi-section .stats-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:32px 0}@media (max-width:768px){.roi-section .stats-grid{grid-template-columns:1fr}}.roi-section .stat-item{text-align:center}.roi-section .stat-value{animation:roi-slideIn 1s ease-out;font-family:Inter,system-ui,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:8px}.roi-section .stat-value.green{color:#10b981}.roi-section .stat-value.blue{animation-delay:.2s;color:#3b82f6}.roi-section .stat-value.teal{animation-delay:.4s;color:#14b8a6}.roi-section .stat-label{color:#6b7280;font-family:Inter,system-ui,sans-serif}.roi-section .roi-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}@media (max-width:640px){.roi-section .roi-buttons{align-items:center;flex-direction:column}}.roi-section .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,system-ui,sans-serif;font-size:1rem;font-weight:600;gap:8px;line-height:1.2;padding:16px 32px;text-decoration:none;transition:all .3s ease}.roi-section .btn svg{flex:0 0 auto}.roi-section .btn-primary{background:linear-gradient(90deg,#9333ea,#3b82f6);color:#fff}.roi-section .btn-primary:hover{box-shadow:0 10px 25px rgba(147,51,234,.3);transform:translateY(-1px)}.roi-section .btn-secondary{background:transparent;border:2px solid #9333ea;color:#9333ea}.roi-section .btn-secondary:hover{background:#f3e8ff}.roi-section{font-family:Inter,system-ui,sans-serif;font-size:16px!important;line-height:1.6}.roi-section *{font-family:inherit}.roi-section .fs-18,.roi-section .fs-20,.roi-section .fs-24,.roi-section .fs-28,.roi-section .fs-32,.roi-section .fs-36,.roi-section .fs-48,.roi-section .fs-56,.roi-section .fs-64,.roi-section .fs-96{font-size:inherit!important;line-height:inherit!important}.roi-section .roi-title{font-size:3em!important}.roi-section .roi-subtitle{font-size:1.25em!important}.roi-section .roi-card-title{font-size:1.5em!important}.roi-section .timeline-label{font-size:.875em!important}.roi-section .timeline-text{font-size:.75em!important}.roi-section .stat-value{font-size:2.5em!important}.roi-section .stats-title{font-size:1.5em!important}.roi-section .btn{font-size:1em!important}@media (max-width:1024px){.roi-section .roi-title{font-size:2.5em!important}}@media (max-width:768px){.roi-section .roi-title{font-size:2em!important}}