/* Unchanged supplied artwork, responsive framing and native live data. */
.fr-feature-video-stage{overflow:hidden;border-radius:20px;background:#fff}
.fr-feature-video{display:block;width:100%;height:auto;object-fit:contain;border-radius:20px}
.fr-feature-video-controls{display:flex;gap:8px 20px;flex-wrap:wrap;padding-top:16px}
.fr-feature-video-controls button{font:600 13px/1.35 Gilroy,sans-serif;padding:10px 12px;border:1px solid #bfd8ed;border-radius:8px;background:#f3f8fd;color:#1265a6;cursor:pointer}
.fr-feature-video-controls .fr-feature-video-toggle{background:transparent;border-color:transparent;padding:10px 0;font-weight:400;text-decoration:underline;text-underline-offset:4px}
.fr-feature-video-controls button:hover{background:#e7f1fb}
.fr-feature-video-controls button:focus-visible{outline:3px solid #1685e4;outline-offset:3px}
.fr-feature-video-controls[hidden],.fr-feature-video-error[hidden]{display:none!important}
.fr-feature-video-error{font-size:14px;line-height:1.5;margin-top:16px}.fr-feature-video-error a{text-decoration:underline;color:#0877a6}
@media(max-width:767px){.fr-feature-video-stage,.fr-feature-video{border-radius:14px}.fr-feature-video-controls{gap:6px 10px}}
.fr-live-features .fr-feature-explorer{grid-template-columns:260px minmax(0,1fr);gap:34px}
.fr-live-features .fr-feature-tabs button{font-size:17px;padding:20px 14px}
.fr-image-stage{display:block;min-height:0;padding:0;background:#eaf3fc;border-radius:18px}
.fr-scene{position:relative;aspect-ratio:960/915;overflow:hidden;container-type:inline-size;border-radius:18px}
.fr-scene-canvas{position:absolute;width:150.833333%;aspect-ratio:1448/1086;left:-38.541667%;top:-10.273224%;container-type:inline-size;color:#080b3d;font-family:Arial,sans-serif}
.fr-scene-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}
.fr-scene-layer{position:absolute;box-sizing:border-box;font-size:var(--scene-font);line-height:1.2}
.fr-scene-layer strong{font-weight:700}.fr-points-number{display:flex;align-items:center;color:#fff;background:#30190d}
.fr-points-main-track,.fr-points-next-track,.fr-stamp-track{overflow:hidden;border-radius:30px;background:#7c674d}
.fr-points-main-track>span,.fr-points-next-track>span,.fr-stamp-track>span{display:block;height:100%;width:75%;border-radius:inherit;transition:width 850ms cubic-bezier(.16,1,.3,1)}
.fr-points-main-track>span{background:#ffdf9a}.fr-points-next-track{background:#dfedfd;border:3px solid #fff}.fr-points-next-track>span{background:#1989ff}
.fr-points-main-note{display:flex;align-items:center;padding-left:.1%;background:linear-gradient(90deg,#3a2113,#472916eb);color:#fff;white-space:nowrap}
.fr-points-next-note{display:flex;align-items:center;color:#61638e;background:#fff;white-space:nowrap}
.fr-points-history{background:#fff;color:#047c5d;display:flex;flex-direction:column;justify-content:center;gap:4px}.fr-points-history>span{font-size:.92em;color:#717598}
.fr-scene-demo.is-awarded .fr-points-next-note{color:#087849;font-weight:700}.fr-scene-demo.is-awarded .fr-points-main-track>span{background:#ffe5ad}
.fr-stage-tampons.fr-image-stage{background:#f8f3e9;padding:24px}.fr-scene[data-scene=tampons]{max-width:560px;aspect-ratio:735/885;margin:auto}
.fr-scene[data-scene=tampons] .fr-scene-canvas{width:197.006803%;left:-48.571429%;top:-11.864407%}
.fr-stamp-grid{background:#fff;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:9% 6%;padding:1% .5%}
.fr-live-stamp{display:flex;align-items:center;justify-content:center;aspect-ratio:1;align-self:center;border:1px dashed #cba77e;border-radius:50%;color:#bda58f;background:#fff;transition:background 300ms,border-color 300ms,color 300ms}
.fr-live-stamp svg{width:52%;height:52%;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fr-live-stamp.is-stamped{border-style:solid;border-color:#c29157;background:#fbeace;color:#795034}.fr-live-stamp.is-stamped svg{fill:#79503415}
.fr-live-stamp.is-new{animation:fr-scene-stamp 450ms cubic-bezier(.16,1,.3,1)}
.fr-stamp-count{display:flex;align-items:center;gap:2%;background:#fff;color:#131932;white-space:nowrap}.fr-stamp-count>span{font-size:.82em;color:#6c708a}
.fr-stamp-remaining{background:#fff;color:#656a83;display:flex;align-items:center;justify-content:flex-end;white-space:nowrap}.fr-stamp-track{background:#eee7dd;border:2px solid white}.fr-stamp-track>span{background:#805033;width:37.5%}
.fr-stamp-reward{background:#faf5ee;color:#805033;display:flex;align-items:center;font-family:Georgia,serif;white-space:nowrap}
.fr-crm-metric{background:#fff;display:flex;align-items:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.fr-crm-mobile-label{display:none}.fr-crm-bars{display:flex;align-items:flex-end;justify-content:space-around;background:#fff;border-bottom:1px solid #dbe8f6;gap:3%;padding:0 1%;background-image:linear-gradient(#e7eef6 1px,transparent 1px);background-size:100% 25%}
.fr-crm-bars>span{height:var(--bar-target);flex:1;position:relative;display:flex;align-items:flex-end}.fr-crm-bars i{display:block;width:100%;height:40%;border-radius:3px 3px 0 0;background:linear-gradient(#acd6ff 0 28%,#298ff1 28%);transition:height 900ms cubic-bezier(.16,1,.3,1)}.fr-crm-bars small{display:none}
.fr-crm-ring{border-radius:50%;padding:0;background:conic-gradient(#2389f4 0 62%,#73b6fb 62% 90%,#badbff 90% 100%);display:flex;align-items:center;justify-content:center}
.fr-crm-ring>div{position:absolute;inset:17%;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.fr-crm-ring span{font-size:.55em;color:#676d90;margin-top:4%}
.fr-crm-customers,.fr-crm-activity{background:#fff;overflow:hidden}.fr-crm-customers h4{display:none}.fr-crm-customers ul,.fr-crm-activity ul{padding:0!important;margin:0!important;list-style:none!important;display:grid;grid-template-rows:repeat(6,1fr);height:100%;gap:0}
.fr-crm-customers li,.fr-crm-activity li{display:flex;align-items:center;gap:3%;padding:0!important;margin:0!important;border-bottom:1px solid #ecedf4;opacity:0;visibility:hidden;transform:translateY(10px);clip-path:inset(0 0 100% 0);transition:opacity 400ms,transform 550ms cubic-bezier(.16,1,.3,1),clip-path 550ms cubic-bezier(.16,1,.3,1);font-size:1em!important}
.fr-crm-customers li:before,.fr-crm-activity li:before{display:none!important}.fr-crm-customers li.is-shown,.fr-crm-activity li.is-shown{opacity:1;visibility:visible;transform:none;clip-path:inset(0)}
.fr-crm-avatar{width:8%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--avatar-color);color:#166997;flex-shrink:0;font-weight:700}.fr-crm-customers li>span:nth-child(2),.fr-crm-activity li>span:nth-child(2){flex:1;min-width:0}
.fr-crm-customers strong,.fr-crm-activity strong{display:block;font-size:.96em;white-space:nowrap;font-weight:500}.fr-crm-customers small,.fr-crm-activity small{display:block;margin-top:4%;font-size:.84em;color:#737697}.fr-crm-customers b{font-size:.96em;white-space:nowrap}
.fr-crm-activity-dot{width:7%;aspect-ratio:1;flex-shrink:0;border-radius:50%;background:#e1f2e9;position:relative}.fr-crm-activity-dot:after{content:'';position:absolute;width:30%;height:30%;left:35%;top:35%;border-radius:50%;background:#00916d}
.fr-notification-pocket{overflow:hidden;border-radius:12px;background:#704923}.fr-notification-wallpaper{position:absolute;inset:0;overflow:hidden}.fr-notification-wallpaper img{position:absolute;width:434.834835%;max-width:none;height:1014.953271%;left:-283.783784%;top:-547.663551%;object-fit:fill}
.fr-bakery-alert{position:absolute;inset:0;border-radius:12px;padding:3% 4%;box-sizing:border-box;background:#fff6e8f2;box-shadow:0 5px 14px #2d190d26;transform:translateY(-110%);opacity:0;transition:transform 700ms cubic-bezier(.16,1,.3,1),opacity 350ms}
.fr-scene-demo.has-notification .fr-bakery-alert{transform:none;opacity:1}.fr-bakery-alert>div{display:flex;align-items:center;gap:4%;font-size:.75em}.fr-bakery-icon{width:9%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#a12445;color:white;border-radius:5px;font-weight:700}.fr-bakery-alert small{margin-left:auto;font-size:.85em;color:#62617b}.fr-bakery-alert p{font-family:Arial,sans-serif;font-size:1em!important;line-height:1.24!important;margin:3% 0 0!important;color:#111435}
.fr-scene-footer{padding:16px 0 0}.fr-scene-status{font-size:14px!important;line-height:1.5!important;color:#434763;margin:0 0 10px!important;min-height:42px}.fr-scene-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}.fr-scene-controls button{font:600 13px/1.35 Gilroy,sans-serif;padding:10px 12px;border:1px solid #bfd8ed;border-radius:8px;background:#f3f8fd;color:#1265a6;cursor:pointer}.fr-scene-controls .fr-scene-play{background:transparent;border-color:transparent;padding:10px 0;font-weight:400;text-decoration:underline;text-underline-offset:4px}.fr-scene-controls button:hover{background:#e7f1fb}.fr-scene-controls button:focus-visible{outline:3px solid #1685e4;outline-offset:3px}.fr-scene-example{display:block;margin-top:12px;font-size:11px;color:#686d82}
.fr-scene-demo.is-paused *{animation-play-state:paused!important}
.fr-notification-wallpaper{filter:blur(14px);transform:scale(1.12)}
.fr-crm-customers,.fr-crm-activity{padding-bottom:.8cqw}
@keyframes fr-scene-stamp{0%{transform:scale(1.18);filter:blur(1px)}100%{transform:scale(1);filter:blur(0)}}
@media(max-width:767px){
.fr-live-features .fr-feature-explorer{grid-template-columns:1fr;gap:24px}.fr-live-features .fr-feature-tabs button{font-size:14px;padding:14px 12px}.fr-image-stage{border-radius:14px}.fr-scene{border-radius:14px}
.fr-scene[data-scene=points]{aspect-ratio:608/284}.fr-scene[data-scene=points] .fr-scene-canvas{width:238.157895%;left:-62.993421%;top:-93.309859%}
.fr-scene[data-scene=campagnes]{aspect-ratio:390/444}.fr-scene[data-scene=campagnes] .fr-scene-canvas{width:371.282051%;left:-234.615385%;top:-59.684685%}
.fr-stage-tampons.fr-image-stage{padding:8px}.fr-scene-controls{gap:6px 10px}.fr-scene-controls button{font-size:12px}.fr-scene-status{font-size:13px!important}
.fr-scene[data-scene=analyse]{aspect-ratio:auto;background:#eef5fc}.fr-scene[data-scene=analyse] .fr-scene-canvas{position:relative;width:100%;left:0;top:0;aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;box-sizing:border-box}
.fr-scene[data-scene=analyse] .fr-scene-art,.fr-scene[data-scene=analyse] .fr-crm-ring,.fr-scene[data-scene=analyse] .fr-crm-activity{display:none}
.fr-scene[data-scene=analyse] .fr-scene-layer{position:relative;left:auto!important;top:auto!important;width:auto!important;height:auto!important;font-size:14px}
.fr-scene[data-scene=analyse] .fr-crm-metric{display:block;padding:14px 12px;border-radius:10px}.fr-crm-mobile-label{display:block;font-size:12px;margin-bottom:8px;color:#5d6580}.fr-scene[data-scene=analyse] .fr-crm-metric strong{font-size:25px}
.fr-scene[data-scene=analyse] .fr-crm-bars{grid-column:1/-1;height:140px!important;padding:12px 12px 25px;border-radius:10px}.fr-crm-bars small{display:block;position:absolute;bottom:-20px;font-size:9px;width:100%;text-align:center;color:#5d6580}
.fr-scene[data-scene=analyse] .fr-crm-customers{grid-column:1/-1;padding:14px;border-radius:10px;min-height:284px}.fr-crm-customers h4{display:block;font-size:15px;margin:0 0 8px}.fr-crm-customers ul{height:242px}.fr-crm-avatar{width:30px}
}
@media(prefers-reduced-motion:reduce){.fr-scene-demo *{animation:none!important;transition:none!important}}