.cn-campaign-demo-section{background:linear-gradient(180deg,#06090f,#0a1018,#06090f);padding:80px 40px;position:relative;overflow:hidden}.cn-campaign-demo-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent)}.campaign-demo-container{max-width:1200px;margin:0 auto}.campaign-demo-header{text-align:center;margin-bottom:40px}.demo-label{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#0ff;background:#00ffff1a;padding:6px 14px;border-radius:20px;border:1px solid rgba(0,255,255,.2);margin-bottom:16px}.demo-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-.02em}.demo-subtitle{font-size:1.1rem;color:#fff9;margin:0}.budget-selector-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:30px;padding:16px 24px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.budget-label{font-size:.9rem;color:#ffffffb3;font-weight:500}.budget-pills{display:flex;gap:8px}.budget-pill{padding:8px 18px;font-size:.85rem;font-weight:500;color:#fff9;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;cursor:pointer;transition:all .2s ease}.budget-pill:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.budget-pill.active{background:linear-gradient(135deg,#00ffff26,#a855f726);border-color:#0ff6;color:#0ff}.campaign-info-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:30px}.campaign-artist{display:flex;align-items:center;gap:14px}.artist-thumb{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,255,255,.3)}.artist-details{display:flex;flex-direction:column;gap:2px}.artist-name{font-size:1rem;font-weight:600;color:#fff}.campaign-name{font-size:.85rem;color:#ffffff80}.campaign-stats{display:flex;gap:30px}.stat{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:1.2rem;font-weight:700;color:#0ff}.stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.campaign-spine-wrapper{position:relative;margin-bottom:24px}.campaign-spine{display:flex;gap:12px;padding:20px;background:#0006;border:1px solid rgba(0,255,255,.1);border-radius:16px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(0,255,255,.3) transparent}.campaign-spine::-webkit-scrollbar{height:6px}.campaign-spine::-webkit-scrollbar-track{background:#0003;border-radius:3px}.campaign-spine::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:3px}.spine-event{flex:0 0 160px;min-width:160px;padding:16px;background:linear-gradient(135deg,#141923e6,#0a0f19e6);border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative}.spine-event:hover{transform:translateY(-4px);border-color:#0ff6;box-shadow:0 8px 30px #00ffff26}.spine-event.is-hovered{border-color:#0ff9;background:linear-gradient(135deg,#00323c66,#140a2866)}.spine-event-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#00ffff1a;border-radius:10px;margin-bottom:12px}.spine-event-icon svg{width:18px;height:18px;stroke:#0ff}.spine-event-category{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#0ffc;background:#00ffff1a;padding:3px 8px;border-radius:10px;display:inline-block;margin-bottom:8px}.spine-event-title{font-size:.9rem;font-weight:600;color:#fff;line-height:1.3;margin-bottom:6px}.spine-event-date{font-size:.75rem;color:#fff6;font-family:Courier New,monospace}.spine-event-cost{position:absolute;bottom:12px;right:12px;font-size:.7rem;font-weight:600;color:#a855f7e6;background:#a855f726;padding:3px 8px;border-radius:8px}.spine-event[data-category=ANNOUNCEMENT] .spine-event-category{background:#00ffff26;color:#0ff}.spine-event[data-category=SINGLE] .spine-event-category{background:#a855f726;color:#a855f7}.spine-event[data-category=VIDEO] .spine-event-category{background:#ff6b6b26;color:#ff6b6b}.spine-event[data-category=SOCIAL] .spine-event-category{background:#00ffc826;color:#00ffc8}.spine-event[data-category=PRESS] .spine-event-category{background:#ffc10726;color:#ffc107}.spine-event[data-category=RELEASE] .spine-event-category{background:#00ff8826;color:#0f8}.spine-event[data-category=TV] .spine-event-category{background:#3b82f626;color:#3b82f6}.spine-event[data-category=TOUR] .spine-event-category{background:#ec489926;color:#ec4899}.translation-pill{position:absolute;bottom:-80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:16px 24px;background:linear-gradient(135deg,#001e28f2,#140a28f2);border:1px solid rgba(0,255,255,.3);border-radius:12px;box-shadow:0 10px 40px #00000080,0 0 30px #00ffff1a;opacity:0;visibility:hidden;transition:all .3s ease;z-index:10;white-space:nowrap}.translation-pill.is-visible{opacity:1;visibility:visible;bottom:-90px}.translation-original,.translation-adapted{display:flex;flex-direction:column;gap:4px}.translation-label{font-size:.7rem;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.translation-value{font-size:.9rem;font-weight:600;color:#fff}.translation-adapted .translation-value{color:#0ff}.translation-cost{font-size:.8rem;font-weight:700;color:#0f8;margin-top:2px}.translation-arrow{font-size:1.5rem;color:#0ff9}.gap-detection{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#ffc10714;border:1px solid rgba(255,193,7,.2);border-radius:10px;margin-bottom:30px;margin-top:100px}.gap-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffc10726;border-radius:50%}.gap-icon svg{stroke:#ffc107}.gap-content{display:flex;flex-direction:column;gap:2px}.gap-label{font-size:.75rem;font-weight:600;color:#ffc107;text-transform:uppercase;letter-spacing:.5px}.gap-suggestion{font-size:.9rem;color:#fffc}.receipts-row{padding:24px;background:linear-gradient(135deg,#00ff880d,#00ffff08);border:1px solid rgba(0,255,136,.15);border-radius:16px;margin-bottom:40px}.receipts-header{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}.receipts-label{font-size:1.1rem;font-weight:700;color:#0f8}.receipts-subtitle{font-size:.85rem;color:#ffffff80}.receipts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.receipt-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#0000004d;border:1px solid rgba(0,255,136,.1);border-radius:12px;text-align:center;transition:all .3s ease}.receipt-card:hover{border-color:#00ff884d;transform:translateY(-2px)}.receipt-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00ff881a;border-radius:10px}.receipt-icon svg{width:20px;height:20px;stroke:#0f8}.receipt-metric{font-size:1.8rem;font-weight:800;color:#0f8;text-shadow:0 0 20px rgba(0,255,136,.3)}.receipt-label{font-size:.8rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.demo-cta{text-align:center;padding:30px;background:linear-gradient(135deg,#00ffff0d,#a855f70d);border:1px solid rgba(0,255,255,.1);border-radius:16px}.cta-text{font-size:1.1rem;color:#fffc;margin:0 0 16px}.cta-button{padding:14px 40px;font-size:1rem;font-weight:700;color:#000;background:linear-gradient(135deg,#0ff,#0f8);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00ffff4d}@media (max-width: 900px){.cn-campaign-demo-section{padding:60px 20px}.demo-title{font-size:1.8rem}.budget-selector-row{flex-direction:column;gap:12px}.campaign-info-bar{flex-direction:column;gap:20px}.receipts-grid{grid-template-columns:repeat(2,1fr)}.translation-pill{flex-direction:column;gap:10px;padding:14px 18px}.translation-arrow{transform:rotate(90deg)}}@media (max-width: 600px){.budget-pills{flex-wrap:wrap;justify-content:center}.receipts-grid{grid-template-columns:1fr 1fr;gap:12px}.receipt-metric{font-size:1.4rem}}