.personalization-demo{background-color:#f3f9ff;flex-direction:column;min-height:100vh}.demo-container,.personalization-demo{align-items:center;display:flex;justify-content:center}.demo-container{height:750px;position:relative;width:750px}.website-frame{background-color:#f3f9ff;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.15);flex-direction:column;height:224px;justify-content:flex-start;left:50%;overflow:hidden;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:320px}.url-bar,.website-frame{align-items:center;display:flex}.url-bar{background-color:#e5e7eb;border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box;gap:6px;height:16px;padding:0 12px;width:100%}.url-bar .dot{border-radius:50%;height:12px;width:12px}.url-bar .red{background-color:#ef4444}.url-bar .yellow{background-color:#facc15}.url-bar .green{background-color:#22c55e}.content-area{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;width:100%}.content-box{background-color:#d1d5db;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);height:64px;margin-bottom:12px;width:96px}.content-text{font-size:14px;font-weight:500;padding:0 8px;text-align:center}.event-box{align-items:center;background-color:#f3f4f6;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.15);display:flex;flex-direction:column;height:80px;justify-content:center;padding:4px;position:absolute;text-align:center;transition:all .5s ease,box-shadow .3s ease;width:144px}.event-box.active{background-color:#3b82f6;box-shadow:0 10px 25px rgba(0,0,0,.2);color:#fff;transform:scale(1.15)}.event-box .event-icon{font-size:16px;margin-bottom:4px}