/* Loyup Studio — navy / cream / peach, shared product and application system. */
:root{--lu-ink:#192b45;--lu-green:#192b45;--lu-paper:#faf7f2;--lu-lime:#ffaa70;--lu-muted:#657184;--lu-line:#d8dfe6}
body.loyup-studio{--blue:#192b45;--blue-d:#14243b;--blue-soft:#dfe6ef;--ink:#192b45;--muted:#657184;--bg:#faf7f2;--line:#d8dfe6;--font-display:'Inter',sans-serif;background:var(--lu-paper);color:var(--lu-ink)}
.loyup-studio .topbar{max-width:1440px;margin:12px auto 0;top:12px;width:calc(100% - 48px);height:70px;border:1px solid #d9dde3;border-radius:20px;background:#ffffffed;box-shadow:0 5px 25px #192b4506;padding:0 24px}
.loyup-studio .brand-name{font-size:26px;letter-spacing:-1.5px;font-weight:800;display:inline}.loyup-studio .brand-mark{width:36px;height:36px;border-radius:12px;background:var(--lu-green)}
.loyup-studio .btn{border-radius:12px;min-height:44px;font-size:13px;box-shadow:none}.loyup-studio .btn-primary{background:var(--lu-green);color:#fff;box-shadow:none}.loyup-studio .btn-primary:hover{background:#243b59}.loyup-studio .btn-soft{background:#e1e7ee;color:var(--lu-ink)}.loyup-studio .btn-ghost{border-color:#ced5dd;background:transparent;color:var(--lu-ink)}
.loyup-studio .panel,.loyup-studio .auth-shell,.loyup-studio .stat{border:1px solid var(--lu-line);box-shadow:0 8px 30px #192b4504;border-radius:22px;background:#fff}.loyup-studio .panel-title,.loyup-studio .dash-title,.loyup-studio .auth-shell h2{color:var(--lu-ink);letter-spacing:-.045em}.loyup-studio .input,.loyup-studio .select,.loyup-studio textarea{border-color:var(--lu-line);border-radius:12px;background:#f7f9fb}.loyup-studio .input:focus,.loyup-studio .select:focus{border-color:#607187;box-shadow:0 0 0 3px #ffaa7060}.loyup-studio .sidebar{background:#e8ecf2;border-color:var(--lu-line);border-radius:20px}.loyup-studio .side-item.active{background:var(--lu-green);color:#fff}.loyup-studio .notice,.loyup-studio .journey-step{border-color:#d0d8e3;background:#e8eef5;border-radius:16px}.loyup-studio .tag{background:#dfe7f1;color:var(--lu-ink)}.loyup-studio .stat strong{color:var(--lu-green)}.loyup-studio .bars .bar{background:var(--lu-green)}
.lu-home{--card-bg:#192b45;--card-accent:#ffaa70;max-width:1440px;margin:auto;padding:0 48px;overflow:clip;font-family:'Inter',sans-serif;color:var(--lu-ink)}
.lu-home button,.lu-home a{-webkit-tap-highlight-color:transparent}.lu-home button{cursor:pointer}.lu-home button:focus-visible,.lu-home summary:focus-visible,.lu-home input:focus-visible,.lu-home a:focus-visible{outline:3px solid #9e6a43;outline-offset:5px}.lu-home section,.lu-pricing-slot{scroll-margin-top:114px}.lu-home [hidden]{display:none!important}
.lu-section-nav{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--lu-line);gap:20px}.lu-section-nav>span{font-size:10px;letter-spacing:1.7px;font-weight:600}.lu-section-nav>div{display:flex;gap:27px}.lu-section-nav button,.lu-footer button{background:none;color:var(--lu-ink);font-size:12px;padding:8px 0}.lu-section-nav button:hover{color:#345886}.lu-section-nav button span{color:#6a7d95;margin-left:5px}
.lu-eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600;display:flex;align-items:center;gap:9px;line-height:1.7}.lu-eyebrow i{width:6px;height:6px;border-radius:50%;background:#a77249;box-shadow:0 0 0 4px #ffaa7066}
.lu-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:62px 0 50px;align-items:center;min-height:755px}.lu-hero h1{font-family:'Inter',sans-serif;font-size:clamp(48px,5.45vw,78px);font-weight:550;letter-spacing:-.071em;line-height:1.01;margin:22px 0 22px;color:var(--lu-ink)}.lu-hero h1 em,.lu-home h2 em{font-style:normal;color:#70849d}.lu-hero-copy>p{font-size:16px;line-height:1.8;color:#696f76;max-width:410px;margin:0 0 25px}.lu-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.lu-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--lu-green);color:white;border:1px solid transparent;border-radius:12px;padding:17px 22px;font-size:12px;font-weight:600;line-height:1.5;min-height:50px;transition:background .2s,transform .2s,box-shadow .2s}.lu-button:hover{background:#283e5b;transform:translateY(-2px);box-shadow:0 8px 20px #192b4514}.lu-button span{font-size:19px;font-weight:400}.lu-text-button{background:none;color:var(--lu-ink);display:inline-flex;align-items:center;gap:10px;font-size:12px;padding:10px 0}.lu-play-small{display:grid;place-items:center;width:29px;height:29px;border:1px solid #c5ccd6;border-radius:50%;font-size:9px}.lu-hero-trust{display:flex;gap:22px;font-size:10px;color:#7a7f86;margin-top:20px}
.lu-config{margin-top:35px;max-width:380px;padding:20px 22px;background:#fff8;border:1px solid var(--lu-line);border-radius:17px}.lu-config-title{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#6d757f;margin-bottom:18px}.lu-config label{display:block;font-size:11px;margin:0 0 8px}.lu-config input{width:100%;font-size:15px;line-height:1.5;font-weight:500;background:transparent;border:0;border-bottom:1px solid #d1d7df;padding:0 0 11px;color:var(--lu-ink);border-radius:0}.lu-config-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:15px}.lu-segment{display:flex;padding:3px;border-radius:9px;background:#e3e8ee}.lu-segment button{font-size:10px;color:#606a76;background:none;padding:8px 12px;border-radius:7px}.lu-segment button[aria-pressed=true]{background:#fff;color:var(--lu-ink);box-shadow:0 2px 5px #192b4510}.lu-colors{display:flex;gap:9px}.lu-colors button{width:21px;height:21px;border-radius:50%;background:var(--swatch);border:3px solid var(--lu-paper);outline:1px solid transparent;transition:transform .2s}.lu-colors button[aria-pressed=true]{outline-color:var(--swatch);transform:scale(1.08)}
.lu-hero-stage{position:relative;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;perspective:1400px;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,#ced9e888,transparent 66%)}.lu-stage-label{position:absolute;top:7px;right:15px;font-size:8px;letter-spacing:2px;writing-mode:vertical-rl;color:#788392}.lu-orbit{position:absolute;z-index:-1;border:1px solid #ccd4df;border-radius:50%;pointer-events:none;width:490px;height:490px;top:17px;left:50%;transform:translateX(-50%) rotateX(48deg) rotateZ(-25deg)}.orbit-two{width:600px;height:600px;top:-40px;border-style:dashed;opacity:.45;transform:translateX(-50%) rotateX(48deg) rotateZ(30deg)}
.lu-card-stack{position:relative;width:340px;height:390px;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,7deg)) rotateY(var(--tilt-y,-15deg)) rotateZ(-6deg);transition:transform .4s ease-out;animation:lu-float 8s ease-in-out infinite;margin:18px 0 48px}.lu-card{position:relative;background:var(--card-bg);color:#fff;border-radius:24px;border:1px solid #ffffff25;box-shadow:0 28px 50px #18283c2b,0 3px 6px #192b4515;padding:26px 24px;overflow:hidden;transition:background .4s}.lu-card:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#ffffff15,transparent 40%,#ffffff09);pointer-events:none}.lu-main-card{height:390px;transform:translateZ(40px)}.lu-card-head{display:flex;align-items:center;gap:10px;position:relative}.lu-shop-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid #ffffff44;border-radius:10px;font-size:22px;color:var(--card-accent)}.lu-card-head b{font-size:12px;font-weight:500;display:block;max-width:175px;overflow-wrap:anywhere}.lu-card-head small{font-size:6px;letter-spacing:1.4px;display:block;margin-top:5px;color:#ffffff7a}.lu-card-brand{margin-left:auto;font-size:12px;letter-spacing:-.7px;align-self:flex-start;color:var(--card-accent)}.lu-card-title{font-size:25px;font-weight:400;letter-spacing:-1px;line-height:1.22;margin:32px 0 25px}.lu-card-title em{font-style:normal;color:var(--card-accent)}.lu-stamps{display:grid;grid-template-columns:repeat(4,1fr);gap:11px 18px}.lu-stamp{width:44px;height:44px;border:1px solid #ffffff28;border-radius:50%;display:grid;place-items:center;font-size:28px;color:#ffffff44;line-height:1}.lu-stamp.filled{background:var(--card-accent);color:var(--card-bg);border-color:var(--card-accent);box-shadow:inset 0 1px 2px #fff6}.lu-card-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.lu-card-bottom small{display:block;font-size:6px;letter-spacing:1.2px;opacity:.55}.lu-card-bottom strong{display:block;font-size:10px;font-weight:500;margin-top:5px}.lu-card-line{height:1px;background:#ffffff20;margin:17px 0 10px}.lu-card-foot{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1.4px;opacity:.6}.lu-back-card{position:absolute;inset:0;border-radius:24px;padding:27px;font-size:11px;box-shadow:0 20px 50px #192b4512;display:flex;justify-content:space-between}.lu-back-card b{font-size:17px}.back-one{background:#ccd7e6;transform:translateZ(-30px) rotateZ(-12deg) translate(-46px,-14px);color:#606e81}.back-two{background:#ebc8ad;transform:translateZ(-10px) rotateZ(12deg) translate(47px,-6px);color:#546b88}.lu-toast-demo{position:absolute;right:0;bottom:130px;background:#ffffffed;backdrop-filter:blur(10px);border:1px solid #d7dde5;border-radius:15px;box-shadow:0 16px 32px #192b4510;padding:16px;display:flex;gap:12px;align-items:center;transform:rotate(3deg);max-width:300px;transition:transform .5s}.lu-toast-demo>span{display:grid;place-items:center;background:var(--lu-lime);width:30px;height:30px;border-radius:50%;flex-shrink:0}.lu-toast-demo b{display:block;font-size:11px}.lu-toast-demo small{display:block;font-size:8px;color:var(--lu-muted);margin-top:4px;line-height:1.6}.reward-ready .lu-toast-demo{transform:rotate(0) scale(1.05)}.reward-ready .lu-main-card{box-shadow:0 0 60px #ffaa7088,0 28px 50px #18283c2b}.lu-stage-controls{display:flex;gap:9px;align-items:center;margin-top:13px}.lu-lime{background:var(--lu-lime);color:var(--lu-ink)}.lu-lime:hover{background:#e9a877}.lu-reset{width:40px;height:40px;border:1px solid #cdd6e1;border-radius:50%;background:transparent;color:var(--lu-ink);font-size:18px}.lu-demo-caption{font-size:8px;color:#878d95;margin:12px 0 0}.lu-points{grid-column:1/-1;height:99px;padding:9px 0}.lu-points>b{font-size:50px;font-weight:400;letter-spacing:-3px;color:var(--card-accent)}.lu-points>span{font-size:13px;margin-left:10px;opacity:.6}.lu-points>div{height:5px;border-radius:10px;background:#ffffff20;margin-top:12px;overflow:hidden}.lu-points i{display:block;height:100%;background:var(--card-accent);transition:width .35s}
.lu-industries{padding:30px 0 34px;border-top:1px solid var(--lu-line);border-bottom:1px solid var(--lu-line);display:flex;align-items:center;justify-content:space-between;gap:30px}.lu-industries>span{font-size:8px;letter-spacing:1.5px;max-width:120px;line-height:1.8;color:#777f89}.lu-industries>div{font-size:clamp(12px,1.35vw,19px);letter-spacing:-.5px;display:flex;align-items:center;gap:clamp(12px,2vw,32px);color:#59626d}.lu-industries i{font-style:normal;color:#8ba0bc;font-size:18px}
.lu-section{padding:95px 0}.lu-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.lu-home h2{font-family:'Inter',sans-serif;color:var(--lu-ink);font-size:clamp(32px,4vw,54px);font-weight:500;letter-spacing:-.055em;line-height:1.07;margin:18px 0 0}.lu-section-heading>p,.lu-section-head p{font-size:13px;line-height:1.8;color:var(--lu-muted);max-width:345px;margin:0 0 3px}
.lu-film{position:relative;background:#192b45;color:#f5ede7;border-radius:30px;overflow:hidden;box-shadow:0 30px 70px #18253514;isolation:isolate}.lu-film-top{display:flex;justify-content:space-between;align-items:center;padding:27px 36px;position:relative;z-index:2}.lu-film-top>span:first-child{font-size:28px;font-weight:650;letter-spacing:-2px}.lu-film-top>span:last-child{font-size:8px;letter-spacing:2px;color:#8997aa}.lu-film-body{min-height:440px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 65px;position:relative}.lu-film-copy{z-index:2}.lu-film-copy>span{font-size:8px;letter-spacing:2px;color:var(--lu-lime)}.lu-film-copy h3{font-size:clamp(32px,4vw,54px);line-height:1.07;letter-spacing:-2.4px;font-weight:450;margin:22px 0;color:#f7f0eb}.lu-film-copy p{font-size:12px;line-height:1.8;max-width:270px;color:#a2a9b3}.lu-film-art{height:440px;position:relative;perspective:1100px;display:flex;align-items:flex-end;justify-content:center;transform-style:preserve-3d}.lu-film-disc{position:absolute;border:1px solid #dfb18d28;width:420px;height:420px;top:20px;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#b681591a,transparent 70%)}.lu-film-disc:before,.lu-film-disc:after{content:'';position:absolute;inset:36px;border-radius:50%;border:1px dashed #dfb18d18}.lu-film-disc:after{inset:-30px;border-style:solid}.lu-film-phone{position:relative;background:#eaeff5;border:6px solid #2b3138;border-radius:37px;width:263px;height:440px;box-shadow:0 22px 80px #0007,0 0 0 1px #6c7c91;transform:rotateY(-18deg) rotateZ(9deg) translateY(48px);transition:transform 1.3s cubic-bezier(.22,.68,.2,1);padding:0 10px;color:var(--lu-ink)}.lu-phone-island{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:78px;height:20px;background:#1a1f25;border-radius:22px;z-index:2}.lu-phone-status{font-size:8px;font-weight:700;padding:16px 12px 21px;display:flex;justify-content:space-between}.lu-phone-title{font-size:12px;font-weight:600;margin:15px 7px 15px;display:flex;justify-content:space-between;letter-spacing:-.5px}.lu-film-card{padding:17px 15px;border-radius:16px;box-shadow:0 10px 18px #192b4518}.lu-film-card .lu-card-head{gap:6px}.lu-film-card .lu-shop-icon{width:23px;height:23px;font-size:16px;border-radius:6px}.lu-film-card .lu-card-head b{font-size:8px;max-width:108px}.lu-film-card .lu-card-head small{font-size:4px;letter-spacing:.7px}.lu-film-card .lu-card-brand{font-size:8px}.lu-film-card .lu-card-title{font-size:17px;margin:21px 0 16px;letter-spacing:-.65px}.lu-film-card .lu-stamps{gap:7px 12px}.lu-film-card .lu-stamp{width:28px;height:28px;font-size:18px}.lu-film-card .lu-card-bottom{margin-top:13px}.lu-film-card .lu-card-bottom strong{font-size:7px}.lu-film-card .lu-card-bottom small{font-size:4px}.lu-film-card .lu-card-line{margin:10px 0 6px}.lu-film-card .lu-card-foot{font-size:4px}.lu-phone-message{display:flex;align-items:center;gap:8px;background:white;margin-top:14px;padding:11px 8px;border-radius:12px;box-shadow:0 5px 20px #192b4510;transition:transform .7s}.lu-phone-message>span{width:24px;height:24px;display:grid;place-items:center;background:#dae3ef;border-radius:8px}.lu-phone-message b{font-size:7px;display:block}.lu-phone-message small{display:block;font-size:6px;color:#6c7581;margin-top:3px}.lu-phone-home{height:3px;width:70px;border-radius:10px;background:#232f3e;position:absolute;bottom:10px;left:50%;transform:translateX(-50%)}.lu-film-float{position:absolute;top:35%;right:1%;background:var(--lu-lime);color:var(--lu-ink);border-radius:22px;padding:20px 24px;font-size:48px;letter-spacing:-4px;line-height:1;transform:translateY(18px) rotate(-7deg);opacity:0;transition:opacity .7s,transform 1s;box-shadow:0 15px 40px #0003}.lu-film-float small{font-size:8px;letter-spacing:0}.lu-film[data-scene="1"] .lu-film-phone{transform:rotateY(12deg) rotateZ(-6deg) translateY(15px) scale(1.03)}.lu-film[data-scene="2"] .lu-film-phone{transform:rotateY(-10deg) rotateZ(4deg) translate(-15px,18px)}.lu-film[data-scene="2"] .lu-film-float{opacity:1;transform:translateY(0) rotate(-7deg)}.lu-film[data-scene="3"] .lu-film-phone{transform:rotateY(0) rotateZ(0) translateY(5px)}.lu-film[data-scene="3"] .lu-phone-message{background:var(--lu-lime);transform:translateY(-5px) scale(1.04)}.lu-film-controls{position:relative;z-index:3;display:flex;align-items:center;gap:15px;padding:20px 30px;background:#14243b;border-top:1px solid #ffffff14}.lu-film-controls button{background:none;color:#f2e4d9;font-size:13px;display:flex;gap:10px;align-items:center;min-height:28px;padding:3px 5px}.lu-film-controls button>span{font-size:10px;white-space:nowrap}.lu-film-controls>span{font-size:9px;color:#8b95a2;font-variant-numeric:tabular-nums}.lu-film-controls input{flex:1;width:100%;min-width:20px;accent-color:var(--lu-lime);cursor:pointer;height:3px}.lu-film:fullscreen,.lu-film-expanded{background:#192b45;display:flex;flex-direction:column;justify-content:space-between}.lu-film:fullscreen .lu-film-body,.lu-film-expanded .lu-film-body{flex:1}.lu-film-expanded{position:fixed;inset:16px;z-index:100;border:1px solid #768ca9;border-radius:25px}
.lu-journey{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:stretch}.lu-steps{display:grid;align-content:center}.lu-steps>button{display:flex;align-items:flex-start;text-align:left;gap:23px;background:transparent;border-bottom:1px solid var(--lu-line);padding:29px 18px 29px 0;color:var(--lu-ink);transition:background .3s,padding .3s}.lu-steps>button>span{font-size:10px;padding-top:6px;opacity:.5}.lu-steps h3{font-size:18px;font-weight:500;letter-spacing:-.7px;margin:0 0 9px}.lu-steps p{margin:0;font-size:12px;line-height:1.7;color:var(--lu-muted);max-width:300px}.lu-steps>button>b{margin-left:auto;font-size:20px;font-weight:400;opacity:.2}.lu-steps>button[aria-selected=true]{background:#dfe6f0;border-radius:15px;border-color:transparent;padding-left:22px}.lu-steps>button[aria-selected=true]>b{opacity:1}.lu-journey-panel{min-height:390px;border:1px solid #d1d9e4;background:#e5ebf2;border-radius:25px;padding:23px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.lu-preview-label{align-self:flex-start;font-size:8px;letter-spacing:1.6px;color:#7c8795;margin-bottom:20px}.lu-join-preview{background:#fff;border-radius:22px;padding:30px;width:min(300px,100%);box-shadow:0 20px 40px #192b4509}.lu-join-preview>.lu-shop-icon{background:var(--lu-green);color:var(--lu-lime);border-radius:14px;width:50px;height:50px;margin:0 auto 20px;font-size:30px}.lu-journey-panel h3{font-size:23px;letter-spacing:-1px;margin:12px 0;font-weight:500}.lu-journey-panel p{font-size:11px;line-height:1.8;color:var(--lu-muted)}.lu-preview-cta{background:var(--lu-green);color:#fff;border-radius:10px;padding:14px 16px;font-size:10px;margin-top:20px}.lu-join-preview>small{display:block;font-size:8px;color:#838b95;margin-top:12px}.lu-scan-preview{text-align:center;width:100%;padding:12px 15px}.lu-member-avatar{width:40px;height:40px;border-radius:50%;background:#efe4db;display:inline-grid;place-items:center;font-size:11px;color:#3e5471}.lu-scan-preview>.lu-member-avatar{width:53px;height:53px;font-size:15px;background:#e5cebd}.lu-scan-preview>small{display:block;margin-top:12px;font-size:8px;letter-spacing:1.5px}.lu-scan-choices{display:flex;gap:10px;justify-content:center;margin:25px 0}.lu-scan-choices>span{display:grid;place-items:center;width:65px;height:55px;font-size:20px;letter-spacing:-1px;border:1px solid #b8c5d5;border-radius:12px;background:#fff}.lu-scan-choices>span:first-child{background:var(--lu-lime);border-color:transparent}.lu-scan-choices>span:last-child{font-size:12px;letter-spacing:0}.lu-reward-preview>span{font-size:80px;color:#39567c;display:block;line-height:1.1}.lu-reward-preview>small{font-size:8px;letter-spacing:2px}.lu-reward-preview h3{font-size:30px}
.lu-tools-section{border-top:1px solid var(--lu-line)}.lu-dashboard{display:grid;grid-template-columns:205px 1fr;border:1px solid var(--lu-line);border-radius:24px;overflow:hidden;box-shadow:0 30px 70px #192b4508;background:#fff}.lu-dashboard aside{background:#e2e8f0;padding:26px 17px;display:flex;flex-direction:column}.lu-dash-brand{font-size:28px;font-weight:650;letter-spacing:-2px;margin:0 10px 40px}.lu-dashboard aside [role=tablist]{display:grid;gap:6px}.lu-dashboard aside button{padding:13px 14px;background:none;text-align:left;display:flex;gap:9px;align-items:center;color:#657283;border-radius:10px;font-size:17px}.lu-dashboard aside button span{font-size:11px}.lu-dashboard aside button[aria-selected=true]{color:white;background:var(--lu-green)}.lu-dashboard aside>small{font-size:6px;letter-spacing:1.2px;color:#7e8998;margin-top:auto;padding:30px 12px 0}.lu-dash-content{padding:34px 40px;min-height:400px}.lu-dash-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.lu-dash-heading small{font-size:7px;letter-spacing:1.5px;color:#727d8b}.lu-dash-heading h3{font-size:24px;font-weight:500;letter-spacing:-1px;margin:8px 0 25px}.lu-dash-heading h3 span{color:#7e93af;margin-left:10px}.lu-example-badge{font-size:8px;padding:6px 9px;background:#eaeef3;border-radius:6px;color:#697688}.lu-dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lu-dash-stats>div{background:#f1f4f8;padding:17px;border:1px solid #e4e9ef;border-radius:12px}.lu-dash-stats small{font-size:8px;color:#697584;display:block}.lu-dash-stats b{font-size:33px;font-weight:450;letter-spacing:-2px;display:block;margin:12px 0 7px}.lu-dash-stats span{display:block;font-size:7px;color:#798698}.lu-chart-head{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin:25px 0 20px}.lu-chart-head span{font-size:8px;color:#858f9b}.lu-chart{height:125px;display:flex;gap:22px;justify-content:space-between;background:repeating-linear-gradient(to top,transparent 0,transparent 30px,#e9edf3 31px,#e9edf3 32px)}.lu-chart>div{height:100%;flex:1;position:relative;display:flex;align-items:flex-end;justify-content:center}.lu-chart i{height:var(--bar-height);width:100%;border-radius:6px 6px 0 0;background:#b2c1d5;animation:lu-grow .7s ease-out both;transform-origin:bottom}.lu-chart>div:nth-child(6) i{background:var(--lu-green)}.lu-chart span{position:absolute;bottom:-18px;font-size:8px;color:#748192}.lu-client-rows>div{display:flex;gap:15px;align-items:center;border-bottom:1px solid #e1e7ee;padding:17px 0;font-size:12px}.lu-client-rows>div>b{font-weight:500}.lu-client-rows>div>span:last-child{margin-left:auto;font-size:10px;color:#6e7c8e}.lu-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:42px}.lu-feature-grid article{padding:10px 0}.lu-feature-grid article>span{font-size:8px;letter-spacing:1.5px;color:#808fa2}.lu-feature-grid h3{font-size:20px;font-weight:500;letter-spacing:-.8px;margin:19px 0 12px}.lu-feature-grid p{font-size:12px;line-height:1.9;color:var(--lu-muted);max-width:285px;margin:0}.lu-feature-grid small{font-size:8px;color:#657487;display:block;margin-top:12px}
.lu-wallet-band{position:relative;padding:65px;background:var(--lu-green);color:#f3e8e0;border-radius:28px;isolation:isolate;overflow:hidden}.lu-wallet-band .lu-eyebrow{color:#9cb4d3}.lu-wallet-band h2{color:#f7f0eb;font-size:52px}.lu-wallet-band h2 em{color:var(--lu-lime)}.lu-wallet-band>p{max-width:405px;font-size:13px;color:#a5b1c0;line-height:1.8;margin:25px 0}.lu-platforms{display:flex;gap:22px;flex-wrap:wrap;margin-top:35px;font-size:9px;color:#8597ae}.lu-platforms span:first-child{color:#ffaa70}.lu-band-mark{position:absolute;right:55px;top:-38px;font-size:440px;line-height:1;color:#ffaa7014;z-index:-1;font-weight:300;transform:rotate(-10deg)}
.lu-home .lu-pricing{margin:0;padding:95px 0}.lu-pricing .section-head{margin-bottom:28px}.lu-pricing .section-head p{font-size:12px;color:var(--lu-muted);margin-top:20px}.lu-home .pricing-guide{background:#e2e8f0;border-color:#d1d9e4;border-radius:18px}.lu-home .pricing-table{background:white;color:var(--lu-ink)}.lu-home .pricing-table thead th{background:#e9eef5}.lu-home .pricing-table thead th.is-recommended{background:#eddbce}.lu-home .pricing-table td.is-recommended{background:#f7efe9}.lu-home .pricing-recommended{background:var(--lu-green);color:#fff}.lu-home .pricing-check{color:#3a5271;background:#f0e4db}.lu-home .pricing-scroll{border-color:#d1d9e4;border-radius:20px}.lu-home .pricing-amount,.lu-home .pricing-table h3{color:var(--lu-ink)}.lu-home .pricing-advice{background:#f3eae3;border-color:#c7d4e4;color:#3f5571}.lu-home .billing-option.selected{background:var(--lu-green);color:#fff}.lu-home .pricing-guide h3{font-size:20px;letter-spacing:-.8px}.lu-home .pricing-footnotes{color:#707c8c}.lu-home .phone-plan-picker button[aria-pressed=true]{background:var(--lu-green);color:#fff}
.lu-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:65px;border-top:1px solid var(--lu-line)}.lu-faq details{border-bottom:1px solid var(--lu-line);padding:0;margin:0}.lu-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;line-height:1.6;font-weight:500;cursor:pointer;padding:23px 0;list-style:none}.lu-faq summary::-webkit-details-marker{display:none}.lu-faq summary span{font-size:23px;color:#627793;font-weight:300;transition:transform .2s}.lu-faq details[open] summary span{transform:rotate(45deg)}.lu-faq details p{font-size:12px;line-height:1.9;color:var(--lu-muted);margin:0 30px 23px 0}.lu-final{text-align:center;padding:55px 0 90px}.lu-final .lu-eyebrow{justify-content:center;font-size:8px}.lu-final h2{font-size:clamp(48px,6.5vw,90px);margin:24px 0 32px}.lu-final p{font-size:10px;color:#808b99;margin-top:16px}.lu-footer{border-top:1px solid var(--lu-line);display:flex;gap:25px;align-items:center;padding:27px 0 35px}.lu-wordmark{color:var(--lu-ink);font-size:34px;letter-spacing:-2.5px;font-weight:650;text-decoration:none}.lu-footer>p{font-size:10px;color:var(--lu-muted)}.lu-footer>div{margin-left:auto;display:flex;gap:20px}.lu-footer>span{font-size:8px;color:#828c9a}
.lu-reveal{transition:opacity .65s,transform .65s}.lu-reveal:not(.lu-in-view){opacity:.2;transform:translateY(16px)}.lu-paused *{animation-play-state:paused!important}.lu-paused .lu-card-stack{animation:none}.lu-paused .lu-reveal{opacity:1;transform:none}.lu-paused .lu-film-phone,.lu-paused .lu-film-float{transition:none}
@keyframes lu-float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes lu-grow{from{transform:scaleY(.1)}to{transform:scaleY(1)}}
@media(min-width:1500px){.lu-hero{min-height:810px}.lu-hero-stage{min-height:660px}.lu-card-stack{scale:1.1;margin-bottom:70px}}
@media(max-width:1100px){.lu-home{padding:0 32px}.loyup-studio .topbar{width:calc(100% - 32px);padding:0 18px}.loyup-studio .nav-actions{gap:5px}.loyup-studio .nav-actions .btn{font-size:11px;padding:9px 11px}.lu-hero{gap:20px}.lu-hero-stage{min-height:550px}.lu-card-stack{scale:.87;margin-bottom:20px}.lu-toast-demo{right:-5px;bottom:118px}.lu-orbit{width:390px;height:390px;top:50px}.orbit-two{width:480px;height:480px;top:10px}.lu-actions{gap:13px}.lu-button{padding:14px 17px;gap:16px;font-size:11px}.lu-industries>div{gap:17px}.lu-film-body{padding:0 42px}.lu-film-art{scale:.9}.lu-journey{gap:30px}.lu-dash-content{padding:30px}.lu-dashboard{grid-template-columns:185px 1fr}}
@media(max-width:760px){.loyup-studio .topbar{width:calc(100% - 24px);top:8px;margin-top:8px;height:62px;border-radius:15px;padding:0 14px}.loyup-studio .brand-name{font-size:24px}.loyup-studio .brand-mark{width:31px;height:31px}.loyup-studio .phone-menu-toggle{border-color:#cfd7e2;color:var(--lu-ink);border-radius:10px;font-size:12px;padding:8px 12px;min-height:38px}.loyup-studio .topbar .nav-actions{background:#fff;border-color:#d8dfe6;border-radius:16px;top:calc(100% + 10px)}.lu-home{padding:0 22px}.lu-section-nav{height:66px;overflow:visible;justify-content:center}.lu-section-nav>span{display:none}.lu-section-nav>div{gap:24px;justify-content:space-between;width:100%}.lu-section-nav button{font-size:10px;white-space:nowrap}.lu-hero{grid-template-columns:1fr;padding:37px 0 35px;gap:4px;min-height:auto}.lu-hero h1{font-size:clamp(43px,10.4vw,70px);margin:19px 0 20px;line-height:1.015;letter-spacing:-.065em}.lu-eyebrow{font-size:8px;letter-spacing:1.4px}.lu-hero-copy>p{font-size:13px;line-height:1.8;max-width:340px}.lu-actions{gap:18px}.lu-button{min-height:48px;font-size:11px;padding:14px 16px;gap:18px}.lu-text-button{font-size:10px}.lu-hero-trust{font-size:8px;gap:17px;margin-top:17px}.lu-config{max-width:none;margin-top:25px;padding:16px 18px}.lu-config-title{font-size:7px;margin-bottom:14px}.lu-config label{font-size:10px}.lu-config input{font-size:15px}.lu-hero-stage{min-height:535px;margin:0 -5px;justify-content:flex-end}.lu-card-stack{width:310px;height:367px;scale:.87;margin-top:14px;margin-bottom:10px}.lu-main-card{height:367px;padding:23px 21px}.lu-card-title{font-size:23px;margin:28px 0 23px}.lu-stamps{gap:10px 16px}.lu-stamp{width:42px;height:42px}.lu-toast-demo{bottom:112px;right:0;max-width:245px;padding:12px;transform:rotate(2deg)}.lu-toast-demo b{font-size:10px}.lu-toast-demo small{font-size:7px}.lu-stage-label{top:42px;right:3px;font-size:7px}.lu-stage-controls{margin-top:0}.lu-stage-controls .lu-button{min-height:43px}.lu-orbit{width:330px;height:390px;top:48px}.orbit-two{width:390px;height:465px;top:15px}.lu-demo-caption{font-size:7px}.lu-industries{display:block;padding:23px 0}.lu-industries>span{font-size:7px;display:block;max-width:none;margin-bottom:15px}.lu-industries>div{display:flex;flex-wrap:wrap;gap:8px 13px;font-size:12px;line-height:1.8}.lu-industries i{font-size:12px}.lu-section{padding:56px 0}.lu-section-heading{display:block;margin-bottom:26px}.lu-home h2{font-size:36px;margin-top:14px}.lu-section-heading>p{font-size:11px;margin-top:20px}.lu-section-heading>.lu-text-button{margin-top:17px}.lu-film{border-radius:21px}.lu-film-top{padding:20px 22px}.lu-film-top>span:first-child{font-size:23px}.lu-film-top>span:last-child{font-size:6px;letter-spacing:1.5px}.lu-film-body{display:flex;flex-direction:column;padding:0 23px;min-height:570px;align-items:stretch;overflow:hidden}.lu-film-copy{padding-top:16px}.lu-film-copy>span{font-size:7px}.lu-film-copy h3{font-size:34px;margin:16px 0;letter-spacing:-1.6px}.lu-film-copy p{font-size:10px;max-width:245px}.lu-film-art{height:340px;scale:.8;transform-origin:top center;min-height:340px;margin-top:23px;margin-bottom:-65px}.lu-film-phone{flex-shrink:0}.lu-film-disc{width:350px;height:350px;top:-55px}.lu-film-float{right:-10px;top:20%}.lu-film-controls{gap:10px;padding:16px 17px}.lu-film-controls button>span{display:none}.lu-film-controls>span{font-size:8px}.lu-film-controls button{min-width:24px}.lu-film:fullscreen .lu-film-body,.lu-film-expanded .lu-film-body{justify-content:center}.lu-journey{grid-template-columns:1fr;gap:22px}.lu-steps>button{padding:20px 6px 20px 0;gap:14px}.lu-steps>button[aria-selected=true]{padding-left:15px}.lu-steps h3{font-size:16px}.lu-steps p{font-size:11px;max-width:255px}.lu-steps>button>span{font-size:9px}.lu-journey-panel{min-height:350px;padding:20px}.lu-dashboard{display:block;border-radius:18px}.lu-dashboard aside{padding:15px;display:block}.lu-dash-brand{display:none}.lu-dashboard aside [role=tablist]{display:flex;justify-content:space-between;gap:5px}.lu-dashboard aside button{font-size:14px;padding:10px 9px;gap:5px;flex:1;justify-content:center;white-space:nowrap}.lu-dashboard aside button span{font-size:8px}.lu-dashboard aside>small{display:none}.lu-dash-content{padding:24px 17px;min-height:380px}.lu-dash-heading h3{font-size:21px}.lu-dash-heading small{font-size:6px}.lu-example-badge{font-size:6px;padding:5px}.lu-dash-stats{gap:7px}.lu-dash-stats>div{padding:12px 8px}.lu-dash-stats small{font-size:7px;line-height:1.5;min-height:21px}.lu-dash-stats b{font-size:27px}.lu-dash-stats span{font-size:6px;line-height:1.5}.lu-chart-head{font-size:8px;gap:10px;margin-top:28px}.lu-chart-head span{font-size:7px}.lu-chart{gap:12px;height:110px}.lu-client-rows>div{gap:9px;font-size:10px;padding:17px 0}.lu-client-rows>div>span:last-child{font-size:7px}.lu-client-rows .lu-member-avatar{width:29px;height:29px;font-size:8px}.lu-feature-grid{grid-template-columns:1fr;gap:22px;margin-top:30px}.lu-feature-grid article{padding:8px 0 25px;border-bottom:1px solid var(--lu-line)}.lu-feature-grid h3{margin:12px 0 10px;font-size:21px}.lu-feature-grid p{max-width:none;font-size:12px}.lu-wallet-band{padding:35px 26px;border-radius:22px}.lu-wallet-band h2{font-size:37px}.lu-wallet-band>p{font-size:11px}.lu-band-mark{right:-38px;top:30px;font-size:300px}.lu-platforms{display:grid;gap:12px;font-size:8px;margin-top:28px}.lu-home .lu-pricing{padding:55px 0}.lu-home .pricing-guide{padding:18px}.lu-home .pricing-guide h3{font-size:18px}.lu-home .pricing-table th:first-child{width:49%}.lu-home .pricing-table thead th:first-child{font-size:18px}.lu-home .pricing-table thead th{padding:19px 11px}.lu-home .pricing-table th,.lu-home .pricing-table td{font-size:10px;padding:12px 10px}.lu-home .pricing-table tbody th{font-size:10px;line-height:1.6}.lu-home .pricing-table .btn{font-size:10px}.lu-home .pricing-amount{font-size:28px}.lu-home .pricing-recommended{font-size:8px}.lu-home .pricing-footnotes{font-size:10px}.lu-faq{grid-template-columns:1fr;gap:27px}.lu-faq summary{font-size:13px;padding:20px 0}.lu-faq details p{font-size:11px}.lu-final{padding:25px 0 60px}.lu-final h2{font-size:48px}.lu-final .lu-eyebrow{font-size:7px;letter-spacing:1.1px}.lu-footer{flex-wrap:wrap;gap:12px 20px;padding:25px 0}.lu-wordmark{font-size:28px}.lu-footer>p{font-size:9px;flex:1}.lu-footer>div{width:100%;margin:5px 0;gap:28px}.lu-footer button{font-size:10px}.lu-footer>span{font-size:8px}.lu-home section,.lu-pricing-slot{scroll-margin-top:90px}}
@media(max-width:370px){.lu-home{padding:0 17px}.lu-hero h1{font-size:42px}.lu-actions{gap:12px}.lu-actions>.lu-button{font-size:10px;padding:13px}.lu-actions>.lu-text-button{font-size:9px}.lu-card-stack{scale:.8}.lu-section-nav>div{gap:16px}.lu-config-row{gap:10px}.lu-film-body{padding:0 18px}.lu-film-copy h3{font-size:31px}.lu-dashboard aside button{padding:9px 6px}.lu-dashboard aside button span{font-size:7px}}
/* Keep the complete reward footer inside the 3D card at every breakpoint. */
.lu-card-stack{height:440px}.lu-main-card{height:440px}.lu-main-card .lu-card-title{font-size:23px;line-height:1.2;margin:25px 0 21px}.lu-main-card .lu-card-bottom{margin-top:18px}.lu-main-card .lu-card-line{margin:13px 0 9px}.lu-main-card .lu-card-bottom small{line-height:1.4}.lu-main-card .lu-card-bottom strong{line-height:1.4}.lu-card-foot{line-height:1.3}.lu-hero-stage{min-height:645px}.lu-film-card .lu-card-title{font-size:16px;margin:15px 0 13px}.lu-film-card .lu-card-line,.lu-film-card .lu-card-foot{display:none}.lu-film-card .lu-stamps{gap:6px 12px}.lu-film-card .lu-card-bottom{margin-top:12px}.lu-film-card .lu-card-bottom small,.lu-film-card .lu-card-bottom strong{line-height:1.3}.lu-film-phone{overflow:hidden}.lu-phone-title{margin-top:7px;margin-bottom:12px}.lu-phone-message{margin-top:10px}
@media(max-width:1100px){.lu-hero-stage{min-height:600px}}
@media(max-width:760px){.lu-hero-stage{min-height:575px}.lu-card-stack{height:420px}.lu-main-card{height:420px}.lu-main-card .lu-card-title{font-size:22px;margin:24px 0 20px}}
@media(prefers-reduced-motion:reduce){.lu-home *,.loyup-studio .btn{animation:none!important;transition:none!important;scroll-behavior:auto!important}.lu-reveal{opacity:1!important;transform:none!important}.lu-card-stack{translate:0!important}}
/* Keep merchant navigation readable on its light background. */
.loyup-studio .sidebar .side-item{color:#263b55}
.loyup-studio .sidebar .sidebar-title{color:#52647b}
.loyup-studio .sidebar .side-item:hover{background:#d7e0ec;color:#14243b}
.loyup-studio .sidebar .side-item.active,.loyup-studio .sidebar .side-item.active:hover{background:#192b45;color:#fff}
.loyup-studio .sidebar .side-item:focus-visible{outline:2px solid #192b45;outline-offset:2px}
/* Compact wordmark, exclusively beside the square icon in the header. */
.loyup-studio .topbar .brand-name{display:block;width:80px;line-height:0;letter-spacing:normal;flex-shrink:0}
.loyup-studio .topbar .header-wordmark{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:760px){.loyup-studio .topbar .brand-name{width:70px}.loyup-studio .topbar .brand{gap:8px}}

/* Real cards in the illustrations of the public pages, and the contacts. */
.lu-sample{position:absolute;inset:0;margin:0;min-height:0;box-sizing:border-box;border-radius:24px;padding:24px;overflow:hidden}
.lu-sample.lu-main-card{height:auto}
.lu-sample .lc-reward{font-size:30px}
.lu-contact,.site-contact{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;font-style:normal}
.lu-contact a,.site-contact a{display:inline-flex;align-items:center;min-height:44px;color:inherit;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.lu-footer>div a{color:var(--lu-ink);font-size:12px;padding:8px 0}
.site-contact{justify-content:center;max-width:1180px;margin:32px auto 0;padding:12px 16px 24px;color:var(--lu-ink,#192b45)}
.lu-on-landing .site-contact,body:has(#dashboard-page.active) .site-contact{display:none}

.lu-hero h1{font-size:clamp(34px,3.9vw,56px);line-height:1.08;letter-spacing:-.03em}
.lu-hero-trust{align-items:center;gap:18px}
#register-page .auth-layout{grid-template-columns:minmax(0,1fr);max-width:820px}
.dash-actions{display:flex;flex-wrap:wrap;gap:10px}
#dashboard-page[data-staff] [data-manager]{display:none}