html,body{margin:0;padding:0;background:var(--bg-canvas,#F7F6F5)}
#dc-root,#dc-root>.sc-host,#dc-root>.sc-host>section,#dc-root>.sc-host>section>div{padding:0!important;margin:0!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;gap:0!important;display:block!important;background:transparent!important;overflow:visible!important}
#home,#start,#pricing,#about,#contact,#legal,#features{width:100%!important;gap:0!important;display:block!important}
#home>div,#start>div,#pricing>div,#about>div,#contact>div,#legal>div,#features>div{width:100%!important;box-shadow:none!important;overflow:visible!important}
html{scroll-behavior:smooth}
select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("icons/chevron-down.svg")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:20px 20px!important;padding-right:48px!important;cursor:pointer}
.ls-marquee{flex:1 1 0%;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)}
.ls-track{display:flex;width:max-content;animation:ls-scroll 45s linear infinite}
.ls-marquee:hover .ls-track{animation-play-state:paused}
.ls-group{display:flex;align-items:center;gap:44px;padding-right:44px;flex:0 0 auto}
.ls-group img{height:24px;width:auto;max-width:134px;object-fit:contain;display:block;flex:0 0 auto}
@keyframes ls-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ls-track{animation:none}}
img[src*="loyalsnap-logo"]{height:42px!important;width:auto!important}
[data-panel][hidden]{display:none!important}

/* ls-sticky: menu floats over content */
#dc-root *:has(> .sc-host > header){overflow:visible!important}
.sc-host:has(> header){position:sticky;top:0;z-index:3000}
.sc-host>header{transition:box-shadow .25s ease,background-color .25s ease}
html.ls-scrolled .sc-host>header{background:rgba(255,255,255,.9)!important;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 -1px 2px #2A2F470A,0 3px 8px #2A2F471A;border-bottom-color:transparent!important}
html{scroll-padding-top:88px}
.fq-nav{top:96px!important}
.ck-intro{top:96px!important}
.sc-host:has(> header){transition:transform .3s cubic-bezier(.2,.8,.2,1)}
html.ls-hide .sc-host:has(> header){transform:translateY(-100%)}
@media (prefers-reduced-motion:reduce){.sc-host:has(> header){transition:none}}

/* ls-tab-tracks: gray tab tracks on the warm canvas get Elevation/1 */
.hw-jt,.bl-tabs,.rp-tabs,div:has(> button[data-role]){box-shadow:0 -1px 2px #2A2F4708,0 1px 3px #2A2F4712,0 1px 2px #2A2F470A!important}

/* ls-btn-states: hover, pressed and focus for every button, per the brand guidelines */
.ls-bp,.ls-bs,.ls-bai{transition:background-color .15s ease,background .15s ease,box-shadow .15s ease}
.ls-bp:hover{background:#2A489C!important;color:#fff!important}
.ls-bp:active{background:#223D87!important;color:#fff!important}
.ls-bs:hover{background:#3255B829!important;color:#3255B8!important}
.ls-bs:active{background:#3255B83D!important;color:#3255B8!important}
.ls-bai:hover,.ls-bai:active{color:#fff!important}

.ls-bp:focus-visible,.ls-bs:focus-visible,.ls-bai:focus-visible{outline:none;box-shadow:0 0 0 3px #3255B859!important}
.ls-bw{transition:background-color .15s ease,box-shadow .15s ease}
.ls-bw:hover{background:#DEE4F4!important;color:#3255B8!important}
.ls-bw:active{background:#CED6EE!important;color:#3255B8!important}
.ls-bw:focus-visible{outline:none;box-shadow:0 0 0 3px #FFFFFF99!important}
/* ls-btn-shrink */
.ls-bp,.ls-bs,.ls-bai,.ls-bw{transition:background-color .15s ease,background .15s ease,box-shadow .15s ease,transform .18s cubic-bezier(.2,.8,.2,1)!important}
.ls-bp:hover,.ls-bs:hover,.ls-bai:hover,.ls-bw:hover{transform:scale(.97)}
.ls-bp:active,.ls-bs:active,.ls-bai:active,.ls-bw:active{transform:scale(.94)}
@media (prefers-reduced-motion:reduce){.ls-bp:hover,.ls-bs:hover,.ls-bai:hover,.ls-bw:hover,.ls-bp:active,.ls-bs:active,.ls-bai:active,.ls-bw:active{transform:none}}
/* ls-bai-ov: AI gradient buttons fade to the hover gradient */
.ls-bai-ov{position:relative;isolation:isolate}
.ls-bai-ov::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#2A4696,#9E3FA8);opacity:0;transition:opacity .3s ease;z-index:-1;pointer-events:none}
.ls-bai-ov:hover::before{opacity:1}
.ls-bai-ov:active::before{opacity:1;background:linear-gradient(135deg,#223D87,#8A3594)}
/* ls-tl: text links follow the portal - brand blue, weight 600, underline only on hover and focus */
a.ls-tl{text-decoration:none!important}
a.ls-tl:hover,a.ls-tl:focus-visible{text-decoration:underline!important;text-decoration-color:currentColor!important;text-underline-offset:2px}
a.ls-tl:focus-visible{outline:2px solid #3255B8;outline-offset:2px;border-radius:4px}