/* Page-scoped additions; the VDW theme provides fonts, wrappers and buttons. */
.loyalty-page{--ly-border:#30313a;--ly-muted:#adaeb8;--ly-accent:#c5cdff;overflow:clip}
.loyalty-page section[id]{scroll-margin-top:120px}
.loyalty-page h1,.loyalty-page h2,.loyalty-page h3{overflow-wrap:break-word;text-wrap:balance}
.loyalty-page p{line-height:1.7}
.loyalty-page figure{margin:0}
.loyalty-page .section-head .eyebrow,.loyalty-page .ly-brand-grid .eyebrow,.loyalty-page .ly-pilot-grid .eyebrow,.loyalty-page .ly-faq-layout .eyebrow{margin-bottom:22px}
.loyalty-page .section-intro{margin-top:0}
.ly-hero{padding:110px 0 90px;background:radial-gradient(ellipse at 82% 40%,#919bff15,transparent 48%)}
.ly-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.ly-hero h1{margin:25px 0 30px;font-size:clamp(3.4rem,5.8vw,5.6rem);line-height:1.01;letter-spacing:-.06em}
.ly-hero .page-lead{font-size:1.12rem}
.ly-status{display:flex;align-items:center;gap:9px;color:#b9bac5;font-size:.77rem;margin:25px 0 0}
.ly-status>span{width:6px;height:6px;border-radius:50%;background:var(--ly-accent);box-shadow:0 0 12px #9aa8ff;flex-shrink:0}
.ly-product{position:relative;min-width:0;padding:12px 20px 0;isolation:isolate}
.ly-orbit{position:absolute;z-index:-1;inset:14% -15%;border:1px solid #b8c1ff1f;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 70px #9da8ff0d,inset 0 0 70px #9da8ff0d}
.ly-orbit:after{content:"";position:absolute;inset:35px -30px;border:1px dashed #b8c1ff20;border-radius:50%;transform:rotate(60deg)}
.ly-phone{position:relative;max-width:324px;margin:auto;padding:28px 23px 25px;border:1px solid #626574;border-radius:38px;background:linear-gradient(145deg,#1b1c28,#0b0b0f 54%);box-shadow:0 30px 90px #0008,inset 0 0 0 5px #ffffff04}
.ly-phone-top,.ly-dash-top{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#c2c5d6;font:600 .62rem ui-monospace,monospace;letter-spacing:.12em}
.ly-welcome{font-size:1.6rem;font-weight:650;letter-spacing:-.04em;margin:30px 0 24px;max-width:180px;line-height:1.25!important}
.ly-balance{padding:22px 18px;border:1px solid #5a6078;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#b3bdff24,transparent),#11121b}
.ly-balance>small,.ly-index,.ly-scenario small,.ly-examples small,.ly-brand-card>small,.ly-dash-content small{color:#b5bad0;font:600 .64rem ui-monospace,monospace;letter-spacing:.1em}
.ly-balance strong{display:block;font-size:3.5rem;line-height:1.25;letter-spacing:-.06em;margin:10px 0 18px}
.ly-balance strong span{font-size:1rem;color:#b3b5c4;letter-spacing:0;font-weight:400}
.ly-progress{height:5px;background:#363847;border-radius:8px;overflow:hidden}.ly-progress i{display:block;width:75%;height:100%;background:linear-gradient(90deg,#7f89b8,#d9ddff)}
.ly-balance p{font-size:.73rem;color:#c3c5d5;margin:12px 0 0}
.ly-reward{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid var(--ly-border)}
.ly-reward b,.ly-qr-row b,.ly-floating b{display:block;font-size:.8rem}.ly-reward small,.ly-qr-row small,.ly-floating small{display:block;color:#b1b2c0;font-size:.64rem;margin-top:4px}
.ly-cup{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#c6ceff12;font-size:1.3rem}
.ly-qr-row{display:flex;align-items:center;gap:14px;padding-top:22px}.ly-qr{width:55px;height:55px;flex-shrink:0;color:#e5e7f4;background:#0b0b0f}
.ly-floating{position:relative;display:flex;align-items:center;gap:12px;max-width:320px;margin:-12px -16px 0 auto;padding:17px;border:1px solid #575b72;border-radius:14px;background:#11121af5;box-shadow:0 18px 40px #0005}
.ly-floating>span{color:var(--ly-accent);font-size:1.8rem;line-height:1}
.loyalty-page figcaption{margin-top:20px;text-align:center;color:#a4a5b1;font-size:.65rem;line-height:1.5}
.ly-strip{border-block:1px solid #27272e;padding:22px 0}.ly-strip .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.ly-strip span{text-transform:uppercase;font:600 .68rem ui-monospace,monospace;letter-spacing:.16em;color:#b1b2bd}
.ly-scenario{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:35px;border:1px solid var(--ly-border);border-radius:20px;background:linear-gradient(120deg,#14151d,#09090c)}
.ly-scenario h3{font-size:1.6rem;letter-spacing:-.03em;margin:15px 0 10px}.ly-scenario p{color:var(--ly-muted);font-size:.94rem;margin:0}
.ly-mini-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;list-style:none;padding:0;margin:0}.ly-mini-flow li{text-align:center;padding:14px 6px;border-left:1px solid #373944}.ly-mini-flow b{display:block;font-size:2.3rem;letter-spacing:-.06em}.ly-mini-flow span{color:#b2b4c1;font-size:.72rem}
.ly-note{color:#a8aab8;font-size:.78rem;margin-top:22px}.ly-tinted{border-block:1px solid #23242b;background:linear-gradient(135deg,#101119b3,#06060980)}
.ly-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;padding:0;margin:0;border-top:1px solid #484a58}.ly-flow li{padding:25px 24px 0 0}.ly-flow h3{font-size:1.2rem;margin:40px 0 12px}.ly-flow p{color:var(--ly-muted);font-size:.9rem;margin:0}
.ly-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ly-feature-grid article{padding:28px;border:1px solid var(--ly-border);border-radius:18px;background:linear-gradient(145deg,#ffffff06,#ffffff01)}.ly-feature-grid h3{font-size:1.35rem;line-height:1.2;letter-spacing:-.025em;margin:38px 0 14px}.ly-feature-grid p{font-size:.9rem;color:var(--ly-muted);margin:0}.ly-feature-grid .ly-feature-wide{grid-column:1/-1;display:grid;grid-template-columns:.6fr 1fr 1.5fr;gap:30px;align-items:center}.ly-feature-wide h3{margin:0}
.ly-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.ly-benefits article{padding-top:20px;border-top:1px solid #393b48}.ly-benefits b{color:#a9afca;font:600 .85rem ui-monospace,monospace}.ly-benefits h3{font-size:1.13rem;margin:22px 0 10px}.ly-benefits p{font-size:.9rem;color:var(--ly-muted);margin:0}
.ly-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ly-examples article{padding:35px;border:1px solid var(--ly-border);border-radius:20px;background:radial-gradient(ellipse at 100% 100%,#9caaff0c,transparent 70%),#09090c}.ly-examples h3{font-size:1.8rem;line-height:1.15;letter-spacing:-.04em;margin:35px 0 20px}.ly-examples p{color:#c4c5cf}.ly-examples article>span{display:block;border-top:1px solid #30313a;padding-top:15px;margin-top:25px;color:#a6a8b8;font-size:.75rem}
.ly-brand-grid,.ly-pilot-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.ly-brand-grid h2,.ly-pilot-grid h2,.ly-faq-layout h2{font-size:clamp(2.5rem,4.6vw,4.4rem)}.ly-brand-grid .section-intro,.ly-pilot-grid .section-intro{margin-top:25px}.ly-muted{color:var(--ly-muted)}
.ly-brand-visual{padding:25px 0}.ly-brand-card{border:1px solid #575c73;border-radius:24px;padding:35px;background:radial-gradient(ellipse at 100% 0,#bdc5ff25,transparent 70%),#13141c;box-shadow:0 25px 60px #0004}.ly-brand-card strong{display:block;margin:38px 0 30px;font-size:2.8rem;letter-spacing:-.06em;line-height:1.15}.ly-brand-line{height:5px;background:linear-gradient(90deg,#d3d9ff 70%,#43475b 70%);border-radius:5px;margin-bottom:20px}.ly-brand-card>span{color:#bfc1d0;font-size:.9rem}.ly-brand-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}.ly-brand-options span,.ly-tag-list span,.ly-pill{font-size:.7rem;color:#c2c5d7;padding:7px 12px;border:1px solid #3d4051;border-radius:999px;background:#0e0f15}
.ly-dashboard{border:1px solid #4c5064;border-radius:22px;background:#090a0e;overflow:hidden;box-shadow:0 20px 100px #8a99ff07}.ly-dash-top{padding:24px 28px;border-bottom:1px solid #333543;background:linear-gradient(120deg,#191b29,#0b0c11)}.ly-dash-top>span{font-size:.6rem;color:#adb3cc}.ly-dash-body{display:grid;grid-template-columns:175px 1fr}.ly-dash-sidebar{display:flex;flex-direction:column;padding:20px 14px;border-right:1px solid #30313c;gap:4px}.ly-dash-sidebar span{padding:8px 12px;color:#b0b2c1;font-size:.75rem}.ly-dash-sidebar .ly-selected{border-radius:8px;background:#b0bdff14;color:#e0e3f6}.ly-dash-content{padding:30px;min-width:0}.ly-dash-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.ly-dash-heading strong{display:block;font-size:1.6rem;letter-spacing:-.04em;margin-top:8px}.ly-dash-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ly-dash-metrics>div{padding:18px 15px;border:1px solid #3a3d4e;border-radius:12px;background:linear-gradient(145deg,#1a1c2a,#101117)}.ly-dash-metrics b{display:block;font-size:.85rem;margin:20px 0 8px}.ly-dash-metrics span{font-size:.68rem;color:#b1b5c9}.ly-dash-lower{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-top:18px}.ly-dash-panel{padding:20px;border:1px solid #30333f;border-radius:12px}.ly-dash-panel>b{font-size:.8rem}.ly-dash-panel p{font-size:.78rem;color:#b0b3c3}.ly-reward-row{display:flex;justify-content:space-between;gap:12px;padding-top:18px;margin-top:16px;border-top:1px solid #2d303c;font-size:.72rem}.ly-reward-row small{font-size:.61rem;letter-spacing:0}.ly-tag-list{display:flex;flex-wrap:wrap;gap:8px}.ly-dashboard figcaption{padding:0 15px 20px}
.ly-vision{border-block:1px solid #262833;background:radial-gradient(ellipse at 15% 50%,#a9b6ff10,transparent 55%)}.ly-text-link{display:inline-block;margin-top:12px;padding:8px 0;color:#d5dbff;font-weight:650;font-size:.88rem}
.ly-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.ly-faq details{border-bottom:1px solid #343643}.ly-faq summary{cursor:pointer;padding:22px 30px 22px 0;font-weight:650;font-size:1rem;line-height:1.5}.ly-faq details p{margin:0 0 25px;color:var(--ly-muted);font-size:.92rem}.ly-faq details[open] summary{color:#d0d7ff}
.ly-pilot-card{padding:35px;border:1px solid #4e536a;border-radius:22px;background:linear-gradient(145deg,#1a1c2c,#0b0c11)}.ly-pilot-card h3{font-size:2.15rem;line-height:1.1;letter-spacing:-.04em;margin:28px 0}.ly-pilot-card ul{padding-left:20px;color:#bfc1d0;font-size:.9rem}.ly-pilot-card li{margin:12px 0}.ly-pilot-card>p{margin:28px 0 15px}.ly-pilot-card>small{display:block;margin-top:15px;font-size:.7rem;color:#b7bbce}
.ly-final .eyebrow{margin-bottom:25px}.ly-final p{max-width:670px;margin:0 auto 30px;color:var(--ly-muted)}
.loyalty-page a:focus-visible,.loyalty-page summary:focus-visible{outline:2px solid #c5ceff;outline-offset:5px;border-radius:5px}
@media(max-width:1100px){.ly-hero-grid{gap:35px}.ly-hero h1{font-size:4.4rem}.ly-brand-grid,.ly-pilot-grid,.ly-faq-layout{gap:40px}.ly-dash-body{grid-template-columns:145px 1fr}.ly-dash-content{padding:22px}}
@media(max-width:850px){.ly-hero{padding:75px 0}.ly-hero-grid{grid-template-columns:1fr;gap:50px}.ly-hero h1{font-size:clamp(3.35rem,9vw,5.1rem);max-width:700px}.ly-product{width:min(100%,440px);justify-self:center}.ly-brand-grid,.ly-pilot-grid,.ly-faq-layout,.ly-scenario{grid-template-columns:1fr;gap:35px}.ly-feature-grid,.ly-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.ly-feature-grid .ly-feature-wide{display:block}.ly-feature-wide h3{margin:25px 0 14px}.ly-flow{grid-template-columns:1fr 1fr;gap:30px}.ly-dash-sidebar{display:none}.ly-dash-body{grid-template-columns:1fr}.ly-dash-content{padding:22px}.ly-orbit{inset-inline:0}.ly-brand-visual{max-width:520px;width:100%;justify-self:center}.ly-mini-flow li:first-child{border:0}}
@media(max-width:550px){.ly-hero h1{font-size:clamp(2.9rem,11vw,3.7rem)}.ly-hero .page-lead{font-size:1.03rem}.ly-hero .actions{gap:10px}.ly-hero .button{width:100%;padding-inline:14px}.ly-product{padding-inline:14px}.ly-floating{margin-right:-4px;max-width:280px}.ly-status{font-size:.68rem}.ly-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ly-strip span{font-size:.6rem}.ly-scenario{padding:24px}.ly-mini-flow{gap:5px}.ly-mini-flow b{font-size:2rem}.ly-mini-flow span{font-size:.62rem}.ly-feature-grid,.ly-benefits,.ly-examples{grid-template-columns:1fr}.ly-feature-grid article,.ly-examples article{padding:26px}.ly-feature-grid h3{margin-top:26px}.ly-flow{grid-template-columns:1fr;gap:0}.ly-flow li{padding:25px 0;border-bottom:1px solid #333543}.ly-flow h3{margin-top:16px}.ly-brand-card{padding:27px}.ly-dash-top{padding:18px 16px;flex-wrap:wrap}.ly-dash-content{padding:17px}.ly-dash-heading{align-items:flex-start;flex-direction:column}.ly-dash-heading strong{font-size:1.4rem}.ly-dash-metrics,.ly-dash-lower{grid-template-columns:1fr}.ly-dash-metrics>div{display:grid;grid-template-columns:1fr;gap:4px}.ly-dash-metrics b{margin:8px 0 2px}.ly-dash-panel{padding:15px}.ly-pilot-card{padding:25px}.ly-pilot-card .button{font-size:.8rem;width:100%;padding-inline:12px}.ly-final .eyebrow{font-size:.6rem;letter-spacing:.1em}.ly-reward-row{flex-wrap:wrap}.ly-brand-grid h2,.ly-pilot-grid h2,.ly-faq-layout h2{font-size:clamp(2.4rem,9.5vw,3rem)}}
@media(prefers-reduced-motion:reduce){.loyalty-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}