#app {margin: 0px; background: rgb(255, 255, 255);}
#app a {color: rgb(75, 59, 196);}
#app a:hover {color: rgb(47, 35, 144);}
#app .wrap {max-width: 1160px; margin: 0px auto; padding: 0px 24px; box-sizing: border-box;}
#app .sec {padding: 96px 0px;}
#app .h2 {font-size: 40px; line-height: 1.15; text-align: center; margin: 0px 0px 12px; letter-spacing: 0px;}
#app .lead {text-align: center; font-size: 18px; color: rgb(93, 88, 115); margin: 0px 0px 48px;}
#app details summary {cursor: pointer; list-style: none;}
#app details summary::-webkit-details-marker {display: none;}
#app details[open] .chev {transform: rotate(180deg);}
#app input[type="range"] {appearance: none; width: 100%; height: 28px; margin: 0px; background: transparent; cursor: pointer;}
#app input[type="range"]::-webkit-slider-runnable-track {height: 6px; border-radius: 999px; background: linear-gradient(90deg,#5B4BD1 var(--p,0%),#E7E3F6 var(--p,0%));}
#app input[type="range"]::-moz-range-track {height: 6px; border-radius: 999px; background: rgb(231, 227, 246);}
#app input[type="range"]::-moz-range-progress {height: 6px; border-radius: 999px; background: rgb(91, 75, 209);}
#app input[type="range"]::-webkit-slider-thumb {appearance: none; width: 22px; height: 22px; margin-top: -8px; box-sizing: border-box; border-radius: 50%; background: rgb(91, 75, 209); border: 3px solid rgb(255, 255, 255); box-shadow: rgba(91, 75, 209, 0.35) 0px 0px 0px 1px, rgba(43, 31, 140, 0.3) 0px 2px 6px;}
#app input[type="range"]::-moz-range-thumb {width: 22px; height: 22px; box-sizing: border-box; border-radius: 50%; background: rgb(91, 75, 209); border: 3px solid rgb(255, 255, 255); box-shadow: rgba(91, 75, 209, 0.35) 0px 0px 0px 1px, rgba(43, 31, 140, 0.3) 0px 2px 6px;}
#app input[type="range"]:focus-visible {outline: none;}
#app input[type="range"]:focus-visible::-webkit-slider-thumb {box-shadow: rgba(91, 75, 209, 0.25) 0px 0px 0px 4px;}
#app .screen {animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running screenIn;}
@keyframes screenIn {
0% { opacity: 0; transform: translateY(8px); }
100% { opacity: 1; transform: none; }
}
#app .pop {animation: 0.8s cubic-bezier(0.34, 1.3, 0.64, 1) 0.15s 1 normal both running pop;}
@keyframes pop {
0% { opacity: 0; transform: scale(0.8); }
100% { opacity: 1; transform: scale(1); }
}
#app .sheetUp {animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running sheetUp;}
@keyframes sheetUp {
0% { transform: translateY(100%); }
100% { transform: none; }
}
#app .notif {animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running notif;}
@keyframes notif {
0% { opacity: 0; transform: translateY(18px) scale(0.94); }
100% { opacity: 1; transform: none; }
}
#app .glow {position: absolute; inset: 0px; border-radius: inherit; box-shadow: rgb(123, 106, 230) 0px 0px 0px 2px inset, rgba(123, 106, 230, 0.25) 0px 0px 0px 6px; pointer-events: none; animation: 1.6s ease-out 0s 1 normal forwards running glow;}
@keyframes glow {
0% { opacity: 0; }
20% { opacity: 1; }
100% { opacity: 0; }
}
#app .glow {display: none !important;}
#app .notif {animation: auto ease 0s 1 normal none running none !important;}
@keyframes notif {
0% { opacity: 0; transform: translateY(8px); }
100% { opacity: 1; transform: none; }
}
#app .spin {animation: 0.9s linear 0s infinite normal none running spin;}
#app .drift {animation: 6s ease-in-out 0s infinite normal none running drift;}
@keyframes drift {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-8px); }
}
#app .phonedeco img, #app .deco img {max-width: none;}
#app .twinkle {animation: 2.8s ease-in-out 0s infinite normal none running twinkle;}
@keyframes twinkle {
0%, 100% { opacity: 0.35; transform: scale(0.7); }
50% { opacity: 1; transform: scale(1); }
}
@media (max-width: 1100px) {#app .phonedeco {transform: scale(0.8);}}
@media (max-width: 900px) {#app .deco {display: none;}}
#app .faqgrid {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; align-items: start;}
@media (max-width: 760px) {#app .faqgrid {grid-template-columns: minmax(0px, 1fr);}}
@keyframes spin {
100% { transform: rotate(360deg); }
}
#app .fillX {position: absolute; left: 0px; top: 0px; height: 100%; width: 0px; border-radius: 4px; background: linear-gradient(90deg, rgb(183, 170, 242), rgb(91, 75, 209)); animation: 2.4s cubic-bezier(0.65, 0, 0.35, 1) 0s 1 normal forwards running fillX;}
#app .fillX::after {display: none; content: ""; position: absolute; right: -8px; top: 50%; width: 16px; height: 16px; margin-top: -8px; border-radius: 50%; background: rgb(255, 255, 255); border: 4px solid rgb(91, 75, 209); box-sizing: border-box; box-shadow: rgba(91, 75, 209, 0.18) 0px 0px 0px 6px; animation: 2.4s ease 0s 1 normal forwards running headFade;}
@keyframes fillX {
100% { width: 100%; }
}
@keyframes headFade {
0%, 80% { opacity: 1; }
100% { opacity: 0; }
}
#app .ring {animation: 1.1s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running ring;}
@keyframes ring {
0% { opacity: 0.7; transform: scale(0.5); }
100% { opacity: 0; transform: scale(1.15); }
}
#app .coinDrop {animation: 1s cubic-bezier(0.5, 0, 0.75, 0) 0s 1 normal both running coinDrop;}
@keyframes coinDrop {
0% { opacity: 0; transform: translateY(-24px) scale(0.8); }
25% { opacity: 1; }
100% { opacity: 0; transform: translateY(46px) scale(0.6); }
}
@keyframes rise {
0% { opacity: 0; transform: translateY(24px); }
100% { opacity: 1; transform: none; }
}
@keyframes starIn {
0% { opacity: 0; transform: scale(0.3) rotate(-30deg); }
100% { opacity: 1; transform: none; }
}
#app .slideIn {animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running slideIn;}
@keyframes slideIn {
0% { opacity: 0; transform: translateX(-24px); }
100% { opacity: 1; transform: none; }
}
#app .fadeIn {animation: 0.3s ease 0s 1 normal both running fadeIn;}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
#app .how {display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 64px; align-items: center;}
#app .flow {display: grid; grid-template-columns: minmax(0px, 1fr) minmax(60px, 120px) minmax(0px, 1fr) minmax(60px, 120px) minmax(0px, 1fr); align-items: start;}
#app .node {display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center; min-width: 0px;}
#app .nodeArt {height: 140px; width: 100%; display: flex; align-items: center; justify-content: center; position: relative;}
#app .track {position: relative; width: 100%; height: 6px; margin-top: 67px; border-radius: 6px; background: rgb(236, 232, 251);}
@media (max-width: 1080px) {#app .nodeArt > * {zoom: 0.76;}}
@media (max-width: 920px) {#app .nodeArt > * {zoom: 0.66;}}
@media (max-width: 760px) {#app .flow {grid-template-columns: minmax(0px, 1fr); gap: 28px;}
#app .track {display: none;}}
#app .coin {position: absolute; top: 50%; left: 0px; width: 24px; height: 24px; margin-top: -12px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, rgb(255, 229, 138), rgb(245, 181, 36) 60%, rgb(217, 147, 12)); box-shadow: rgba(217, 147, 12, 0.35) 0px 2px 6px; color: rgb(138, 90, 0); font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; animation: 1.8s cubic-bezier(0.45, 0, 0.55, 1) 0s infinite normal none running moveX;}
#app .coin.d2 {animation-delay: 0.6s;}
#app .coin.d3 {animation-delay: 1.2s;}
@keyframes moveX {
0% { left: 0px; opacity: 0; }
12% { opacity: 1; }
88% { opacity: 1; }
100% { left: calc(100% - 24px); opacity: 0; }
}
#app .pulse {animation: 2.4s ease-in-out 0s infinite normal none running pulse;}
@keyframes pulse {
0%, 100% { box-shadow: rgba(91, 75, 209, 0.35) 0px 14px 30px, rgba(91, 75, 209, 0.35) 0px 0px 0px 0px; }
50% { box-shadow: rgba(91, 75, 209, 0.35) 0px 14px 30px, rgba(91, 75, 209, 0) 0px 0px 0px 22px; }
}
#app .bob {animation: 3s ease-in-out 0s infinite normal none running bob;}
@keyframes bob {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-6px); }
}
#app .floatUp {animation: 2.4s ease-out 0s infinite normal none running floatUp;}
@keyframes floatUp {
0% { opacity: 0; transform: translateY(10px) scale(0.9); }
20% { opacity: 1; transform: none; }
75% { opacity: 1; }
100% { opacity: 0; transform: translateY(-14px); }
}
#app .marquee {overflow: hidden; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, transparent);}
#app .mtrack {display: flex; gap: 14px; width: max-content; will-change: transform;}
#app .marquee:hover .mtrack {animation-play-state: paused;}
@keyframes marquee {
0% { transform: translateX(0px); }
100% { transform: translateX(calc(-50% - 7px)); }
}
#app .calc {display: grid; grid-template-columns: minmax(0px, 1.35fr) minmax(0px, 1fr); gap: 16px; align-items: stretch;}
#app .reviews {overflow: hidden; margin: 0px -24px; padding: 6px 0px 10px; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 7%, rgb(0, 0, 0) 93%, transparent);}
#app .revtrack {display: flex; gap: 16px; width: max-content; animation: 64s linear 0s infinite normal none running revloop;}
#app .reviews:hover .revtrack {animation-play-state: paused;}
#app .revtrack > div {flex: 0 0 340px; width: 340px;}
@keyframes revloop {
0% { transform: translateX(0px); }
100% { transform: translateX(calc(-50% - 8px)); }
}
@media (max-width: 760px) {#app .sec {padding: 56px 0px;}
#app .h2 {font-size: 28px;}
#app .lead {font-size: 16px; margin-bottom: 32px;}
#app .how {grid-template-columns: minmax(0px, 1fr); gap: 32px;}
#app .how .phonecol {order: -1;}
#app .calc {grid-template-columns: minmax(0px, 1fr);}
#app .revtrack > div {flex-basis: 290px; width: 290px;}
#app .hide-m {display: none;}}
#app .shg-rot {transform-box: view-box; transform-origin: 12px 12px; animation: 3.4s ease 0s infinite normal none running shgRot;}
#app .shg-top {transform-box: view-box; transform-origin: 12px 11.7px; animation: 3.4s ease 0s infinite normal none running shgTop;}
#app .shg-bot {transform-box: view-box; transform-origin: 12px 19.6px; animation: 3.4s ease 0s infinite normal none running shgBot;}
#app .shg-str {animation: 3.4s linear 0s infinite normal none running shgStr;}
@keyframes shgRot {
0% { transform: rotate(0deg); }
76% { transform: rotate(0deg); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
100% { transform: rotate(180deg); }
}
@keyframes shgTop {
0% { transform: scaleY(1); animation-timing-function: cubic-bezier(0.35, 0, 0.65, 1); }
73%, 100% { transform: scaleY(0); }
}
@keyframes shgBot {
0% { transform: scaleY(0); animation-timing-function: cubic-bezier(0.35, 0, 0.65, 1); }
73%, 100% { transform: scaleY(1); }
}
@keyframes shgStr {
0% { opacity: 0; stroke-dashoffset: 0; }
4% { opacity: 1; }
68% { opacity: 1; }
73% { opacity: 0; stroke-dashoffset: -16; }
100% { opacity: 0; stroke-dashoffset: -16; }
}
#app .calcres > div {position: relative; z-index: 1;}
#app .calcres {container-type: inline-size;}
@media (max-width: 1080px) {#app .calc {grid-template-columns: minmax(0px, 1fr);}}
@media (max-width: 1000px) {#app .faqgrid {grid-template-columns: minmax(0px, 1fr); max-width: 720px; margin: 0px auto;}}
#app {margin: 0px; background: rgb(255, 255, 255);}
#app a {color: rgb(75, 59, 196);}
#app a:hover {color: rgb(47, 35, 144);}
#app details summary {cursor: pointer; list-style: none;}
#app details summary::-webkit-details-marker {display: none;}
#app details[open] .chev {transform: rotate(180deg);}
#app input[type="range"] {appearance: none; width: 100%; height: 28px; margin: 0px; background: transparent; cursor: pointer;}
#app input[type="range"]::-webkit-slider-runnable-track {height: 6px; border-radius: 999px; background: linear-gradient(90deg,#5B4BD1 var(--p,0%),#E7E3F6 var(--p,0%));}
#app input[type="range"]::-moz-range-track {height: 6px; border-radius: 999px; background: rgb(231, 227, 246);}
#app input[type="range"]::-moz-range-progress {height: 6px; border-radius: 999px; background: rgb(91, 75, 209);}
#app input[type="range"]::-webkit-slider-thumb {appearance: none; width: 22px; height: 22px; margin-top: -8px; box-sizing: border-box; border-radius: 50%; background: rgb(91, 75, 209); border: 3px solid rgb(255, 255, 255); box-shadow: rgba(91, 75, 209, 0.35) 0px 0px 0px 1px, rgba(43, 31, 140, 0.3) 0px 2px 6px;}
#app input[type="range"]::-moz-range-thumb {width: 22px; height: 22px; box-sizing: border-box; border-radius: 50%; background: rgb(91, 75, 209); border: 3px solid rgb(255, 255, 255); box-shadow: rgba(91, 75, 209, 0.35) 0px 0px 0px 1px, rgba(43, 31, 140, 0.3) 0px 2px 6px;}
#app input[type="range"]:focus-visible {outline: none;}
#app input[type="range"]:focus-visible::-webkit-slider-thumb {box-shadow: rgba(91, 75, 209, 0.25) 0px 0px 0px 4px;}
#app .screen {animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running screenIn;}
@keyframes screenIn {
0% { opacity: 0; transform: translateY(8px); }
100% { opacity: 1; transform: none; }
}
#app .pop {animation: 0.6s cubic-bezier(0.34, 1.3, 0.64, 1) 0.15s 1 normal both running pop;}
@keyframes pop {
0% { opacity: 0; transform: scale(0.8); }
100% { opacity: 1; transform: scale(1); }
}
#app .sheetUp {animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running sheetUp;}
@keyframes sheetUp {
0% { transform: translateY(100%); }
100% { transform: none; }
}
#app .notif {animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running notif;}
@keyframes notif {
0% { opacity: 0; transform: translateY(18px) scale(0.94); }
100% { opacity: 1; transform: none; }
}
#app .glow {position: absolute; inset: 0px; border-radius: inherit; box-shadow: rgb(123, 106, 230) 0px 0px 0px 2px inset, rgba(123, 106, 230, 0.25) 0px 0px 0px 5px; pointer-events: none; animation: 1.6s ease-out 0s 1 normal forwards running glow;}
@keyframes glow {
0% { opacity: 0; }
20% { opacity: 1; }
100% { opacity: 0; }
}
#app .glow {display: none !important;}
#app .notif {animation: auto ease 0s 1 normal none running none !important;}
@keyframes notif {
0% { opacity: 0; transform: translateY(8px); }
100% { opacity: 1; transform: none; }
}
#app .spin {animation: 0.9s linear 0s infinite normal none running spin;}
#app .drift {animation: 6s ease-in-out 0s infinite normal none running drift;}
@keyframes drift {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-6px); }
}
@keyframes spin {
100% { transform: rotate(360deg); }
}
#app .fillY {position: absolute; left: 0px; top: 0px; width: 100%; height: 0px; border-radius: 4px; background: linear-gradient(rgb(183, 170, 242), rgb(91, 75, 209)); animation: 1.6s cubic-bezier(0.65, 0, 0.35, 1) 0s 1 normal forwards running fillY;}
#app .fillY::after {display: none; content: ""; position: absolute; bottom: -8px; left: 50%; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%; background: rgb(255, 255, 255); border: 4px solid rgb(91, 75, 209); box-sizing: border-box; box-shadow: rgba(91, 75, 209, 0.18) 0px 0px 0px 6px; animation: 1.6s ease 0s 1 normal forwards running headFade;}
@keyframes fillY {
100% { height: 100%; }
}
@keyframes headFade {
0%, 80% { opacity: 1; }
100% { opacity: 0; }
}
#app .ring {animation: 1.1s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running ring;}
@keyframes ring {
0% { opacity: 0.7; transform: scale(0.5); }
100% { opacity: 0; transform: scale(1.15); }
}
#app .coinDrop {animation: 1s cubic-bezier(0.5, 0, 0.75, 0) 0s 1 normal both running coinDrop;}
@keyframes coinDrop {
0% { opacity: 0; transform: translateY(-24px) scale(0.8); }
25% { opacity: 1; }
100% { opacity: 0; transform: translateY(40px) scale(0.6); }
}
@keyframes rise {
0% { opacity: 0; transform: translateY(24px); }
100% { opacity: 1; transform: none; }
}
@keyframes starIn {
0% { opacity: 0; transform: scale(0.3) rotate(-30deg); }
100% { opacity: 1; transform: none; }
}
#app .slideIn {animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running slideIn;}
@keyframes slideIn {
0% { opacity: 0; transform: translateX(-24px); }
100% { opacity: 1; transform: none; }
}
#app .fadeIn {animation: 0.3s ease 0s 1 normal both running fadeIn;}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
#app .capIn {animation: 0.35s ease 0s 1 normal both running fadeIn;}
#app .trackY {position: relative; width: 4px; height: 34px; margin: 8px auto; border-radius: 4px; background: linear-gradient(rgb(217, 209, 250), rgb(183, 170, 242));}
#app .coin {position: absolute; left: 50%; top: 0px; width: 22px; height: 22px; margin-left: -11px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, rgb(255, 229, 138), rgb(245, 181, 36) 60%, rgb(217, 147, 12)); box-shadow: rgba(217, 147, 12, 0.35) 0px 2px 6px; color: rgb(138, 90, 0); font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; animation: 1.8s cubic-bezier(0.45, 0, 0.55, 1) 0s infinite normal none running moveY;}
#app .coin.d2 {animation-delay: 0.6s;}
#app .coin.d3 {animation-delay: 1.2s;}
@keyframes moveY {
0% { top: 0px; opacity: 0; }
12% { opacity: 1; }
88% { opacity: 1; }
100% { top: calc(100% - 22px); opacity: 0; }
}
#app .pulse {animation: 2.4s ease-in-out 0s infinite normal none running pulse;}
@keyframes pulse {
0%, 100% { box-shadow: rgba(91, 75, 209, 0.35) 0px 12px 26px, rgba(91, 75, 209, 0.35) 0px 0px 0px 0px; }
50% { box-shadow: rgba(91, 75, 209, 0.35) 0px 12px 26px, rgba(91, 75, 209, 0) 0px 0px 0px 18px; }
}
#app .bob {animation: 3s ease-in-out 0s infinite normal none running bob;}
@keyframes bob {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-5px); }
}
#app .floatUp {animation: 2.4s ease-out 0s infinite normal none running floatUp;}
@keyframes floatUp {
0% { opacity: 0; transform: translateY(10px) scale(0.9); }
20% { opacity: 1; transform: none; }
75% { opacity: 1; }
100% { opacity: 0; transform: translateY(-14px); }
}
#app .marquee {overflow: hidden; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 8%, rgb(0, 0, 0) 92%, transparent);}
#app .mtrack {display: flex; gap: 10px; width: max-content; will-change: transform;}
@keyframes marquee {
0% { transform: translateX(0px); }
100% { transform: translateX(calc(-50% - 5px)); }
}
#app .swipe {display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0px 20px 8px; scrollbar-width: none;}
#app .swipe::-webkit-scrollbar {display: none;}
#app .swipe > * {scroll-snap-align: center; flex: 0 0 auto;}
#app .shg-rot {transform-box: view-box; transform-origin: 12px 12px; animation: 3.4s ease 0s infinite normal none running shgRot;}
#app .shg-top {transform-box: view-box; transform-origin: 12px 11.7px; animation: 3.4s ease 0s infinite normal none running shgTop;}
#app .shg-bot {transform-box: view-box; transform-origin: 12px 19.6px; animation: 3.4s ease 0s infinite normal none running shgBot;}
#app .shg-str {animation: 3.4s linear 0s infinite normal none running shgStr;}
@keyframes shgRot {
0% { transform: rotate(0deg); }
76% { transform: rotate(0deg); animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
100% { transform: rotate(180deg); }
}
@keyframes shgTop {
0% { transform: scaleY(1); animation-timing-function: cubic-bezier(0.35, 0, 0.65, 1); }
73%, 100% { transform: scaleY(0); }
}
@keyframes shgBot {
0% { transform: scaleY(0); animation-timing-function: cubic-bezier(0.35, 0, 0.65, 1); }
73%, 100% { transform: scaleY(1); }
}
@keyframes shgStr {
0% { opacity: 0; stroke-dashoffset: 0; }
4% { opacity: 1; }
68% { opacity: 1; }
73% { opacity: 0; stroke-dashoffset: -16; }
100% { opacity: 0; stroke-dashoffset: -16; }
}
#app .ctaPop::after {content: ""; position: absolute; top: 0px; bottom: 0px; left: -40%; width: 30%; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.55), transparent); transform: skewX(-20deg); animation: 4s ease-in-out 0.5s infinite normal none running ctaShine;}
@keyframes ctaShine {
0% { left: -40%; }
35%, 100% { left: 130%; }
}
#app .ctaPop:active {transform: scale(0.98);}
#app .mrev {overflow: hidden; padding: 4px 0px 10px; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, transparent);}
#app .mrevtrack {display: flex; gap: 12px; width: max-content; animation: 53s linear 0s infinite normal none running mrevloop;}
#app .mrev:active .mrevtrack, #app .mrev:hover .mrevtrack {animation-play-state: paused;}
#app .mrevtrack > div {flex: 0 0 280px !important; width: 280px !important;}
@keyframes mrevloop {
0% { transform: translateX(0px); }
100% { transform: translateX(calc(-50% - 6px)); }
}
#app .mzw .ph {box-shadow: none !important;}
#app .calcres > div {position: relative; z-index: 1;}
Slimmer betalen.
Krijg direct geld terug op aankopen die je toch al doet, gewoon door anders te betalen.
+ {{ n.amount }} ontvangen
met je aankoop bij {{ n.what }}
Zojuist
Zo werkt Shopr
Binnen 3 stappen besparen.
{{ step.num }}
{{ step.title }}
{{ step.body }}
Hoe kan dit?
Merken zoeken naar aandacht en nieuwe klanten. Daarom betalen ze ons per verkochte bon een commissie.
{{ hk.bon }}
Voorbeeld: jij koopt een {{ hk.brandName }} bon
MERK
{{ hk.pays }}
{{ hk.brandName }} betaalt ons commissie
SHOPR
{{ hk.keep }}
houdt een klein deel
JIJ
{{ hk.gets }}
ontvangt het grootste deel
Bij winkels waar je toch al komt
Meer dan 500 merken in Nederland.
Hoeveel bespaar jij?
Wat geef jij uit aan de volgende categorieën?
Dit laat je nu liggen zonder Shopr
{{ pt.label }} {{ pt.yearText }}
Gebaseerd op de gemiddelde cashbackpercentages.
Wat gebruikers zeggen
Gemiddeld 4,8 in de app stores.
★
{{ r.title }} {{ r.text }}
{{ r.initial }} {{ r.who }}
Veelgestelde vragen
Hoe betaal ik met mijn cadeaubon?
Online kies je bij het afrekenen voor betalen met een cadeaubon en voer je de code en eventuele pincode in. In de winkel laat je de barcode scannen bij de kassa of scan je deze zelf bij de zelfscan.
Wanneer kan ik mijn saldo uitbetalen?
Vanaf €5 kun je je saldo uitbetalen als cadeaubon of laten overmaken naar je bankrekening. Je cadeaubon is direct beschikbaar. Een uitbetaling naar je bankrekening ontvang je binnen 4 werkdagen.
Hoe lang is mijn cadeaubon geldig?
Dat verschilt per merk: van minimaal 1 jaar tot onbeperkt geldig. Je ziet de geldigheidsduur bij elke cadeaubon voordat je deze koopt.
Is Shopr veilig?
Ja. Shopr is onderdeel van iFlavours B.V., dat al meer dan 25 jaar diensten voor consumenten aanbiedt.
Is Shopr gratis?
Ja, het downloaden en gebruiken van Shopr is helemaal gratis.
Waar krijg ik mijn geld terug na een retour?
Heb je je aankoop met een cadeaubon betaald? Dan wordt het bedrag na verwerking van je retour teruggestort op die cadeaubon.
Slimmer betalen.
Krijg direct geld terug op aankopen die je toch al doet, gewoon door anders te betalen.
Download gratis de app
+ {{ n.amount }} ontvangen
met je aankoop bij {{ n.what }}
Zo werkt Shopr
{{ sl.title }}
{{ sl.body }}
Hoe kan dit?
Merken zoeken naar aandacht en nieuwe klanten. Daarom betalen ze ons per verkochte bon een commissie.
{{ hk.bon }}
Voorbeeld: jij koopt een {{ hk.brandName }} bon
{{ hk.brandName }} betaalt ons {{ hk.pays }}
Shopr {{ hk.keepText }}
Jij ontvangt {{ hk.gets }} het grootste deel
Bij winkels waar je toch al komt
Meer dan 500 merken in Nederland.
Hoeveel bespaar jij?
Wat geef jij uit aan de volgende categorieën?
Dit laat je nu liggen zonder Shopr
{{ pt.label }} {{ pt.yearText }}
Gebaseerd op de gemiddelde cashbackpercentages.
Wat gebruikers zeggen
Gemiddeld 4,8 in de app stores.
★
{{ r.title }} {{ r.text }}
{{ r.initial }} {{ r.who }}
Veelgestelde vragen
Hoe betaal ik met mijn cadeaubon?
Online kies je bij het afrekenen voor betalen met een cadeaubon en voer je de code en eventuele pincode in. In de winkel laat je de barcode scannen bij de kassa of scan je deze zelf bij de zelfscan.
Wanneer kan ik mijn saldo uitbetalen?
Vanaf €5 kun je je saldo uitbetalen als cadeaubon of laten overmaken naar je bankrekening. Je cadeaubon is direct beschikbaar. Een uitbetaling naar je bankrekening ontvang je binnen 4 werkdagen.
Hoe lang is mijn cadeaubon geldig?
Dat verschilt per merk: van minimaal 1 jaar tot onbeperkt geldig. Je ziet de geldigheidsduur bij elke cadeaubon voordat je deze koopt.
Is Shopr veilig?
Ja. Shopr is onderdeel van iFlavours B.V., dat al meer dan 25 jaar diensten voor consumenten aanbiedt.
Is Shopr gratis?
Ja, het downloaden en gebruiken van Shopr is helemaal gratis.
Waar krijg ik mijn geld terug na een retour?
Heb je je aankoop met een cadeaubon betaald? Dan wordt het bedrag na verwerking van je retour teruggestort op die cadeaubon.
Shopr
{{ stickyNum }}
{{ stickyLabel }}
{{ amountText }}
Je ontvangt {{ cashbackText }} cashback
Cadeaubonnen kunnen niet worden geretourneerd
Afrekenen
Je HEMA-bon staat klaar
€5 cashback bijgeschreven op je saldo
nu
?
{{ saldoText }}
Uitbetalen
Uitbetalen
{{ saldoText }}
Uitbetaling bankrekening
{{ payAmount }}
We zijn je uitbetaling aan
Dit kan enkele minuten duren.
Uitbetaling aangevraagd!
Je ontvangt het bedrag binnen 4
€22,50 • Sanne NL12 BANK 1234 5678
Klaar
Download Shopr
Shopr Slimmer betalen. Direct besparen.
App Store | Google Play
