.loyalty-explainer{position:relative;isolation:isolate;overflow:hidden;background:#081622;border-top:1px solid #48c9ef24;border-bottom:1px solid #48c9ef24;padding:100px 0 65px}.loyalty-ambient{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 13% 53%,#1b769c21,transparent 50%),radial-gradient(ellipse at 100% 0%,#1d3d5620,transparent 55%)}.loyalty-inner{position:relative}.loyalty-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:65px}.loyalty-heading .eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:25px;color:#9bb6c9}.loyalty-heading h2{font-size:clamp(38px,4.4vw,65px);margin:0;line-height:1.06;letter-spacing:-.055em}.loyalty-heading h2>span{color:#75cde7}.loyalty-lead{font-size:13px;line-height:1.9;max-width:315px;padding-bottom:5px}.loyalty-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center;margin-top:55px}.loyalty-card-stage{height:410px;position:relative;display:grid;place-items:center;perspective:1100px}.loyalty-card{position:relative;width:min(425px,88%);aspect-ratio:1.585;border:1px solid #9ddbf16b;border-radius:17px;padding:27px 30px;overflow:hidden;transform:rotateY(-13deg) rotateX(8deg) rotateZ(-9deg);background:radial-gradient(ellipse at 90% 0%,#47a6bd72,transparent 60%),linear-gradient(125deg,#153349 0%,#16455c 40%,#0a243a 100%);box-shadow:inset 0 1px 1px #ffffff40,inset 0 -1px 1px #1a6477,0 30px 60px #0008;transform-style:preserve-3d;will-change:transform;transition:transform .65s var(--ease),background .65s;isolation:isolate}.loyalty-card::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.16;background:repeating-linear-gradient(120deg,transparent 0,transparent 2px,#bdefff22 3px,transparent 4px)}.loyalty-card-sheen{position:absolute;inset:-70%;z-index:3;pointer-events:none;background:linear-gradient(110deg,transparent 39%,#e9ffff0a 46%,#e9ffff22 49%,#e9ffff05 53%,transparent 60%);transform:translateX(var(--shine-x,4%)) translateY(var(--shine-y,0%));transition:transform .6s var(--ease)}.loyalty-card-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.loyalty-card-top>span{font-family:Space;font-size:25px;letter-spacing:-1.2px;color:#edfaff}.loyalty-card-top>span>span{color:#75e0f5}.loyalty-card-top svg{width:26px;height:26px;color:#9bdaeb;stroke-width:1.3}.loyalty-card-bottom{position:absolute;left:30px;right:30px;bottom:25px;display:flex;align-items:center;justify-content:space-between;z-index:2}.loyalty-card-bottom>div>span{display:block;font-size:8px;letter-spacing:.19em;font-weight:700;color:#e0f0f6}.loyalty-card-bottom small{display:block;font-size:11px;color:#8fbacd;margin-top:7px}.loyalty-card-bottom img{width:44px;height:44px;border-radius:50%;opacity:.9}.loyalty-card-art{position:absolute;inset:-10% -5% -15% 35%;opacity:.4;transform:rotate(-25deg)}.loyalty-card-art>span{position:absolute;inset:10% -25% 10% -25%;border:1px solid #a5e8ff42;border-radius:50%;transform:rotate(0deg);transition:transform 1s var(--ease),border-color .5s}.loyalty-card-art>span:nth-child(2){inset:16% -15% 16% -15%}.loyalty-card-art>span:nth-child(3){inset:22% -5% 22% -5%}.loyalty-card-art>span:nth-child(4){inset:28% 5% 28% 5%}.loyalty-card-art>span:nth-child(5){inset:34% 15% 34% 15%}.loyalty-card[data-mode=billing] .loyalty-card-art>span{transform:rotate(45deg);border-color:#bceeff77}.loyalty-card[data-mode=payment] .loyalty-card-art>span{transform:rotate(90deg);border-color:#64e6ef88}.loyalty-card-shadow{position:absolute;left:15%;right:15%;bottom:50px;height:30px;background:#01070cbf;filter:blur(23px);transform:rotate(-5deg)}.loyalty-orbit{position:absolute;left:7%;right:7%;top:8%;bottom:8%;border:1px solid #74cfe912;border-radius:50%;transform:rotate(-25deg)}.loyalty-orbit.orbit-b{left:0;right:0;top:0;bottom:0;transform:rotate(25deg);border-color:#74cfe908}.loyalty-card-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#7c9cae;font-size:7px;letter-spacing:.17em}.loyalty-card-caption .status-dot{width:4px;height:4px;box-shadow:none}.loyalty-experience{align-self:start}.loyalty-tabs{display:flex;gap:0;border-bottom:1px solid #7dabc62b}.loyalty-tabs>button{position:relative;padding:14px 18px 18px;display:flex;align-items:center;gap:11px;background:transparent;color:#859eaf;font-size:12px;font-weight:700;flex:1;justify-content:center;transition:color .25s,background .25s;white-space:nowrap}.loyalty-tabs>button>span{font-family:Space;font-size:9px;color:#536d81}.loyalty-tabs>button::after{position:absolute;content:'';height:2px;left:0;right:0;bottom:-1px;background:var(--blue);transform:scaleX(0);transition:transform .4s var(--ease)}.loyalty-tabs>button[aria-selected=true]{color:#e9f8ff;background:linear-gradient(0deg,#2daec30d,transparent)}.loyalty-tabs>button[aria-selected=true]>span{color:var(--blue)}.loyalty-tabs>button[aria-selected=true]::after{transform:scaleX(1)}.loyalty-tabs>button:hover{color:var(--blue)}.loyalty-panels{min-height:340px}.loyalty-panel{padding-top:30px;outline-offset:8px}.loyalty-panel[hidden]{display:none}.loyalty-panel-label{font-size:7px;letter-spacing:.2em;color:#5baac6;font-weight:800}.loyalty-panel h3{font-size:33px;line-height:1.13;margin:13px 0 18px;letter-spacing:-.045em}.loyalty-panel>p{font-size:13px;line-height:1.9;max-width:475px;color:#96acbd}.loyalty-detail{display:flex;align-items:flex-start;gap:14px;margin-top:23px}.loyalty-detail>svg{width:20px;height:20px;color:#71c8e0;margin-top:2px}.loyalty-detail strong{display:block;font-size:12px;font-weight:700;color:#d1e2ed;line-height:1.6}.loyalty-detail p{font-size:11px;color:#7f98aa;margin-top:4px;line-height:1.8}.language-icon,.detail-number{flex-shrink:0;width:20px;font-family:Space;font-size:15px;line-height:24px;color:#71c8e0;letter-spacing:-.05em}.detail-number{font-size:13px}.loyalty-payments{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.loyalty-payments>span{padding:6px 11px;border:1px solid #77acc638;border-radius:4px;color:#b6d3e2;background:#122e3f55;font-size:10px;line-height:1.6}.loyalty-bottom{margin-top:40px;padding-top:30px;border-top:1px solid #77acc624;display:flex;align-items:center;gap:35px}.loyalty-bottom>div{margin-right:auto}.loyalty-bottom>div>span{font-size:8px;letter-spacing:.15em;color:#cee2eb;font-weight:800}.loyalty-bottom p{font-size:11px;margin-top:7px;color:#7f99ab}.loyalty-bottom .text-link{font-size:11px;color:#c2dbe7}.loyalty-bottom .text-link svg{color:var(--blue)}.loyalty-bottom .button{font-size:11px;min-height:49px;padding:14px 19px;gap:25px}.loyalty-panel.is-entering{animation:loyaltyPanelIn .45s var(--ease) both}@keyframes loyaltyPanelIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:1199px){.loyalty-layout{gap:45px}.loyalty-heading{gap:45px}.loyalty-lead{max-width:270px;font-size:12px}.loyalty-card{padding:22px 25px;border-radius:13px}.loyalty-card-bottom{left:25px;right:25px;bottom:21px}.loyalty-card-top>span{font-size:22px}.loyalty-card-bottom img{width:36px;height:36px}.loyalty-card-bottom>div>span{font-size:7px}.loyalty-tabs>button{font-size:11px;padding-inline:10px;gap:7px}.loyalty-panel h3{font-size:30px}.loyalty-bottom{gap:25px}.loyalty-bottom p{max-width:290px;font-size:10px}}
@media(max-width:959px){.loyalty-explainer{padding:80px 0 50px}.loyalty-heading{display:block}.loyalty-heading h2{font-size:48px}.loyalty-lead{max-width:460px;padding-top:22px;padding-bottom:0;font-size:13px}.loyalty-layout{gap:32px;margin-top:40px}.loyalty-card-stage{height:350px}.loyalty-card{width:96%;padding:19px 21px}.loyalty-card-top>span{font-size:20px}.loyalty-card-bottom{left:21px;right:21px;bottom:18px}.loyalty-card-bottom>div>span{font-size:6px;letter-spacing:.13em}.loyalty-card-bottom small{font-size:9px}.loyalty-card-bottom img{width:31px;height:31px}.loyalty-panel h3{font-size:28px}.loyalty-panel>p{font-size:12px}.loyalty-detail strong{font-size:11px}.loyalty-detail p{font-size:10px}.loyalty-tabs>button{font-size:10px;gap:5px;padding-inline:7px}.loyalty-bottom .text-link{display:none}.loyalty-card-caption{font-size:6px}}
@media(max-width:699px){.loyalty-explainer{padding:68px 0 40px}.loyalty-heading .eyebrow{font-size:7px;margin-bottom:21px;letter-spacing:.13em}.loyalty-heading h2{font-size:39px;line-height:1.08}.loyalty-lead{font-size:12px;padding-top:20px;max-width:100%}.loyalty-layout{grid-template-columns:1fr;gap:32px;margin-top:20px}.loyalty-card-stage{height:295px}.loyalty-card{width:min(350px,88%);padding:21px 24px;transform:rotateY(-10deg) rotateX(8deg) rotateZ(-8deg);border-radius:13px}.loyalty-card-top>span{font-size:22px}.loyalty-card-bottom{left:24px;right:24px;bottom:22px}.loyalty-card-bottom>div>span{font-size:6.5px}.loyalty-card-bottom small{font-size:10px}.loyalty-card-bottom img{width:34px;height:34px}.loyalty-card-top svg{width:23px;height:23px}.loyalty-orbit{left:8%;right:8%;top:3%;bottom:3%}.loyalty-orbit.orbit-b{left:1%;right:1%;top:0;bottom:0}.loyalty-card-caption{font-size:6px;bottom:2px}.loyalty-card-shadow{bottom:45px}.loyalty-tabs>button{font-size:11px;gap:8px;padding:14px 8px 18px}.loyalty-tabs>button>span{font-size:8px}.loyalty-panels{min-height:365px}.loyalty-panel{padding-top:25px}.loyalty-panel h3{font-size:31px;margin-top:12px;margin-bottom:17px}.loyalty-panel>p{font-size:12px}.loyalty-panel-label{font-size:7px}.loyalty-detail{margin-top:23px;gap:12px}.loyalty-detail strong{font-size:12px}.loyalty-detail p{font-size:11px}.loyalty-bottom{margin-top:25px;padding-top:24px;display:block}.loyalty-bottom>div>span{font-size:7px;letter-spacing:.12em}.loyalty-bottom p{font-size:11px;max-width:300px;line-height:1.9}.loyalty-bottom .button{margin-top:22px;min-height:48px;font-size:10px}.loyalty-payments{gap:6px}.loyalty-payments>span{font-size:9px;padding:6px 9px}}
@media(max-width:359px){.loyalty-heading h2{font-size:33px}.loyalty-tabs>button{font-size:10px;gap:5px}.loyalty-card-stage{height:255px}.loyalty-card{padding:18px}.loyalty-card-bottom{left:18px;right:18px;bottom:17px}.loyalty-card-top>span{font-size:19px}.loyalty-card-bottom>div>span{font-size:5.5px}.loyalty-card-bottom small{font-size:8px}.loyalty-card-bottom img{width:28px;height:28px}.loyalty-card-caption{font-size:5px}.loyalty-panel h3{font-size:28px}.loyalty-panels{min-height:410px}}
@media(prefers-reduced-motion:reduce){.loyalty-card{will-change:auto}.loyalty-panel.is-entering{animation:none}}