/* Rewardeey — Shop Owner Landing Page
   Base layout/animation rules ported verbatim from the design handoff's
   inline <style> block; interactive pseudo-states (:hover/:active/:focus)
   below are recreated as real CSS since the prototype used a non-standard
   style-hover/style-active/style-focus attribute syntax that only its
   authoring tool understood. */

@font-face{font-family:Figtree;font-style:normal;font-weight:400 800;font-display:optional;src:url(/assets/fonts/figtree-latin-variable.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body{margin:0;background:#FFFFFF;color:#1a1a1a;font-family:Figtree,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
*{box-sizing:border-box}
::selection{background:rgba(74,48,202,0.18)}
a{color:#4A30CA;text-decoration:none}
a:hover{color:#38249c}
details summary{cursor:pointer;list-style:none}
details summary::-webkit-details-marker{display:none}
details[open] .rwd-toggle{transform:rotate(180deg)}

@media (max-width:1440px){
  .rwd-hero-phone{width:216px !important;left:auto;right:auto}
  .rwd-hero-phone-l{left:clamp(30px,4vw,64px) !important}
  .rwd-hero-phone-r{right:clamp(30px,4vw,64px) !important}
  .rwd-hero-text{max-width:780px !important}
}
@media (max-width:1100px){
  .rwd-hero-phone{width:202px !important}
  .rwd-hero-phone-l{left:clamp(52px,6vw,76px) !important}
  .rwd-hero-phone-r{right:clamp(52px,6vw,76px) !important}
  .rwd-hero-text{max-width:640px !important}
}
@media (max-width:820px){
  .rwd-figrow{gap:6px !important}
  .rwd-breakdown{grid-template-columns:1.15fr 0.85fr 1fr 0.95fr !important;font-size:11.5px !important}
  .rwd-breakdown > p{padding:9px 5px !important}
  .rwd-calc{padding:16px 12px !important}
  .rwd-faq{flex-direction:column !important}
  .rwd-faq-col{align-self:stretch !important;width:100% !important;flex:0 0 auto !important}
  .rwd-hero-cta{flex-direction:column;align-items:stretch;gap:12px}
  .rwd-hero-cta > a,.rwd-hero-cta > button{width:100%;justify-content:center;font-size:15.5px !important;padding:15px 22px !important}
  .rwd-hero{display:grid !important;grid-template-columns:1fr 1fr;column-gap:14px;padding-left:clamp(20px,5vw,56px) !important;padding-right:clamp(20px,5vw,56px) !important;padding-bottom:32px !important}
  .rwd-hero-inner{grid-column:1 / -1;grid-row:1;padding:0 !important}
  .rwd-hero-text{max-width:100% !important;padding:32px 0 0 !important;background:none !important}
  .rwd-hero-phone{position:static !important;width:100% !important;grid-row:2;margin-top:34px}
  .rwd-hero-phone-l{grid-column:1;top:auto !important}
  .rwd-hero-phone-r{grid-column:2;top:auto !important;margin-top:46px}
}
@media (max-width:1040px){
  .rwd-nav-links{display:none !important}
}
.rwd-sec{position:relative;overflow-x:hidden}
.rwd-sec > *{position:relative;z-index:1}
.rwd-spot{position:relative;--mx:50%;--my:50%;--spot:0;--spotc:74,48,202}
.rwd-spot[data-spot="255,255,255"]{--spota:0.9;--spotb:0.85}
.rwd-spot[data-spot="255,255,254"]{--spota:0.14;--spotb:0.3}
.rwd-spot.rwd-spot-cell[data-spot]{--spota:0.1;--spotb:0.3}
.rwd-spot.rwd-spot-cell[data-spot="255,255,255"]{--spota:0.18}
.rwd-spot.rwd-spot-cell[data-spot="0,0,0"]{--spota:0}
.rwd-spot-cell::before{background:radial-gradient(140px circle at var(--mx) var(--my),rgba(var(--spotc),var(--spota)),transparent 65%) !important}
.rwd-spot[data-spot="74,48,202"]{--spota:0.16;--spotb:0.6}
.rwd-spot:not([data-spot="255,255,255"]){--spota:0.07;--spotb:0.3}
.rwd-spot::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:var(--spot);transition:opacity .3s ease;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(var(--spotc),var(--spota,0.14)),transparent 62%)}
.rwd-spot.rwd-spot-edge::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;opacity:var(--spot);transition:opacity .3s ease;padding:1px;background:radial-gradient(220px circle at var(--mx) var(--my),rgba(var(--spotc),var(--spotb,0.55)),transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.rwd-spot > *{position:relative;z-index:2}
@media (prefers-reduced-motion:reduce){.rwd-spot::before,.rwd-spot.rwd-spot-edge::after{display:none}}
html{scroll-behavior:smooth}
.rwd-nav-links > a{transition:background .2s ease}
.rwd-nav-links > a[data-current]{background:#FFFFFF !important;color:#4A30CA !important}
.rwd-more-panel > a[data-current]{background:#EDEBFB !important;color:#4A30CA !important}
.rwd-mobile-nav > a[data-current]{background:#FFFFFF !important;color:#4A30CA !important;border-radius:999px !important}
section[id]{scroll-margin-top:78px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.rwd-marq{overflow:hidden;width:100%;padding:46px 0;margin:-24px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.rwd-track{display:flex;gap:44px;width:max-content;will-change:transform;min-height:445px}
.rwd-breakdown{min-height:410px}
#industryTabs{min-height:38px}
.rwd-marq{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.rwd-marq img{-webkit-user-drag:none;user-drag:none;pointer-events:none}
.rwd-marq ::selection,.rwd-marq::selection{background:transparent}
.rwd-marq[data-dragging]{cursor:grabbing}

.rwd-ph{transition:opacity .26s ease}
.rwd-sheet,.rwd-sheet h3,.rwd-sheet p,.rwd-sheet span,.rwd-sheet div{text-align:left !important;text-indent:0 !important}
.rwd-card{transition:border-radius .25s ease,box-shadow .25s ease,transform .3s cubic-bezier(.2,.7,.3,1)}
.rwd-track > .rwd-card:nth-child(6n+1){transform:rotate(-3.5deg)}
.rwd-track > .rwd-card:nth-child(6n+2){transform:rotate(2.5deg)}
.rwd-track > .rwd-card:nth-child(6n+3){transform:rotate(-1.5deg)}
.rwd-track > .rwd-card:nth-child(6n+4){transform:rotate(3deg)}
.rwd-track > .rwd-card:nth-child(6n+5){transform:rotate(-2.5deg)}
.rwd-track > .rwd-card:nth-child(6n+6){transform:rotate(1.5deg)}
.rwd-track > .rwd-card[data-passed]:nth-child(6n+1){transform:rotate(3.5deg)}
.rwd-track > .rwd-card[data-passed]:nth-child(6n+2){transform:rotate(-2.5deg)}
.rwd-track > .rwd-card[data-passed]:nth-child(6n+3){transform:rotate(1.5deg)}
.rwd-track > .rwd-card[data-passed]:nth-child(6n+4){transform:rotate(-3deg)}
.rwd-track > .rwd-card[data-passed]:nth-child(6n+5){transform:rotate(2.5deg)}
.rwd-track > .rwd-card[data-passed]:nth-child(6n+6){transform:rotate(-1.5deg)}
.rwd-track > .rwd-card:hover,.rwd-track > .rwd-card[data-open],.rwd-track > .rwd-card[data-active]{transform:rotate(0deg) !important}
.rwd-card:hover,.rwd-card[data-open],.rwd-card[data-active]{border-radius:24px !important;box-shadow:0 0 0 6px #0E0E10,0 14px 30px rgba(14,14,16,0.25)}
.rwd-card:hover .rwd-ovl,.rwd-card[data-open] .rwd-ovl,.rwd-card[data-active] .rwd-ovl{border-radius:24px !important}

.rwd-card .rwd-ovl{opacity:0;transition:opacity .3s ease}
.rwd-card .rwd-sheet{transform:translateY(102%);transition:transform .42s cubic-bezier(.22,.8,.25,1)}
.rwd-card:hover .rwd-sheet,.rwd-card[data-open] .rwd-sheet,.rwd-card[data-active] .rwd-sheet{transform:translateY(0)}
.rwd-card:hover .rwd-ovl,.rwd-card[data-open] .rwd-ovl,.rwd-card[data-active] .rwd-ovl{opacity:1}
.rwd-card{isolation:isolate}
.rwd-marq:has(.rwd-card:hover) .rwd-card[data-active]:not(:hover):not([data-open]),
.rwd-marq:has(.rwd-card[data-open]) .rwd-card[data-active]:not([data-open]):not(:hover){border-radius:16px !important;box-shadow:none !important}
.rwd-marq:has(.rwd-card:hover) .rwd-card[data-active]:not(:hover):not([data-open]) .rwd-ovl,
.rwd-marq:has(.rwd-card[data-open]) .rwd-card[data-active]:not([data-open]):not(:hover) .rwd-ovl{opacity:0 !important}
.rwd-marq:has(.rwd-card:hover) .rwd-card[data-active]:not(:hover):not([data-open]) .rwd-ph,
.rwd-marq:has(.rwd-card[data-open]) .rwd-card[data-active]:not([data-open]):not(:hover) .rwd-ph{opacity:1 !important}
.rwd-marq:has(.rwd-card:hover) .rwd-card[data-active]:not(:hover):not([data-open]) .rwd-sheet,
.rwd-marq:has(.rwd-card[data-open]) .rwd-card[data-active]:not([data-open]):not(:hover) .rwd-sheet{transform:translateY(102%) !important}
.rwd-how-row{opacity:0;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}
.rwd-how-row:nth-of-type(1){transform:translate(38px,32px)}
.rwd-how-row:nth-of-type(2){transform:translate(-38px,32px)}
.rwd-how-row:nth-of-type(3){transform:translate(38px,32px)}
.rwd-how-row[data-inview]{opacity:1;transform:translate(0,0)}
@media (prefers-reduced-motion:reduce){.rwd-how-row{opacity:1 !important;transform:none !important;transition:none}}
.rwd-how-row .rwd-phone{transition:transform .7s cubic-bezier(.2,.7,.3,1) .12s}
.rwd-how-row:nth-of-type(1) .rwd-phone:nth-child(1){transform:rotate(-7deg)}
.rwd-how-row:nth-of-type(1) .rwd-phone:nth-child(2){transform:rotate(5deg)}
.rwd-how-row:nth-of-type(2) .rwd-phone:nth-child(1){transform:rotate(6deg)}
.rwd-how-row:nth-of-type(2) .rwd-phone:nth-child(2){transform:rotate(-4deg)}
.rwd-how-row:nth-of-type(3) .rwd-phone:nth-child(1){transform:rotate(-5deg)}
.rwd-how-row:nth-of-type(3) .rwd-phone:nth-child(2){transform:rotate(7deg)}
.rwd-how-row[data-inview] .rwd-phone{transform:rotate(0deg) !important}
@media (prefers-reduced-motion:reduce){.rwd-how-row .rwd-phone{transform:none !important;transition:none}}
.rwd-head > span,.rwd-head > h2,.rwd-head > p{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.3,1)}
.rwd-head > h2{transition-delay:.09s}
.rwd-head > p{transition-delay:.18s}
.rwd-head[data-inview] > span,.rwd-head[data-inview] > h2,.rwd-head[data-inview] > p{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){.rwd-head > span,.rwd-head > h2,.rwd-head > p{opacity:1 !important;transform:none !important;transition:none}}
@keyframes rwd-owl-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-11px) rotate(2deg)}}
@keyframes rwd-owl-bob-scale{0%,100%{transform:translateY(0) rotate(-2deg) scale(1)}50%{transform:translateY(-4px) rotate(2deg) scale(1.12)}}
.rwd-owl-img{transition:transform .3s ease}
@media (max-width:600px){
  [data-owl-toast]{flex-wrap:wrap !important;left:16px !important;right:16px !important;width:auto !important;max-width:none !important;transform:translate(0,18px) !important;padding:16px !important}
  [data-owl-toast][data-in]{transform:translate(0,0) !important}
  [data-owl-toast] > div{flex:1 1 100% !important}
  [data-owl-toast] [data-owl-more],[data-owl-toast] [data-owl-cta]{flex:1 1 100% !important;width:100% !important;text-align:center;padding:13px 15px !important}
  [data-owl-toast] [data-owl-again]{flex:1 1 100% !important;width:100% !important;order:8}
}
[data-owl-bubble][data-tail="r"]::after{left:auto !important;right:22px !important}
[data-owl][data-idle] .rwd-owl-img{animation:rwd-owl-bob 2.6s ease-in-out infinite}
[data-owl][data-idle][data-slow] .rwd-owl-img{animation-duration:4.6s}
.rwd-rise{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.3,1)}
.rwd-rise:nth-of-type(1){transition-delay:.26s}
.rwd-rise:nth-of-type(2){transition-delay:.34s}
[data-inview] .rwd-rise{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){.rwd-rise{opacity:1 !important;transform:none !important;transition:none}}
.rwd-calc{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}
.rwd-calc[data-inview]{opacity:1;transform:translateY(0)}
.rwd-calc:nth-of-type(2){transition-delay:.14s}
@media (prefers-reduced-motion:reduce){.rwd-calc{opacity:1 !important;transform:none !important;transition:none}}
.rwd-plan{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}
.rwd-plan[data-inview]{opacity:1;transform:translateY(0)}
.rwd-plan:nth-of-type(2){transition-delay:.11s}
.rwd-plan:nth-of-type(3){transition-delay:.22s}
.rwd-plan-note{transition-delay:.3s}
@media (max-width:820px){.rwd-plan-note{padding:20px !important}}
.rwd-adv{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}
.rwd-adv[data-inview]{opacity:1;transform:translateY(0)}
.rwd-adv:nth-of-type(2){transition-delay:.11s}
.rwd-adv:nth-of-type(3){transition-delay:.22s}
@media (max-width:820px){.rwd-adv-analogy > .rwd-adv{grid-template-columns:1fr !important}}
@media (prefers-reduced-motion:reduce){.rwd-adv{opacity:1 !important;transform:none !important;transition:none}}
.rwd-plan:not([data-inview]) > div{transform:scale(1) !important}
@media (prefers-reduced-motion:reduce){.rwd-plan{opacity:1 !important;transform:none !important;transition:none}}
.rwd-compare .rwd-compare-row{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.3,1)}
.rwd-compare[data-inview] .rwd-compare-row{opacity:1;transform:translateY(0)}
.rwd-compare .rwd-compare-row > div:nth-child(2) > i{display:inline-block;transform:scale(.6);opacity:0;transition:transform .4s cubic-bezier(.2,1.3,.4,1),opacity .3s ease}
.rwd-compare[data-inview] .rwd-compare-row > div:nth-child(2) > i{transform:scale(1);opacity:1}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(1){transition-delay:0.000s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(1) > div:nth-child(2) > i{transition-delay:0.120s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(2){transition-delay:0.045s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(2) > div:nth-child(2) > i{transition-delay:0.165s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(3){transition-delay:0.090s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(3) > div:nth-child(2) > i{transition-delay:0.210s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(4){transition-delay:0.135s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(4) > div:nth-child(2) > i{transition-delay:0.255s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(5){transition-delay:0.180s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(5) > div:nth-child(2) > i{transition-delay:0.300s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(6){transition-delay:0.225s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(6) > div:nth-child(2) > i{transition-delay:0.345s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(7){transition-delay:0.270s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(7) > div:nth-child(2) > i{transition-delay:0.390s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(8){transition-delay:0.315s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(8) > div:nth-child(2) > i{transition-delay:0.435s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(9){transition-delay:0.360s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(9) > div:nth-child(2) > i{transition-delay:0.480s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(10){transition-delay:0.405s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(10) > div:nth-child(2) > i{transition-delay:0.525s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(11){transition-delay:0.450s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(11) > div:nth-child(2) > i{transition-delay:0.570s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(12){transition-delay:0.495s}
.rwd-compare[data-inview] .rwd-compare-row:nth-of-type(12) > div:nth-child(2) > i{transition-delay:0.615s}
@media (prefers-reduced-motion:reduce){.rwd-compare .rwd-compare-row,.rwd-compare .rwd-compare-row > div:nth-child(2) > i{opacity:1 !important;transform:none !important;transition:none}}

.rwd-faq{width:100%}
.rwd-faq-col > details{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease,border-color .2s ease}
.rwd-faq[data-inview] .rwd-faq-col > details,.rwd-faq-col > details[data-inview]{opacity:1;transform:translateY(0)}
@media (max-width:820px){
  .rwd-faq-col > details{opacity:0 !important;transform:translateY(14px) !important}
  .rwd-faq-col > details[data-inview]{opacity:1 !important;transform:translateY(0) !important}
  .rwd-faq-col > details:nth-of-type(1){transition-delay:0s !important}
  .rwd-faq-col > details:nth-of-type(2){transition-delay:.06s !important}
  .rwd-faq-col > details:nth-of-type(3){transition-delay:.12s !important}
  .rwd-faq-col > details:nth-of-type(4){transition-delay:.18s !important}
  .rwd-faq-col > details:nth-of-type(5){transition-delay:.24s !important}
  .rwd-faq-col > details:nth-of-type(6){transition-delay:.3s !important}
}
.rwd-faq-col:nth-child(1) > details:nth-of-type(1){background:#F3F0FF !important}
.rwd-faq[data-inview] .rwd-faq-col:nth-child(1) > details:nth-of-type(1){transition-delay:0.00s !important}
.rwd-faq-col:nth-child(1) > details:nth-of-type(2){background:#FFF8E8 !important}
.rwd-faq[data-inview] .rwd-faq-col:nth-child(1) > details:nth-of-type(2){transition-delay:0.10s !important}
.rwd-faq-col:nth-child(1) > details:nth-of-type(3){background:#EEF4FD !important}
.rwd-faq[data-inview] .rwd-faq-col:nth-child(1) > details:nth-of-type(3){transition-delay:0.20s !important}
.rwd-faq-col:nth-child(1) > details:nth-of-type(4){background:#F0F8F8 !important}
.rwd-faq[data-inview] .rwd-faq-col:nth-child(1) > details:nth-of-type(4){transition-delay:0.30s !important}
.rwd-faq-col:nth-child(1) > details:nth-of-type(5){background:#EFF7FF !important}
.rwd-faq[data-inview] .rwd-faq-col:nth-child(1) > details:nth-of-type(5){transition-delay:0.40s !important}
.rwd-faq-col:nth-child(1) > details:nth-of-type(6){background:#FBF0FF !important}
.rwd-faq[data-inview] .rwd-faq-col:nth-child(1) > details:nth-of-type(6){transition-delay:0.50s !important}
.rwd-faq-col:nth-child(2) > details:nth-of-type(1){background:#EEF9F2 !important}
.rwd-faq[data-inview] .rwd-faq-col:nth-child(2) > details:nth-of-type(1){transition-delay:0.05s !important}
.rwd-faq-col:nth-child(2) > details:nth-of-type(2){background:#FDF0F4 !important}
.rwd-faq[data-inview] .rwd-faq-col:nth-child(2) > details:nth-of-type(2){transition-delay:0.15s !important}
.rwd-faq-col:nth-child(2) > details:nth-of-type(3){background:#F6F1FA !important}
.rwd-faq[data-inview] .rwd-faq-col:nth-child(2) > details:nth-of-type(3){transition-delay:0.25s !important}
.rwd-faq-col:nth-child(2) > details:nth-of-type(4){background:#FFF3EC !important}
.rwd-faq[data-inview] .rwd-faq-col:nth-child(2) > details:nth-of-type(4){transition-delay:0.35s !important}
.rwd-faq-col:nth-child(2) > details:nth-of-type(5){background:#F5F5EE !important}
.rwd-faq[data-inview] .rwd-faq-col:nth-child(2) > details:nth-of-type(5){transition-delay:0.45s !important}
.rwd-faq-col:nth-child(2) > details:nth-of-type(6){background:#EDF8F4 !important}
.rwd-faq[data-inview] .rwd-faq-col:nth-child(2) > details:nth-of-type(6){transition-delay:0.55s !important}
@media (prefers-reduced-motion:reduce){.rwd-faq-col > details{opacity:1 !important;transform:none !important;transition:none}}
.rwd-industry-tabs > button{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.3,1),background .2s ease,color .2s ease,border-color .2s ease}
.rwd-industry-tabs[data-inview] > button{opacity:1;transform:translateY(0)}
.rwd-industry-tabs > button:not([data-active]):hover{color:#4A30CA !important;border-color:rgba(74,48,202,0.35) !important;background:#F3F0FF !important}
.rwd-industry-tabs > button:not([data-active]):hover i{color:#4A30CA !important}
.rwd-pill{transition:background .18s ease,color .18s ease,border-color .18s ease}
.rwd-pill[data-pill="grey"]:not([data-active]):hover{background:#F0F0F0 !important}
.rwd-pill[data-pill="purple"]:not([data-active]):hover{background:#EBE6FF !important}
.rwd-industry-tabs[data-inview] > button:nth-child(1){transition-delay:0.00s}
.rwd-industry-tabs[data-inview] > button:nth-child(2){transition-delay:0.05s}
.rwd-industry-tabs[data-inview] > button:nth-child(3){transition-delay:0.10s}
.rwd-industry-tabs[data-inview] > button:nth-child(4){transition-delay:0.15s}
.rwd-industry-tabs[data-inview] > button:nth-child(5){transition-delay:0.20s}
.rwd-industry-tabs[data-inview] > button:nth-child(6){transition-delay:0.25s}
.rwd-industry-tabs[data-inview] > button:nth-child(7){transition-delay:0.30s}
.rwd-industry-tabs[data-inview] > button:nth-child(8){transition-delay:0.35s}
@media (prefers-reduced-motion:reduce){.rwd-industry-tabs > button{opacity:1 !important;transform:none !important}}
.rwd-hero-text > span,.rwd-hero-text > h1,.rwd-hero-text > div{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.3,1)}
.rwd-hero-text > h1{transition-delay:.09s}
.rwd-hero-text > div:nth-of-type(1){transition-delay:.18s}
.rwd-hero-text > div:nth-of-type(2){transition-delay:.27s}
.rwd-hero-text[data-inview] > span,.rwd-hero-text[data-inview] > h1,.rwd-hero-text[data-inview] > div{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){.rwd-hero-text > span,.rwd-hero-text > h1,.rwd-hero-text > div{opacity:1 !important;transform:none !important;transition:none}}
@keyframes rwd-hero-in-l{from{opacity:0;transform:translateX(-44px)}to{opacity:1;transform:translateX(0)}}
@keyframes rwd-hero-in-r{from{opacity:0;transform:translateX(44px)}to{opacity:1;transform:translateX(0)}}
@keyframes rwd-hero-float-a{0%,100%{transform:translate3d(var(--px),var(--py),0) rotateX(var(--rx)) rotateY(var(--ry))}50%{transform:translate3d(var(--px),calc(var(--py) - 11px),0) rotateX(var(--rx)) rotateY(var(--ry))}}
@keyframes rwd-hero-float-b{0%,100%{transform:translate3d(var(--px),var(--py),0) rotateX(var(--rx)) rotateY(var(--ry))}50%{transform:translate3d(var(--px),calc(var(--py) - 14px),0) rotateX(var(--rx)) rotateY(var(--ry))}}
[data-anim="l"] .rwd-phone-anim{animation:rwd-hero-in-l .85s cubic-bezier(.2,.7,.3,1) both,rwd-hero-float-a 7s ease-in-out .85s infinite}
[data-anim="r"] .rwd-phone-anim{animation:rwd-hero-in-r .85s cubic-bezier(.2,.7,.3,1) .12s both,rwd-hero-float-b 9s ease-in-out .97s infinite}
[data-anim]:hover .rwd-phone-anim,[data-anim][data-tap] .rwd-phone-anim{animation-play-state:paused}
@media (min-width:821px){
  .rwd-hero-phone-l:hover,.rwd-hero-phone-l[data-tap]{transform:translateY(-50%) rotate(0deg) !important}
  .rwd-hero-phone-r:hover,.rwd-hero-phone-r[data-tap]{transform:translateY(-46%) rotate(0deg) !important}
}
@media (max-width:820px){
  .rwd-hero-phone-l:hover,.rwd-hero-phone-l[data-tap],.rwd-hero-phone-r:hover,.rwd-hero-phone-r[data-tap]{transform:rotate(0deg) !important}
}
.rwd-hero-phone{transition:transform .18s linear;perspective:900px}
.rwd-phone-anim{--px:0px;--py:0px;--rx:0deg;--ry:0deg;transform-style:preserve-3d;will-change:transform}
@media (min-width:821px){
  .rwd-hero-phone .rwd-phone-anim{transition:box-shadow .3s ease}
  .rwd-hero-phone:hover .rwd-phone-anim{box-shadow:0 36px 72px rgba(10,6,40,0.5)}
}
.rwd-hero-inner{pointer-events:none}
.rwd-hero-cta > a,.rwd-hero-cta > button{pointer-events:auto}
@media (prefers-reduced-motion:reduce){
  [data-anim] .rwd-phone-anim{animation:none !important}
}
@keyframes rwd-dl-in{from{opacity:0}to{opacity:1}}
@keyframes rwd-dl-up{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes rwd-step-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes rwd-img-in{from{opacity:0}to{opacity:1}}
@keyframes rwd-pop-in{0%{opacity:0;transform:scale(.9)}60%{transform:scale(1.03)}100%{opacity:1;transform:scale(1)}}
.rwd-sticky-cta{display:none}
@media (max-width:820px){
  .rwd-navbar,.rwd-sticky-cta{transition:transform .3s cubic-bezier(.2,.7,.3,1)}
  .rwd-navbar[data-hide]{transform:translateY(-110%)}
  .rwd-sticky-cta[data-hide]{transform:translateY(120%)}
  .rwd-sticky-cta[data-owl-open]{transform:translateY(120%) !important;pointer-events:none}
}
@media (max-width:820px){
  .rwd-sticky-cta{display:block !important;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,0.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(14,14,16,0.08)}
  body{padding-bottom:0}
  footer.rwd-sec{padding-bottom:calc(84px + env(safe-area-inset-bottom)) !important}
  .rwd-industry-tabs{display:flex !important;flex-wrap:wrap !important;justify-content:center !important}
  .rwd-industry-tabs button{padding:9px 14px !important}
  .rwd-sheet{padding:11px 10px 12px !important;gap:8px !important}
  .rwd-sheet h3{font-size:11.5px !important;margin:0 !important}
  .rwd-sheet p{font-size:9px !important;line-height:1.4 !important}
  .rwd-sheet > div{gap:3px !important}
  .rwd-sheet div > span{font-size:7px !important;letter-spacing:0.1em !important;padding:2px 6px !important}
  .rwd-phone{border-radius:22px !important;padding:4px !important}
  .rwd-screen{border-radius:18px !important}
  .rwd-stats{grid-template-columns:1fr 1fr !important;gap:26px 0 !important}
  .rwd-stats > div:nth-child(3){border-left:none !important;padding-left:0 !important}
  .rwd-how-row{grid-template-columns:1fr !important;gap:26px !important}
  .rwd-how-flip > div{order:initial !important}
}
@media (max-width:640px){
  .rwd-compare-row{grid-template-columns:1.5fr 0.7fr 0.7fr 0.7fr !important;column-gap:8px !important;padding-left:10px !important;padding-right:10px !important}
  .rwd-compare-row div{font-size:12px !important}
}
.rwd-burger{display:none}
@media (max-width:1040px){
  .rwd-burger{display:flex !important}
  .rwd-header-cta{display:none !important}
}
@media (min-width:821px){
  .rwd-card,.rwd-plan,.rwd-how-row .rwd-phone{transform-style:preserve-3d}
  .rwd-how-row .rwd-phone[data-tilt],.rwd-plan[data-tilt],.rwd-track > .rwd-card[data-tilt],.rwd-card[data-tilt]{transition:transform .12s linear !important;will-change:transform;transform:perspective(900px) rotate(0deg) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg)) !important}
}
@media (prefers-reduced-motion:reduce){[data-tilt]{transform:none !important}}
.rwd-stat{transition:transform .3s cubic-bezier(.2,.7,.3,1)}
.rwd-stat .rwd-count{display:inline-block;transition:transform .35s cubic-bezier(.2,1.2,.35,1),color .25s ease;transform-origin:left center}
.rwd-stat:hover{transform:translateY(-4px)}
.rwd-stat:hover .rwd-count{transform:scale(1.08);color:#0F7A38}
@media (prefers-reduced-motion:reduce){.rwd-stat,.rwd-stat .rwd-count{transform:none !important;transition:none}}

/* ---------- Interactive states (recreated from style-hover/active/focus) ----------
   !important is required on every declaration here: these elements also set the
   same properties via inline style="" (to match the design spec's base look), and
   an inline declaration always outranks a plain class selector — even a :hover one —
   so without !important these rules would be silently ignored. */
.nav-link:hover{background:rgba(255,255,255,0.15) !important}
.mobile-nav-link:hover{background:rgba(255,255,255,0.1) !important}
.burger-btn:hover{background:rgba(255,255,255,0.18) !important}
.burger-btn:active{transform:scale(0.9) !important}
.header-cta:hover{background:#F2F0FF !important;transform:translateY(-2px) !important}
.header-cta:active{transform:scale(0.94) !important}
.btn-outline:hover{background:rgba(255,255,255,0.12) !important;border-color:#FFFFFF !important;transform:translateY(-3px) !important}
.btn-outline:active{transform:translateY(0) scale(0.96) !important}
.btn-primary:hover{background:#F2F0FF !important;transform:translateY(-3px) !important;box-shadow:0 18px 34px rgba(0,0,0,0.35) !important}
.btn-primary:active{transform:translateY(0) scale(0.96) !important}
.calc-input:focus{border:1px solid #371DAA !important;outline:none;color:#371DAA !important}
.qty-btn:hover{background:#F5F5F5 !important}
.plan-card{transition:transform .2s ease,box-shadow .2s ease}
.plan-card:hover{transform:translateY(-6px) !important}
.plan-card[data-plan="starter"]:hover{box-shadow:0 18px 32px rgba(15,122,56,0.14) !important}
.plan-card[data-plan="growth"]:hover{box-shadow:0 18px 32px rgba(74,48,202,0.36) !important}
.plan-card[data-plan="scale"]:hover{box-shadow:0 18px 32px rgba(217,84,30,0.14) !important}
.faq-item:hover{box-shadow:0 8px 20px rgba(0,0,0,0.08) !important;border-color:#FFFFFF !important}
.owl-bubble{position:relative}
.owl-bubble::after{content:'';position:absolute;top:100%;left:22px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:9px solid #FFFFFF;filter:drop-shadow(0 3px 2px rgba(20,16,43,0.08))}
.text-hover-dark{transition:color .15s ease}
.text-hover-dark:hover{color:#12102A !important}
.owl-secondary-btn{transition:background .15s ease}
.owl-secondary-btn:hover{background:#E4DEFF !important}
.owl-primary-btn{transition:background .15s ease}
.owl-primary-btn:hover{background:#371DAA !important}
.sticky-cta-btn:active{transform:scale(0.97) !important;background:#3822A0 !important}
.dl-close-btn:hover{background:#EAE5FA !important}
.store-badge:hover{transform:translateY(-2px) !important}
@keyframes rwd-badge-pulse{
  0%,100%{box-shadow:0 0 0 2px rgba(74,48,202,0.95),0 8px 20px rgba(74,48,202,0.28)}
  50%{box-shadow:0 0 0 2px rgba(74,48,202,0.2),0 8px 20px rgba(74,48,202,0.08)}
}
.badge-highlight{animation:rwd-badge-pulse 1.8s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){
  .badge-highlight{animation:none;box-shadow:0 0 0 2px #4A30CA,0 8px 20px rgba(74,48,202,0.22)}
}