.visualization-container{margin:2rem 0;padding:1.5rem;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.visualization-container:hover{transform:translateY(-5px)}.visualization-title{font-size:1.2rem;font-weight:600;color:var(--rare-black);margin-bottom:1rem;text-align:center}.visualization-description{font-size:.9rem;color:var(--charcoal);margin-top:1rem;text-align:center;font-style:italic}.loyalty-comparison{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.comparison-row{display:flex;align-items:stretch;gap:1rem}.comparison-header{flex:1;font-weight:600;color:var(--rare-black);text-align:center;padding:1rem;border-radius:8px;display:flex;align-items:center;justify-content:center}.comparison-header.traditional{background:linear-gradient(135deg,rgba(79,70,229,.15),rgba(13,44,157,.05));border:1px solid rgba(79,70,229,.2)}.comparison-header.newrons{background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.05));border:1px solid rgba(212,175,55,.2)}.comparison-item{flex:1;padding:1rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-align:center;min-height:80px}.comparison-item.traditional{background-color:rgba(79,70,229,.05);border:1px solid rgba(79,70,229,.1)}.comparison-item.newrons{background-color:rgba(212,175,55,.05);border:1px solid rgba(212,175,55,.1)}.comparison-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.05)}.comparison-item.traditional:hover{background-color:rgba(79,70,229,.1)}.comparison-item.newrons:hover{background-color:rgba(212,175,55,.1)}.comparison-label{flex:1;font-weight:500;padding:1rem;display:flex;align-items:center;color:var(--rare-black)}.comparison-icon{margin-right:.5rem;font-size:1.2rem}.comparison-check{display:inline-block;margin-right:.3rem;color:#4caf50;font-weight:700}.comparison-cross{display:inline-block;margin-right:.3rem;color:#f44336;font-weight:700}.journey-timeline{position:relative;margin:3rem 0;padding:0 1rem}.timeline-track{position:absolute;top:50%;top:42%;left:0;width:100%;height:4px;background:linear-gradient(to right,rgba(79,70,229,.3),rgba(212,175,55,.7));transform:translateY(-50%);z-index:1}.timeline-nodes{display:flex;justify-content:space-between;position:relative;z-index:2}.timeline-node{display:flex;flex-direction:column;align-items:center;width:20%;transition:all .3s ease}.timeline-node:hover{transform:translateY(-5px)}.timeline-node:hover .node-icon{transform:scale(1.1);box-shadow:0 8px 20px rgba(0,0,0,.15)}.node-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#fff,#f9f1f1);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease;position:relative;z-index:3}.node-icon::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(135deg,rgba(79,70,229,.8),rgba(212,175,55,.8));opacity:.1;z-index:-1;transition:opacity .3s ease}.timeline-node:hover .node-icon::after{opacity:.2}.node-label{font-size:.9rem;font-weight:600;color:var(--rare-black);text-align:center;margin-bottom:.5rem}.node-description{font-size:.8rem;color:var(--charcoal);text-align:center;max-width:150px}.engagement-metrics{display:flex;justify-content:space-around;margin:2rem 0}.metric-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(249,241,241,.95));box-shadow:0 4px 15px rgba(0,0,0,.08);transition:all .3s ease;width:22%}.metric-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.metric-icon{font-size:2rem;margin-bottom:1rem;color:var(--sapphire)}.metric-value{font-size:2.5rem;font-weight:700;color:var(--rare-black);margin-bottom:.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.metric-label{font-size:.9rem;font-weight:600;color:var(--rare-black);text-align:center;margin-bottom:.5rem}.metric-description{font-size:.8rem;color:var(--charcoal);text-align:center}@media (max-width:768px){.visualization-container{padding:1rem}.loyalty-comparison{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.comparison-row{display:contents}.comparison-label{grid-column:1/-1;text-align:center;justify-content:center;margin-top:1rem;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.5rem}.comparison-item{text-align:left;justify-content:flex-start}.comparison-item.traditional{grid-column:1}.comparison-item.newrons{grid-column:2}.timeline-nodes{flex-direction:column;gap:2rem;align-items:flex-start;padding-left:2rem}.timeline-node{width:100%}.timeline-track{top:0;left:30px;width:4px;height:100%;transform:translateY(0);transition:height 1.5s ease-in-out}.engagement-metrics{flex-wrap:wrap;gap:1rem}.metric-card{width:45%}}@media (max-width:480px){.metric-card{width:100%}}