.marketing-experience-art{isolation:isolate;perspective:700px;pointer-events:none;width:100%;height:150px;display:block;position:relative}.marketing-experience-art *,.marketing-experience-art :before,.marketing-experience-art :after{box-sizing:border-box}.marketing-experience-art .experience-art-halo{background:radial-gradient(#e7f1ff 0%,#eff6ff 57%,#0000 72%);border-radius:50%;width:190px;height:132px;position:absolute;top:4px;left:50%;translate:-50%}.marketing-experience-art .experience-art-ground{filter:blur(6px);background:#5a8fe720;border-radius:50%;width:145px;height:19px;animation:5s ease-in-out infinite experience-art-shadow;position:absolute;bottom:5px;left:50%;translate:-50%}.marketing-experience-art .experience-art-scene{width:170px;height:130px;transform-style:preserve-3d;margin-left:-85px;animation:5s ease-in-out infinite experience-art-hover;position:absolute;top:3px;left:50%}.marketing-experience-art .experience-art-back-sheet{background:linear-gradient(145deg,#c8dfff,#a8c9ff);border-radius:13px;width:112px;height:112px;position:absolute;top:4px;left:34px;transform:rotateY(-16deg)rotate(8deg)translateZ(-12px);box-shadow:2px 4px #8ab4f3}.marketing-experience-art .experience-art-document{background:linear-gradient(135deg,#fff 42%,#f4f8ff);border:1px solid #dce8fa;border-radius:12px;width:112px;height:112px;position:absolute;top:12px;left:23px;overflow:hidden;transform:rotateY(-16deg)rotateX(8deg)rotate(-7deg);box-shadow:3px 5px #d5e4fa,8px 12px 18px #2a63af19}.marketing-experience-art .experience-art-document-top{background:#f0f5ff;border-bottom:1px solid #e4edfc;align-items:center;gap:3px;height:20px;padding:0 10px;display:flex}.marketing-experience-art .experience-art-document-top i{background:#b4c9e9;border-radius:50%;width:3px;height:3px;display:block}.marketing-experience-art .experience-art-plan-heading{background:#2b6cf0;border-radius:4px;width:49px;height:6px;margin:11px 12px 9px;display:block}.marketing-experience-art .experience-art-plan-row{align-items:center;gap:7px;margin:7px 12px;display:flex}.marketing-experience-art .experience-art-plan-row b{color:#3778e8;background:#e8f1ff;border-radius:5px;place-items:center;width:14px;height:14px;font:700 9px/1 Arial,sans-serif;display:grid}.marketing-experience-art .experience-art-plan-row i{background:#dce7f7;border-radius:5px;width:56px;height:5px;display:block}.marketing-experience-art .experience-art-plan-row:last-child i{width:35px}.marketing-experience-art .experience-art-plan-row:nth-last-child(2) i{width:46px}.marketing-experience-art .experience-art-badge{background:linear-gradient(140deg,#64b4ff,#2e7cf3 54%,#2860d4);border:1px solid #8abfff;border-radius:17px;place-items:center;width:53px;height:53px;animation:5s ease-in-out infinite experience-art-badge;display:grid;position:absolute;top:61px;left:117px;transform:translateZ(30px)rotate(10deg);box-shadow:3px 5px #1b58ca,5px 10px 14px #2b72d929,inset 0 2px 2px #ffffff61}.marketing-experience-art .experience-art-badge>svg{width:35px;height:35px}.marketing-experience-art .experience-art-float-card{background:#fff;border:1px solid #e1ebf9;border-radius:10px;align-items:center;gap:7px;width:80px;height:36px;padding:7px;animation:5s ease-in-out infinite experience-art-chip;display:flex;position:absolute;top:0;left:-16px;transform:translateZ(38px)rotate(-5deg);box-shadow:2px 4px #dbe7f7,2px 7px 13px #3673be12}.marketing-experience-art .experience-art-mini-icon{color:#3a85f6;background:#eaf3ff;border-radius:7px;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.marketing-experience-art .experience-art-mini-icon svg{width:18px;height:18px}.marketing-experience-art .experience-art-float-card>span:last-child{gap:5px;display:grid}.marketing-experience-art .experience-art-float-card i{background:#b4cdf0;border-radius:4px;width:31px;height:4px;display:block}.marketing-experience-art .experience-art-float-card i:last-child{background:#e0e9f7;width:22px;height:3px}.marketing-experience-art .experience-art-spark{border:2px solid #b9d6ff;border-radius:2px;width:7px;height:7px;animation:5s ease-in-out infinite experience-art-spark;position:absolute;transform:rotate(45deg)}.marketing-experience-art .experience-art-spark--one{top:18px;left:calc(50% + 88px)}.marketing-experience-art .experience-art-spark--two{border-width:1px;width:5px;height:5px;animation-delay:-2s;bottom:23px;left:calc(50% - 91px)}.marketing-experience-art--experienced .experience-art-scene{animation-delay:-1.5s}.marketing-experience-art--experienced .experience-art-back-sheet{background:linear-gradient(145deg,#b6d8ff,#82b9ff);width:134px;height:101px;top:11px;left:17px;transform:rotateY(16deg)rotate(-5deg)translateZ(-12px)}.marketing-experience-art--experienced .experience-art-document{width:134px;height:101px;top:20px;left:25px;transform:rotateY(16deg)rotateX(8deg)rotate(5deg)}.marketing-experience-art--experienced .experience-art-document-top{height:18px}.marketing-experience-art--experienced .experience-art-badge{border-radius:50%;width:45px;height:45px;animation-name:experience-art-check;top:70px;left:-1px;transform:translateZ(30px)rotate(-8deg)}.marketing-experience-art--experienced .experience-art-badge>svg{width:32px;height:32px}.marketing-experience-art--experienced .experience-art-float-card{width:78px;animation-name:experience-art-result;top:0;left:105px;transform:translateZ(38px)rotate(6deg)}.marketing-experience-art .experience-art-metrics{gap:5px;padding:7px 10px 0;display:flex}.marketing-experience-art .experience-art-metrics i{background:#e9f1ff;border-radius:3px;width:24px;height:8px;display:block}.marketing-experience-art .experience-art-metrics i:first-child{background:#c8ddff}.marketing-experience-art .experience-art-chart{background:repeating-linear-gradient(0deg,#0000 0 15px,#edf3fc 15px 16px);border-bottom:1px solid #dbe7f8;height:53px;position:absolute;bottom:9px;left:11px;right:11px}.marketing-experience-art .experience-art-bars{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:0 5px}.marketing-experience-art .experience-art-bars i{transform-origin:bottom;background:linear-gradient(#a2c8ff,#d5e7ff);border-radius:3px 3px 0 0;width:12px;height:15px;animation:5s ease-in-out infinite experience-art-bar;display:block}.marketing-experience-art .experience-art-bars i:nth-child(2){height:22px;animation-delay:-.15s}.marketing-experience-art .experience-art-bars i:nth-child(3){height:19px;animation-delay:-.3s}.marketing-experience-art .experience-art-bars i:nth-child(4){height:35px;animation-delay:-.45s}.marketing-experience-art .experience-art-bars i:nth-child(5){background:linear-gradient(#4b94ff,#abcfff);height:45px;animation-delay:-.6s}.marketing-experience-art .experience-art-chart svg{color:#2c73e9;width:100%;height:100%;position:absolute;inset:0}@keyframes experience-art-hover{0%,to{transform:translateY(2px)rotateX(0)}50%{transform:translateY(-5px)rotateX(3deg)}}@keyframes experience-art-shadow{0%,to{opacity:.8;scale:1}50%{opacity:.45;scale:.9}}@keyframes experience-art-badge{0%,to{transform:translateZ(30px)translateY(0)rotate(10deg)}50%{transform:translateZ(30px)translateY(-5px)rotate(4deg)}}@keyframes experience-art-chip{0%,to{transform:translateZ(38px)translateY(0)rotate(-5deg)}50%{transform:translateZ(38px)translateY(3px)rotate(-2deg)}}@keyframes experience-art-check{0%,to{transform:translateZ(30px)translateY(0)rotate(-8deg)}50%{transform:translateZ(30px)translateY(-4px)rotate(-2deg)}}@keyframes experience-art-result{0%,to{transform:translateZ(38px)translateY(0)rotate(6deg)}50%{transform:translateZ(38px)translateY(-3px)rotate(3deg)}}@keyframes experience-art-bar{0%,to{transform:scaleY(.88)}50%{transform:scaleY(1)}}@keyframes experience-art-spark{0%,to{opacity:.5}50%{opacity:1}}@media (max-width:600px){.marketing-experience-art{height:130px}.marketing-experience-art .experience-art-scene{transform-origin:50% 40%;scale:.88}.marketing-experience-art .experience-art-halo{width:170px;height:115px}.marketing-experience-art .experience-art-ground{width:125px;bottom:0}}@media (prefers-reduced-motion:reduce){.marketing-experience-art *,.marketing-experience-art :before,.marketing-experience-art :after{animation:none!important}}
