#xstudioLoyalty{--xp-accent: #ff4500;--xp-accent-deep: #d93900;--xp-accent-grad: linear-gradient(100deg, #e73348 0%, #ff4500 52%, #ff8a3c 100%);--xp-tint: rgba(255, 69, 0, .08);--xp-ink: #1d1d1f;--xp-text: #505055;--xp-sub: #56565b;--xp-muted: #86868b;--xp-live-muted: #6e6e73;--xp-line: #ececf0;--xp-field: #e3e3e8;--xp-panel: #fff;--xp-form: #fafafa;--xp-base: #f5f5f5;--xp-error: #d1182b;--sh-card: 0 24px 70px rgba(20, 10, 40, .12);--sh-accent: 0 10px 26px rgba(255, 69, 0, .30);--sh-grad: 0 14px 36px rgba(220, 55, 30, .26);--r-lg: 20px;--r-md: 16px;--r-ctl: 12px;--r-sm: 14px;--pad: clamp(26px, 3.4vw, 40px);--e-out: cubic-bezier(0.16, 1, 0.3, 1);--e-soft: cubic-bezier(0.4, 0, 0.2, 1);--t-quick: 160ms;--t-std: 340ms;--t-slow: 620ms;--z-bg: 0;--z-flow: 1;--z-card: 2;}
#xstudioLoyalty *{box-sizing: border-box;}
#xstudioLoyalty{color: var(--xp-ink);font-family: "FuturaPT", "JostLocal", sans-serif;font-size: 17px;line-height: 1.55;-webkit-font-smoothing: antialiased;}
#xstudioLoyalty{position: relative;z-index: var(--z-flow);max-width: 1164px;margin: 0 auto;padding: 26px 20px 72px;isolation: isolate;display: flex;flex-direction: column;gap: clamp(18px, 2.2vw, 30px);}
#xstudioLoyalty .xlp-crumbs{display: flex;align-items: center;gap: 8px;font-size: 13.5px;color: rgba(29, 29, 31, .72);}
#xstudioLoyalty .xlp-crumbs a{color: #1d1d1f;font-weight: 500;text-decoration: none;transition: color var(--t-quick) var(--e-soft);}
#xstudioLoyalty .xlp-crumbs a:hover{color: var(--xp-accent-deep);}
#xstudioLoyalty .xlp-crumbs span[aria-hidden]{color: rgba(29, 29, 31, .45);}
#xstudioLoyalty .xlp-hero,#xstudioLoyalty .xlp-section,#xstudioLoyalty .xlp-metrics,#xstudioLoyalty .xlp-bottom-cta{position: relative;background: var(--xp-panel);border-radius: var(--r-lg);padding: var(--pad);overflow: hidden;box-shadow: var(--sh-card);}
#xstudioLoyalty h1,#xstudioLoyalty h2,#xstudioLoyalty h3{margin: 0;font-family: "FuturaPT", Arial, sans-serif;color: var(--xp-ink);text-wrap: balance;}
#xstudioLoyalty h1{font-size: clamp(34px, 4.1vw, 58px);font-weight: 700;letter-spacing: -.02em;line-height: 1.06;}
#xstudioLoyalty h2{font-size: clamp(30px, 3.6vw, 46px);font-weight: 700;letter-spacing: -.015em;line-height: 1.1;}
#xstudioLoyalty h3{font-size: 25px;font-weight: 600;letter-spacing: normal;line-height: 1.3;}
#xstudioLoyalty h1 em,#xstudioLoyalty h2 em{font-style: normal;color: var(--xp-accent-deep);position: relative;white-space: nowrap;}
#xstudioLoyalty h1 em::after,#xstudioLoyalty h2 em::after{content: "";position: absolute;left: 0;right: 0;bottom: .04em;height: .08em;border-radius: 3px;background: linear-gradient(90deg, #ffb07a, var(--xp-accent) 55%, #ffb07a);opacity: .45;transform-origin: left center;}
@media  (prefers-reduced-motion: no-preference) {#xstudioLoyalty h1 em::after{animation: xlp9236_inkDraw 820ms var(--e-out) 320ms both;}}
@keyframes  xlp9236_inkDraw { from { transform: scaleX(0); opacity: 0; } to { transform: scaleX(1); opacity: .45; } }
#xstudioLoyalty .xlp-kicker{display: inline-flex;align-items: center;gap: 8px;margin: 0 0 16px;padding: 6px 13px;min-height: 28px;border-radius: 100px;background: var(--xp-tint);font-size: 13px;font-weight: 600;line-height: 1;color: #c43500;}
#xstudioLoyalty .xlp-lead{margin: 18px 0 0;max-width: 58ch;font-size: 17px;line-height: 1.55;color: var(--xp-sub);text-wrap: pretty;}
#xstudioLoyalty .xlp-small{margin: 13px 0 0;font-size: 13.5px;line-height: 1.5;color: var(--xp-live-muted);}
#xstudioLoyalty .xlp-small a{color: var(--xp-accent-deep);}
#xstudioLoyalty p{text-wrap: pretty;}
#xstudioLoyalty .xlp-button{display: inline-flex;align-items: center;justify-content: center;height: 56px;margin-top: 26px;padding: 0 26px;border: 0;border-radius: var(--r-ctl);font-family: "FuturaPT", Arial, sans-serif;font-size: 17px;font-weight: 600;color: #fff;text-decoration: none;cursor: pointer;background: var(--xp-accent);box-shadow: var(--sh-accent);transition: transform var(--t-quick) var(--e-out), box-shadow var(--t-std) var(--e-out), filter var(--t-quick) var(--e-soft);position: relative;overflow: hidden;isolation: isolate;}
#xstudioLoyalty .xlp-button::after{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(110deg, transparent 22%, rgba(255, 255, 255, .34) 48%, transparent 70%);transform: translateX(-120%);transition: transform var(--t-slow) var(--e-out);}
#xstudioLoyalty .xlp-button:hover{transform: translateY(-2px);box-shadow: 0 16px 34px rgba(255, 69, 0, .34);}
#xstudioLoyalty .xlp-button:hover::after{transform: translateX(120%);}
#xstudioLoyalty .xlp-button:active{transform: translateY(0) scale(.985);}
#xstudioLoyalty :where(button, a, summary, input, [tabindex]):focus-visible{outline: 2px solid var(--xp-accent-deep);outline-offset: 3px;border-radius: 6px;}
#xstudioLoyalty .xlp-hero{display: grid;grid-template-columns: 1.04fr 1fr;align-items: center;gap: 48px;min-height: 500px;padding: 48px 42px;}
#xstudioLoyalty .xlp-hero > *{min-width: 0;}
#xstudioLoyalty .xlp-hero::before{content: "";position: absolute;width: 62%;aspect-ratio: 1;right: -16%;top: -34%;border-radius: 50%;background: radial-gradient(closest-side, rgba(255, 122, 36, .17), transparent 72%);pointer-events: none;}
#xstudioLoyalty .xlp-card-stage{position: relative;z-index: var(--z-card);display: flex;flex-direction: column;align-items: center;gap: 16px;perspective: 1400px;}
#xstudioLoyalty .xlp-replay{display: inline-flex;align-items: center;gap: 8px;min-height: 40px;padding: 0 16px;border-radius: 999px;border: 1px solid var(--xp-field);background: #fff;color: #6e6e73;font: inherit;font-size: 14px;cursor: pointer;transition: color var(--t-quick) var(--e-soft), border-color var(--t-quick) var(--e-soft), transform var(--t-quick) var(--e-out), background var(--t-quick) var(--e-soft);}
#xstudioLoyalty .xlp-replay svg{width: 15px;height: 15px;flex: none;}
#xstudioLoyalty .xlp-replay:hover{color: #c43500;border-color: #ffbda0;background: var(--xp-tint);}
#xstudioLoyalty .xlp-replay:active{transform: scale(.96);}
#xstudioLoyalty .xlp-replay[data-busy="1"] svg{animation: xlp9236_spinOnce 760ms var(--e-out);}
@keyframes  xlp9236_spinOnce { from { transform: rotate(0); } to { transform: rotate(360deg); } }
#xstudioLoyalty .xlp-metrics{display: grid;grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));gap: 1px;padding: 0;background: var(--xp-line);}
#xstudioLoyalty .xlp-metrics > div{padding: 25px;background: var(--xp-panel);transition: background var(--t-std) var(--e-soft);}
#xstudioLoyalty .xlp-metrics > div:hover{background: var(--xp-tint);}
#xstudioLoyalty .xlp-metrics strong{display: block;font-family: "FuturaPT", Arial, sans-serif;font-size: clamp(30px, 3.1vw, 42px);font-weight: 700;line-height: 1;letter-spacing: -.03em;color: var(--xp-accent-deep);}
#xstudioLoyalty .xlp-metrics strong span{font-size: .46em;color: var(--xp-muted);margin-left: 2px;letter-spacing: -.01em;}
#xstudioLoyalty .xlp-metrics p{margin: 11px 0 0;font-size: 15px;line-height: 1.5;color: var(--xp-text);max-width: 24ch;}
#xstudioLoyalty .xlp-section-head{max-width: 62ch;}
#xstudioLoyalty .xlp-section-head h2 + p{margin: 16px 0 0;font-size: 17px;line-height: 1.55;color: var(--xp-sub);max-width: 58ch;}
#xstudioLoyalty .xlp-steps{display: grid;grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));gap: clamp(14px, 1.8vw, 22px);margin-top: clamp(26px, 3vw, 36px);}
#xstudioLoyalty .xlp-steps article{position: relative;padding: 26px 28px;border-radius: var(--r-md);background: var(--xp-form);transition: transform var(--t-std) var(--e-out), box-shadow var(--t-std) var(--e-soft);}
#xstudioLoyalty .xlp-steps article:hover{transform: translateY(-2px);box-shadow: 0 14px 34px rgba(20, 10, 40, .1);}
#xstudioLoyalty .xlp-steps article > span{display: none;}
#xstudioLoyalty .xlp-steps h3{margin-bottom: 10px;}
#xstudioLoyalty .xlp-steps p{margin: 0;font-size: 15.5px;line-height: 1.6;color: var(--xp-text);}
#xstudioLoyalty .xlp-calculator-top{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 18px;}
#xstudioLoyalty .xlp-toggle{display: inline-flex;padding: 4px;gap: 4px;border-radius: 999px;background: #f6f5f4;}
#xstudioLoyalty .xlp-toggle button{min-height: 42px;padding: 0 20px;border: 0;border-radius: 999px;background: transparent;color: var(--xp-muted);font: inherit;font-size: 15px;cursor: pointer;transition: color var(--t-quick) var(--e-soft), background var(--t-std) var(--e-out), box-shadow var(--t-std) var(--e-out);}
#xstudioLoyalty .xlp-toggle button[aria-pressed="true"]{color: var(--xp-ink);background: #fff;box-shadow: 0 1px 3px rgba(29, 29, 31, .14);}
#xstudioLoyalty .xlp-calculator-body{display: grid;grid-template-columns: 1.1fr .9fr;gap: clamp(20px, 2.4vw, 34px);margin-top: clamp(24px, 2.8vw, 34px);align-items: start;}
#xstudioLoyalty .xlp-calculator-body > *{min-width: 0;}
#xstudioLoyalty .xlp-field{display: block;margin-bottom: 16px;}
#xstudioLoyalty .xlp-field > span:first-child{display: block;margin-bottom: 8px;font-size: 14px;color: var(--xp-muted);}
#xstudioLoyalty .xlp-input{display: flex;align-items: center;gap: 10px;padding: 0 16px;height: 50px;border-radius: var(--r-ctl);border: 1px solid var(--xp-field);background: #fff;transition: border-color var(--t-quick) var(--e-soft), box-shadow var(--t-std) var(--e-out);}
#xstudioLoyalty .xlp-input:focus-within{border-color: var(--xp-accent);box-shadow: 0 0 0 3px rgba(255, 69, 0, .12);}
#xstudioLoyalty .xlp-input input{flex: 1 1 auto;min-width: 0;border: 0;background: none;color: var(--xp-ink);font-family: "FuturaPT", Arial, sans-serif;font-size: 15.5px;font-weight: 600;color: var(--xp-ink);letter-spacing: -.01em;}
#xstudioLoyalty .xlp-input input::placeholder{color: var(--xp-muted);opacity: 1;}
#xstudioLoyalty .xlp-input input:focus{outline: none;}
#xstudioLoyalty .xlp-input b{color: var(--xp-muted);font-weight: 500;font-size: 15px;}
#xstudioLoyalty .xlp-result{position: relative;overflow: hidden;padding: 26px 32px;min-height: 150px;border-radius: var(--r-md);background: linear-gradient(100deg, rgba(78, 8, 0, .66) 0%, rgba(78, 8, 0, .52) 58%, rgba(78, 8, 0, .14) 92%, transparent 100%), var(--xp-accent-grad);box-shadow: var(--sh-grad);}
#xstudioLoyalty .xlp-result > span{display: block;font-size: 13.5px;font-weight: 600;letter-spacing: .02em;color: #fff;}
#xstudioLoyalty .xlp-result strong{display: block;margin: 10px 0 0;font-family: "FuturaPT", Arial, sans-serif;font-size: clamp(34px, 3.8vw, 48px);font-weight: 700;line-height: 1;letter-spacing: -.03em;color: #fff;}
#xstudioLoyalty .xlp-result strong small{font-size: .34em;color: #fff;letter-spacing: -.01em;}
#xstudioLoyalty .xlp-result p{margin: 13px 0 0;font-size: 14.5px;color: #fff;}
#xstudioLoyalty .xlp-faq > div{margin-top: clamp(22px, 2.6vw, 32px);border-top: 1px solid var(--xp-line);}
#xstudioLoyalty .xlp-faq details{border-bottom: 1px solid var(--xp-line);}
#xstudioLoyalty .xlp-faq summary{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 18px 2px;font-size: 16.5px;color: var(--xp-ink);cursor: pointer;list-style: none;transition: color var(--t-quick) var(--e-soft);}
#xstudioLoyalty .xlp-faq summary::-webkit-details-marker{display: none;}
#xstudioLoyalty .xlp-faq summary::after{content: "";flex: none;width: 10px;height: 10px;border-right: 1.6px solid var(--xp-accent);border-bottom: 1.6px solid var(--xp-accent);transform: rotate(45deg) translateY(-2px);transition: transform var(--t-std) var(--e-out);}
#xstudioLoyalty .xlp-faq details[open] summary{color: var(--xp-accent-deep);}
#xstudioLoyalty .xlp-faq details[open] summary::after{transform: rotate(225deg) translateY(-2px);}
#xstudioLoyalty .xlp-faq summary:hover{color: var(--xp-accent-deep);}
#xstudioLoyalty .xlp-faq details p{margin: 0 0 18px;max-width: 68ch;font-size: 15.5px;line-height: 1.6;color: var(--xp-text);}
@media  (prefers-reduced-motion: no-preference) {#xstudioLoyalty .xlp-faq details[open] p{animation: xlp9236_faqIn 300ms var(--e-out) both;}}
@keyframes  xlp9236_faqIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
#xstudioLoyalty .xlp-bottom-cta{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: clamp(18px, 2.6vw, 36px);}
#xstudioLoyalty .xlp-bottom-cta .xlp-button{margin-top: 0;}
#xstudioLoyalty .xlp-gift-builder{display: grid;grid-template-columns: .9fr 1fr;gap: clamp(22px, 3vw, 44px);align-items: start;}
#xstudioLoyalty .xlp-gift-builder > *{min-width: 0;}
#xstudioLoyalty .xlp-gift-preview{margin-top: clamp(24px, 2.8vw, 34px);}
#xstudioLoyalty .xlp-gift-form{background: var(--xp-form);border-radius: var(--r-md);padding: 26px 28px;}
#xstudioLoyalty .xlp-gift-form fieldset{margin: 0 0 24px;padding: 0;border: 0;}
#xstudioLoyalty .xlp-gift-form legend{padding: 0;margin-bottom: 12px;font-size: 14px;font-weight: 600;color: var(--xp-ink);}
#xstudioLoyalty .xlp-presets{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 16px;}
#xstudioLoyalty .xlp-presets button{min-height: 46px;padding: 0 18px;border-radius: var(--r-ctl);border: 1px solid var(--xp-field);background: #fff;color: #53535b;font: inherit;font-size: 15.5px;cursor: pointer;transition: color var(--t-quick) var(--e-soft), border-color var(--t-quick) var(--e-soft), transform var(--t-quick) var(--e-out), background var(--t-std) var(--e-soft);}
#xstudioLoyalty .xlp-presets button:hover{color: var(--xp-ink);border-color: #ffbda0;}
#xstudioLoyalty .xlp-presets button:active{transform: scale(.97);}
#xstudioLoyalty .xlp-presets button[aria-pressed="true"]{border-color: var(--xp-accent);background: var(--xp-tint);color: #a33200;}
#xstudioLoyalty .xlp-designs{display: grid;grid-template-columns: repeat(auto-fit, minmax(146px, 1fr));gap: 8px;}
#xstudioLoyalty .xlp-designs button{display: flex;align-items: center;gap: 10px;min-height: 52px;padding: 9px 14px;border-radius: var(--r-sm);border: 1px solid var(--xp-field);background: #fff;color: #53535b;font: inherit;font-size: 15.5px;text-align: left;cursor: pointer;transition: color var(--t-quick) var(--e-soft), border-color var(--t-quick) var(--e-soft), transform var(--t-quick) var(--e-out), background var(--t-std) var(--e-soft);}
#xstudioLoyalty .xlp-designs button:hover{color: var(--xp-ink);border-color: #ffbda0;transform: translateY(-2px);}
#xstudioLoyalty .xlp-designs button[aria-pressed="true"]{border-color: var(--xp-accent);background: var(--xp-tint);color: #a33200;}
#xstudioLoyalty .xlp-designs i{flex: none;display: block;width: 24px;height: 24px;border-radius: 7px;box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 2px 6px -2px rgba(29, 29, 31, .35);}
#xstudioLoyalty .xlp-designs [data-design="classic"] i{background: linear-gradient(135deg, #7b2fa8 0%, #ff7323 100%);}
#xstudioLoyalty .xlp-designs [data-design="sunset"] i{background: linear-gradient(135deg, #ff2f6d 0%, #ff9d2b 100%);}
#xstudioLoyalty .xlp-designs [data-design="light"] i{background: linear-gradient(135deg, #ffd166 0%, #b8530a 100%);}
#xstudioLoyalty .xlp-designs [data-design="celebration"] i{background: linear-gradient(135deg, #0f7d6b 0%, #ffd37a 100%);}
#xstudioLoyalty .xlp-error{margin: 0 0 16px;padding: 12px 15px;border-radius: var(--r-sm);border: 1px solid var(--xp-error);box-shadow: 0 0 0 3px rgba(209, 24, 43, .08);background: #fff;color: var(--xp-error);font-weight: 600;font-size: 14.5px;}
@media  (prefers-reduced-motion: no-preference) {#xstudioLoyalty .xlp-error:not([hidden]){animation: xlp9236_errShake 360ms var(--e-soft) both;}}
@keyframes  xlp9236_errShake {
  0%, 100% { transform: translateX(0); }
  22% { transform: translateX(-7px); }
  48% { transform: translateX(6px); }
  74% { transform: translateX(-3px); }
}
#xstudioLoyalty .xlp-gift-facts{display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: clamp(16px, 2.2vw, 28px);}
#xstudioLoyalty .xlp-gift-facts article{padding: 26px 28px;border-radius: var(--r-md);background: var(--xp-form);}
#xstudioLoyalty .xlp-gift-facts h3{margin-bottom: 9px;}
#xstudioLoyalty .xlp-gift-facts p{margin: 0;font-size: 15.5px;line-height: 1.6;color: var(--xp-text);}
@media  (max-width: 899px) {#xstudioLoyalty .xlp-hero,#xstudioLoyalty .xlp-gift-builder,#xstudioLoyalty .xlp-calculator-body{grid-template-columns: 1fr;}
#xstudioLoyalty .xlp-hero{gap: 26px;padding: 32px 28px;min-height: 0;}
#xstudioLoyalty .xlp-hero-copy{order: 1;}
#xstudioLoyalty .xlp-hero .xlp-card-stage{order: 0;}}
@media  (max-width: 599px) {#xstudioLoyalty{font-size: 16px;}
#xstudioLoyalty{--r-lg: 16px;--pad: 23px;}
#xstudioLoyalty{padding: 18px 12px 56px;gap: 14px;}
#xstudioLoyalty .xlp-hero{padding: 27px 23px 24px;}
#xstudioLoyalty h1{font-size: clamp(32px, 9vw, 40px);}
#xstudioLoyalty .xlp-button{width: 100%;}
#xstudioLoyalty .xlp-metrics > div{padding: 20px 18px;}
#xstudioLoyalty .xlp-toggle{width: 100%;}
#xstudioLoyalty .xlp-toggle button{flex: 1;padding: 0 10px;}
#xstudioLoyalty .xlp-calculator-top{align-items: stretch;}
#xstudioLoyalty .xlp-designs{grid-template-columns: 1fr 1fr;}
#xstudioLoyalty .xlp-designs button{font-size: 14px;padding: 9px 12px;gap: 9px;}
#xstudioLoyalty .xlp-bottom-cta{flex-direction: column;align-items: flex-start;}}
@media  (prefers-reduced-motion: no-preference) {#xstudioLoyalty > section{animation: xlp9236_sectionIn 620ms var(--e-out) both;}
#xstudioLoyalty > section:nth-of-type(1){animation-delay: 60ms;}
#xstudioLoyalty > section:nth-of-type(2){animation-delay: 140ms;}
#xstudioLoyalty > section:nth-of-type(3){animation-delay: 200ms;}}
@keyframes  xlp9236_sectionIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
#xstudioLoyalty .xlp-card-stage{container-type: inline-size;--xs-ratio: 85.6 / 54;--xs-font: "FuturaPT", Arial, sans-serif;width: 100%;}
#xstudioLoyalty .xs-card{position: relative;display: block;width: 100%;max-width: 560px;aspect-ratio: var(--xs-ratio);margin: 0 auto;border-radius: calc(var(--u) * 5);overflow: hidden;isolation: isolate;font-family: var(--xs-font);color: #1d1d1f;background: #fff;transform-style: preserve-3d;will-change: transform;--u: 1cqw;--hot: #ff4500;--hot-lo: #ff8562;--hot-hi: #ff8a2b;box-shadow:
    0 calc(var(--u) * 5) calc(var(--u) * 13) calc(var(--u) * -5) rgba(255, 69, 0, .3),
    0 calc(var(--u) * 1.2) calc(var(--u) * 3) rgba(20, 10, 40, .1),
    inset 0 0 0 1px rgba(255, 69, 0, .14);}
@container  (min-width: 560px) {#xstudioLoyalty .xs-card{--u: 5.6px;}}
#xstudioLoyalty .xs-fx{position: absolute;inset: 0;z-index: 0;border-radius: inherit;overflow: hidden;}
#xstudioLoyalty .xs-fx > span{position: absolute;display: block;}
#xstudioLoyalty .xs-grain{inset: 0;opacity: .055;mix-blend-mode: multiply;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>");background-size: calc(var(--u) * 30) calc(var(--u) * 30);pointer-events: none;}
#xstudioLoyalty .xs-edge{position: absolute;inset: 0;z-index: 3;border-radius: inherit;pointer-events: none;}
#xstudioLoyalty .xs-face{position: relative;z-index: 2;height: 100%;display: flex;flex-direction: column;justify-content: space-between;padding: calc(var(--u) * 6.4) calc(var(--u) * 7);}
#xstudioLoyalty .xs-num{position: relative;display: inline-grid;}
#xstudioLoyalty .xs-num__sizer,#xstudioLoyalty .xs-num__val{grid-area: 1 / 1;font-variant-numeric: tabular-nums;}
#xstudioLoyalty .xs-num__sizer{visibility: hidden;}
#xstudioLoyalty .xs-card--bonus .xs-base{inset: 0;background:
    radial-gradient(100% 124% at 110% 114%, var(--hot) 0%, var(--hot) 22%, #ff6410 36%, #ff8f33 48%, #ffc389 62%, #ffe4cf 76%, #fff8f4 90%, #fff 100%),
    linear-gradient(118deg, #fff 0%, #fffaf6 50%, #fff2e7 100%);}
#xstudioLoyalty .xs-card--bonus .xs-blob{border-radius: 50%;mix-blend-mode: multiply;will-change: transform, opacity;}
#xstudioLoyalty .xs-card--bonus .xs-blob--a{width: 72%;aspect-ratio: 1;right: -16%;bottom: -26%;background: radial-gradient(circle, rgba(255, 69, 0, .72) 0%, rgba(255, 110, 20, .28) 46%, rgba(255, 140, 40, 0) 74%);}
#xstudioLoyalty .xs-card--bonus .xs-blob--b{width: 50%;aspect-ratio: 1;right: 4%;top: -22%;background: radial-gradient(circle, rgba(255, 133, 98, .55) 0%, rgba(255, 150, 90, .2) 48%, rgba(255, 170, 110, 0) 74%);}
#xstudioLoyalty .xs-card--bonus .xs-blob--c{width: 56%;aspect-ratio: 1;right: 26%;bottom: -30%;background: radial-gradient(circle, rgba(255, 92, 20, .34) 0%, rgba(255, 120, 40, 0) 70%);}
#xstudioLoyalty .xs-card--bonus .xs-ring{border-radius: 50%;pointer-events: none;will-change: transform;}
#xstudioLoyalty .xs-card--bonus .xs-ring--1{width: 96%;aspect-ratio: 1;right: -22%;bottom: -50%;background: conic-gradient(from 184deg, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 1) 64deg, rgba(255, 255, 255, .35) 150deg, rgba(255, 255, 255, 0) 212deg);-webkit-mask: radial-gradient(closest-side, transparent 73%, #000 74%, #000 79%, transparent 80%);mask: radial-gradient(closest-side, transparent 73%, #000 74%, #000 79%, transparent 80%);}
#xstudioLoyalty .xs-card--bonus .xs-ring--2{width: 130%;aspect-ratio: 1;right: -38%;bottom: -70%;background: conic-gradient(from 18deg, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, .8) 72deg, rgba(255, 255, 255, 0) 170deg);opacity: .8;-webkit-mask: radial-gradient(closest-side, transparent 81%, #000 82%, #000 86%, transparent 87%);mask: radial-gradient(closest-side, transparent 81%, #000 82%, #000 86%, transparent 87%);}
#xstudioLoyalty .xs-card--bonus .xs-scrim{inset: 0;background:
    radial-gradient(76% 140% at -16% 46%, #fff 0%, rgba(255, 255, 255, .98) 28%, rgba(255, 255, 255, .84) 44%, rgba(255, 255, 255, .3) 58%, rgba(255, 255, 255, 0) 72%),
    linear-gradient(to top, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 32%);}
#xstudioLoyalty .xs-card--bonus .xs-sheen{inset: 0;overflow: hidden;pointer-events: none;}
#xstudioLoyalty .xs-card--bonus .xs-sheen__band{position: absolute;top: -40%;bottom: -40%;left: -46%;width: 40%;transform: translate3d(-180%, 0, 0) rotate(14deg);background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 36%, rgba(255, 255, 255, .92) 50%, rgba(255, 255, 255, .5) 64%, rgba(255, 255, 255, 0) 100%);filter: blur(calc(var(--u) * 1.4));will-change: transform;}
#xstudioLoyalty .xs-card--bonus .xs-edge{box-shadow: inset 0 0 0 1px rgba(255, 69, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .9);}
#xstudioLoyalty .xs-card--bonus .xs-row{display: flex;align-items: flex-start;justify-content: space-between;gap: calc(var(--u) * 3);}
#xstudioLoyalty .xs-brand__name{display: block;font-size: calc(var(--u) * 5.6);font-weight: 700;letter-spacing: -.028em;line-height: 1;color: #1d1d1f;}
#xstudioLoyalty .xs-brand__sub{display: block;margin-top: calc(var(--u) * 1.3);font-size: calc(var(--u) * 2.9);font-weight: 400;color: #6e6e73;}
#xstudioLoyalty .xs-chip{flex: none;padding: calc(var(--u) * 1.3) calc(var(--u) * 2.8);border-radius: 999px;background: var(--hot);font-size: calc(var(--u) * 2.5);font-weight: 600;color: #fff;}
#xstudioLoyalty .xs-amount__label{display: block;font-size: calc(var(--u) * 2.9);color: #6e6e73;margin-bottom: calc(var(--u) * .8);}
#xstudioLoyalty .xs-amount__row{display: flex;align-items: baseline;gap: calc(var(--u) * 1.8);}
#xstudioLoyalty .xs-amount__num{font-size: calc(var(--u) * 20);font-weight: 700;line-height: .92;letter-spacing: -.045em;color: var(--hot);}
#xstudioLoyalty .xs-amount__unit{font-size: calc(var(--u) * 4.4);font-weight: 600;letter-spacing: -.02em;color: #1d1d1f;}
#xstudioLoyalty .xs-note{font-size: calc(var(--u) * 2.8);color: #6e6e73;}
#xstudioLoyalty .xs-card--gift .xs-base{inset: 0;background:
    linear-gradient(104deg, #fff 0%, #fff 24%, #fff2e8 36%, #ffcfab 52%, #ff8a3c 72%, var(--hot) 88%, var(--hot) 100%),
    #fff;}
#xstudioLoyalty .xs-card--gift .xs-rays{width: 250%;aspect-ratio: 1;right: -112%;top: -104%;background: repeating-conic-gradient(from 0deg, rgba(255, 69, 0, .3) 0deg 1.2deg, rgba(255, 69, 0, 0) 1.2deg 9deg);-webkit-mask: radial-gradient(closest-side, transparent 10%, #000 32%, #000 60%, transparent 84%);mask: radial-gradient(closest-side, transparent 10%, #000 32%, #000 60%, transparent 84%);opacity: .85;will-change: transform;}
#xstudioLoyalty .xs-card--gift .xs-bloom{width: 80%;height: 76%;right: -16%;top: 10%;border-radius: 50%;background: radial-gradient(ellipse, rgba(255, 138, 43, .5) 0%, rgba(255, 69, 0, .2) 44%, rgba(255, 69, 0, 0) 72%);mix-blend-mode: multiply;will-change: transform, opacity;}
#xstudioLoyalty .xs-card--gift .xs-corner{inset: 0;background:
    radial-gradient(64% 80% at 0% 0%, #fff 0%, rgba(255, 255, 255, .86) 34%, rgba(255, 255, 255, 0) 66%),
    radial-gradient(56% 72% at 100% 100%, rgba(214, 48, 0, .3) 0%, rgba(214, 48, 0, 0) 64%);}
#xstudioLoyalty .xs-card--gift .xs-foil{inset: -30%;background: repeating-linear-gradient(104deg,
    rgba(255, 69, 0, .22) 0%, rgba(255, 180, 60, .22) 7%, rgba(255, 255, 255, .3) 13%,
    rgba(255, 133, 98, .22) 20%, rgba(255, 110, 20, .22) 27%, rgba(255, 69, 0, .22) 34%);mix-blend-mode: overlay;opacity: .7;will-change: transform;}
#xstudioLoyalty .xs-card--gift .xs-spark{width: calc(var(--u) * 2.4);aspect-ratio: 1;border-radius: 50%;background: radial-gradient(circle, #fff 0%, rgba(255, 240, 210, .92) 34%, rgba(255, 190, 120, 0) 72%);opacity: 0;will-change: transform, opacity;}
#xstudioLoyalty .xs-card--gift .xs-spark--1{right: 32%;top: 20%;}
#xstudioLoyalty .xs-card--gift .xs-spark--2{right: 12%;top: 13%;width: calc(var(--u) * 3.4);}
#xstudioLoyalty .xs-card--gift .xs-spark--3{right: 5%;top: 50%;}
#xstudioLoyalty .xs-card--gift .xs-spark--4{right: 20%;top: 74%;width: calc(var(--u) * 3);}
#xstudioLoyalty .xs-card--gift .xs-spark--5{right: 38%;top: 40%;}
#xstudioLoyalty .xs-card--gift .xs-gloss{inset: 0;background: linear-gradient(118deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .1) 32%, rgba(255, 255, 255, 0) 52%);}
#xstudioLoyalty .xs-card--gift .xs-frame{position: absolute;inset: calc(var(--u) * 2.8);z-index: 3;border-radius: calc(var(--u) * 3);border: 1px solid rgba(255, 69, 0, .3);pointer-events: none;}
#xstudioLoyalty .xs-card--gift .xs-edge{box-shadow: inset 0 0 0 1px rgba(255, 69, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .9);}
#xstudioLoyalty .xs-card--gift .xs-face{padding: calc(var(--u) * 7) calc(var(--u) * 7.4);}
#xstudioLoyalty .xs-gift-top{display: flex;flex-direction: column;align-items: flex-start;}
#xstudioLoyalty .xs-bow{width: calc(var(--u) * 14);height: auto;margin-bottom: calc(var(--u) * 2);fill: none;stroke: var(--hot);stroke-width: 2.8;stroke-linecap: round;stroke-linejoin: round;}
#xstudioLoyalty .xs-bow path{stroke-dasharray: 100;stroke-dashoffset: 0;}
#xstudioLoyalty .xs-gift-brand{display: block;font-size: calc(var(--u) * 6.2);font-weight: 700;line-height: 1;letter-spacing: -.032em;color: #1d1d1f;}
#xstudioLoyalty .xs-gift-sub{display: block;margin-top: calc(var(--u) * 1.2);font-size: calc(var(--u) * 2.9);color: #6e6e73;}
#xstudioLoyalty .xs-gift-sum{display: flex;align-items: baseline;gap: calc(var(--u) * 1.6);}
#xstudioLoyalty .xs-gift-sum .xs-num{font-size: calc(var(--u) * 15);font-weight: 700;line-height: .94;letter-spacing: -.04em;color: var(--hot);}
#xstudioLoyalty .xs-cur{font-size: calc(var(--u) * 6.4);font-weight: 600;letter-spacing: -.02em;color: var(--hot);}
#xstudioLoyalty .xs-gift-note{font-size: calc(var(--u) * 2.9);color: #6e6e73;}
#xstudioLoyalty .xs-card--gift[data-design="sunset"]{--hot: #ff2f6d;--hot-hi: #ff8a2b;}
#xstudioLoyalty .xs-card--gift[data-design="light"]{--hot: #c2410c;--hot-hi: #ffb020;}
#xstudioLoyalty .xs-card--gift[data-design="celebration"]{--hot: #0f7d6b;--hot-hi: #ffc857;}
#xstudioLoyalty .xs-card--gift[data-design="sunset"] .xs-base{background: linear-gradient(104deg, #fff 0%, #fff 30%, #fff1f4 44%, #ffd3de 62%, #ff86a6 82%, var(--hot) 100%), #fff;}
#xstudioLoyalty .xs-card--gift[data-design="light"] .xs-base{background: linear-gradient(104deg, #fff 0%, #fff 30%, #fff8e8 44%, #ffe3ad 62%, #f0a21f 82%, var(--hot) 100%), #fff;}
#xstudioLoyalty .xs-card--gift[data-design="celebration"] .xs-base{background:
    repeating-linear-gradient(125deg, rgba(255, 200, 87, .34) 0 14px, rgba(255, 255, 255, 0) 14px 17px),
    linear-gradient(104deg, #fff 0%, #fff 30%, #eefaf6 44%, #b9e8dd 62%, #3aa891 82%, var(--hot) 100%), #fff;}
#xstudioLoyalty .xs-card--gift:not([data-design="classic"]) .xs-rays{background: repeating-conic-gradient(from 0deg, color-mix(in oklab, var(--hot) 32%, transparent) 0deg 1.2deg, transparent 1.2deg 9deg);}
#xstudioLoyalty .xs-card--gift:not([data-design="classic"]) .xs-bloom{background: radial-gradient(ellipse, color-mix(in oklab, var(--hot-hi) 48%, transparent) 0%, color-mix(in oklab, var(--hot) 20%, transparent) 44%, transparent 72%);}
#xstudioLoyalty .xs-card--gift[data-design="celebration"] .xs-corner,#xstudioLoyalty .xs-card--gift[data-design="sunset"] .xs-corner,#xstudioLoyalty .xs-card--gift[data-design="light"] .xs-corner{background:
    radial-gradient(64% 80% at 0% 0%, #fff 0%, rgba(255, 255, 255, .86) 34%, rgba(255, 255, 255, 0) 66%),
    radial-gradient(56% 72% at 100% 100%, color-mix(in oklab, var(--hot) 32%, transparent) 0%, transparent 64%);}
#xstudioLoyalty .xs-card{opacity: 1;}
@media  (prefers-reduced-motion: no-preference) {#xstudioLoyalty .xs-card--bonus[data-motion-active="1"] .xs-blob--a{animation: xlp9236_emberA 9s var(--e-soft) infinite alternate;}
#xstudioLoyalty .xs-card--bonus[data-motion-active="1"] .xs-blob--b{animation: xlp9236_emberB 11s var(--e-soft) infinite alternate;}
#xstudioLoyalty .xs-card--bonus[data-motion-active="1"] .xs-blob--c{animation: xlp9236_emberC 13s var(--e-soft) infinite alternate;}
#xstudioLoyalty .xs-card--bonus[data-motion-active="1"] .xs-ring--1{animation: xlp9236_ringSpin 38s linear infinite;}
#xstudioLoyalty .xs-card--bonus[data-motion-active="1"] .xs-ring--2{animation: xlp9236_ringSpin 54s linear infinite reverse;}
#xstudioLoyalty .xs-card--gift[data-motion-active="1"] .xs-rays{animation: xlp9236_rayTurn 64s linear infinite;}
#xstudioLoyalty .xs-card--gift[data-motion-active="1"] .xs-foil{animation: xlp9236_foilSlide 14s var(--e-soft) infinite alternate;}
#xstudioLoyalty .xs-card--gift[data-motion-active="1"] .xs-bloom{animation: xlp9236_bloomBreath 8.5s ease-in-out infinite;}
#xstudioLoyalty .xs-card--gift[data-motion-active="1"] .xs-spark{animation: xlp9236_sparkle 4.4s ease-in-out infinite;}
#xstudioLoyalty .xs-card--gift[data-motion-active="1"] .xs-spark--2{animation-delay: .7s;}
#xstudioLoyalty .xs-card--gift[data-motion-active="1"] .xs-spark--3{animation-delay: 1.5s;}
#xstudioLoyalty .xs-card--gift[data-motion-active="1"] .xs-spark--4{animation-delay: 2.3s;}
#xstudioLoyalty .xs-card--gift[data-motion-active="1"] .xs-spark--5{animation-delay: 3.1s;}
#xstudioLoyalty .xs-card--bonus.is-sweep .xs-sheen__band{animation: xlp9236_sheenSweep 1150ms cubic-bezier(.3, 0, .2, 1) both;}
#xstudioLoyalty .xs-card--gift.is-sweep .xs-foil{animation: xlp9236_foilFlash 1150ms cubic-bezier(.3, 0, .2, 1) both;}
#xstudioLoyalty .xs-card--gift.is-sweep .xs-bow path{animation: xlp9236_bowDraw 980ms cubic-bezier(.16, 1, .3, 1) both;}
#xstudioLoyalty .xs-card--gift.is-sweep .xs-bow path:nth-child(2){animation-delay: 90ms;}
#xstudioLoyalty .xs-card--gift.is-sweep .xs-bow path:nth-child(3){animation-delay: 190ms;}
#xstudioLoyalty .xs-card--gift.is-sweep .xs-bow path:nth-child(4){animation-delay: 300ms;}
#xstudioLoyalty .xs-card--gift.is-sweep .xs-spark{animation: xlp9236_sparkBurst 900ms var(--e-out) both;}
#xstudioLoyalty .xs-card--gift.is-sweep .xs-spark--2{animation-delay: 110ms;}
#xstudioLoyalty .xs-card--gift.is-sweep .xs-spark--3{animation-delay: 200ms;}
#xstudioLoyalty .xs-card--gift.is-sweep .xs-spark--4{animation-delay: 290ms;}
#xstudioLoyalty .xs-card--gift.is-sweep .xs-spark--5{animation-delay: 380ms;}}
@keyframes  xlp9236_emberA { from { transform: translate3d(0,0,0) scale(1); opacity: .92; } to { transform: translate3d(-7%,-6%,0) scale(1.15); opacity: 1; } }
@keyframes  xlp9236_emberB { from { transform: translate3d(0,0,0) scale(1.05); opacity: .72; } to { transform: translate3d(8%,7%,0) scale(.92); opacity: .95; } }
@keyframes  xlp9236_emberC { from { transform: translate3d(0,0,0) scale(.94); opacity: .6; } to { transform: translate3d(6%,-5%,0) scale(1.18); opacity: .9; } }
@keyframes  xlp9236_ringSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes  xlp9236_rayTurn  { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes  xlp9236_foilSlide { from { transform: translate3d(-7%,0,0); } to { transform: translate3d(7%,-3%,0); } }
@keyframes  xlp9236_bloomBreath { 0%,100% { transform: scale(1); opacity: .66; } 50% { transform: scale(1.1); opacity: .95; } }
@keyframes  xlp9236_sparkle { 0%,72%,100% { opacity: 0; transform: scale(.4); } 80% { opacity: 1; transform: scale(1.25); } 88% { opacity: .22; transform: scale(.9); } }
@keyframes  xlp9236_sheenSweep { from { transform: translate3d(-180%,0,0) rotate(14deg); } to { transform: translate3d(420%,0,0) rotate(14deg); } }
@keyframes  xlp9236_foilFlash { 0% { transform: translate3d(-18%,0,0); opacity: .7; } 44% { opacity: 1; } 100% { transform: translate3d(10%,-3%,0); opacity: .7; } }
@keyframes  xlp9236_bowDraw { from { stroke-dashoffset: 100; opacity: 0; } 40% { opacity: 1; } to { stroke-dashoffset: 0; opacity: 1; } }
@keyframes  xlp9236_sparkBurst { 0% { opacity: 0; transform: scale(.2); } 40% { opacity: 1; transform: scale(1.3); } 100% { opacity: 0; transform: scale(.7); } }
#xstudioLoyalty .xs-card[data-xlp-tilt]{transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translate3d(0, var(--ty, 0px), 0) scale(var(--sc, 1));transition: transform 420ms var(--e-out);}
#xstudioLoyalty .xs-card[data-xlp-tilt].is-tilting{transition: transform 90ms linear;}
@media  (prefers-reduced-motion: reduce) {#xstudioLoyalty .xs-card,#xstudioLoyalty .xs-card *{animation: none !important;transition: none !important;}
#xstudioLoyalty .xs-card--gift .xs-spark{opacity: .6;}
#xstudioLoyalty .xs-card[data-xlp-tilt]{transform: none;}}
@media(prefers-reduced-motion:reduce){#xstudioLoyalty *,#xstudioLoyalty *::before,#xstudioLoyalty *::after{animation:none!important;transition:none!important}}

#xstudioLoyalty [hidden]{display:none!important}
#xstudioLoyalty{padding-top:132px;background:transparent}
@media(max-width:899px){#xstudioLoyalty{padding-top:124px}}
@media(max-width:599px){#xstudioLoyalty{padding-top:118px}}
#xstudioLoyalty .xs-gift-sum{min-width:0;max-width:100%}
#xstudioLoyalty .xs-gift-sum .xs-num{min-width:0;white-space:nowrap}
#xstudioLoyalty .xs-num__val{white-space:nowrap}
#xstudioLoyalty .xs-cur{flex:none}