.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%}.container{margin:0 auto;max-width:1200px;padding:0 24px;position:relative;z-index:10}.roi-header{margin-bottom:64px;text-align:center}.roi-title{color:#20274d;font-family:Inter,system-ui,sans-serif;font-size:3rem;font-weight:700;margin-bottom:24px;position:relative}.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-title{font-size:2.5rem}}@media (max-width:768px){.roi-title{font-size:2rem}}.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-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-comparison{align-items:center;display:grid;gap:64px;grid-template-columns:1fr 1fr;margin-bottom:64px}@media (max-width:1024px){.roi-comparison{gap:32px;grid-template-columns:1fr}}.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-frontline{border:1px solid rgba(59,130,246,.3);overflow:hidden;position:relative}.roi-frontline,.roi-frontline:before{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(20,184,166,.1))}.roi-frontline:before{border-radius:50%;content:"";height:128px;position:absolute;right:0;top:0;transform:translate(64px,-64px);width:128px}.recommended-badge{align-items:center;animation: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 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-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-card-title.traditional{color:#ef4444}.roi-card-title.frontline{color:#3b82f6}.roi-icon{flex-shrink:0}.roi-timeline{margin-bottom:24px}.timeline-label{color:#6b7280;font-family:Inter,system-ui,sans-serif;font-size:.875rem;margin-bottom:8px}.frontline-label{color:#1d4ed8}.timeline-bar{background:#e5e7eb;border-radius:6px;height:12px;position:relative;width:100%}.frontline-bar{background:#dbeafe}.timeline-fill{align-items:center;border-radius:6px;display:flex;height:100%;justify-content:flex-end;padding-right:8px;position:relative}.traditional-fill{background:#ef4444;width:80%}.frontline-fill{animation:slideIn 1s ease-out;background:#10b981;width:25%}@keyframes slideIn{0%{width:0}to{width:25%}}.timeline-text{font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-weight:600;position:absolute;right:0;top:16px}.frontline-text{color:#059669}.roi-items{display:flex;flex-direction:column;gap:16px}.roi-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.roi-item:last-child{border-bottom:none}.roi-item-name{color:#374151}.roi-item-name,.roi-item-time{font-family:Inter,system-ui,sans-serif}.roi-item-time{font-weight:600}.traditional-time{color:#ef4444}.frontline-time{color:#10b981}.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}.stats-title{font-family:Inter,system-ui,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:16px}.stats-title-gradient{background:linear-gradient(90deg,#9333ea,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stats-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:32px 0}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}}.stat-item{text-align:center}.stat-value{animation:slideIn 1s ease-out;font-family:Inter,system-ui,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-value.green{color:#10b981}.stat-value.blue{animation-delay:.2s;color:#3b82f6}.stat-value.teal{animation-delay:.4s;color:#14b8a6}.stat-label{color:#6b7280;font-family:Inter,system-ui,sans-serif}.roi-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}@media (max-width:640px){.roi-buttons{align-items:center;flex-direction:column}}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Inter,system-ui,sans-serif;font-size:1rem;font-weight:600;gap:8px;padding:16px 32px;transition:all .3s ease}.btn-primary{background:linear-gradient(90deg,#9333ea,#3b82f6);color:#fff}.btn-primary:hover{box-shadow:0 10px 25px rgba(147,51,234,.3);transform:translateY(-1px)}.btn-secondary{background:transparent;border:2px solid #9333ea;color:#9333ea}.btn-secondary:hover{background:#f3e8ff}