*{box-sizing:border-box}body{margin:0;background:#101112;color:#edece8;font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #d6b776;outline-offset:6px}[hidden]{display:none!important}header{height:88px;max-width:1440px;margin:auto;padding:0 55px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#8c8f92}header a{color:#e7e7e3;font-size:17px}header a span{margin-left:12px;color:#777}main{max-width:1160px;margin:auto;padding:0 40px}.wallet{text-align:center;min-height:calc(100svh - 150px);padding:28px 0 45px}h1{font-family:Manrope,sans-serif;font-size:40px;font-weight:400;letter-spacing:-1.5px;margin:0 0 10px}.carousel{position:relative;isolation:isolate;touch-action:pan-y}.ambient{position:absolute;inset:5% 0 0;background:radial-gradient(ellipse at center,#b3985025,transparent 60%);z-index:-1;transition:background .6s}.blue .ambient{background:radial-gradient(ellipse at center,#347bbc30,transparent 60%)}.card-stage{height:360px;position:relative;perspective:1500px;overflow:hidden}.card{position:absolute;left:50%;top:54px;width:420px;aspect-ratio:1.586;background:none;border:0;padding:0;border-radius:19px;transform:translate(48%) translateY(18px) rotateY(-24deg) scale(.72);opacity:.22;filter:blur(1px);transition:transform .7s cubic-bezier(.22,.7,.2,1),opacity .7s,filter .7s;z-index:0;perspective:1100px}.card:first-child{transform:translate(-148%) translateY(18px) rotateY(24deg) scale(.72)}.card.selected{transform:translate(-50%) rotateY(0);opacity:1;filter:none;z-index:2}.card-face{display:block;width:100%;height:100%;border-radius:17px;position:relative;transform-style:preserve-3d;transform:translate3d(var(--move-x, 0px),var(--move-y, 0px),0) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s;filter:drop-shadow(var(--shadow-x, 0px) 28px 24px #0009)}.card.interacting .card-face{transition:filter .4s;will-change:transform}.card-face:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--shine-x, 50%) var(--shine-y, 50%),#ffffff45,#ffffff08 38%,transparent 70%);mix-blend-mode:screen;opacity:0;transition:opacity .4s;transform:translateZ(1px)}.card.interacting .card-face:after{opacity:.6}.card img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;border-radius:17px}.controls{display:flex;align-items:center;justify-content:center;gap:28px;padding:4px 0 25px}.controls>button{width:40px;height:40px;border:1px solid #ffffff20;background:#ffffff03;border-radius:50%;color:#b6b6b3;font-size:20px}.controls>button:hover{background:#ffffff10;color:#fff}.dots{display:flex;gap:10px}.dots button{position:relative;width:24px;height:24px;padding:0;border:0;background:none}.dots button:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#515459;top:9px;left:9px;transition:background .3s}.dots button[aria-pressed=true]:after{background:#dfc993}.caption h2{font-family:Manrope,sans-serif;font-size:22px;font-weight:400;letter-spacing:-.4px;margin:0}.count{font-size:11px;color:#777b80;letter-spacing:2px;margin:13px 0 22px}.details-toggle{color:#bfc0be;font-size:12px;border:1px solid #ffffff20;background:#ffffff05;border-radius:25px;padding:11px 18px;display:inline-flex;gap:18px;align-items:center}.details-toggle:hover{color:#fff;border-color:#ffffff50}#card-details{border-top:1px solid #ffffff15;padding:42px 0 60px}.card-overview{display:flex;justify-content:space-between;gap:30px;margin-bottom:40px}.card-overview h2{font-size:27px;font-weight:400;margin:0}.tagline{color:#adaeaa;font-size:15px}.description{color:#85898c;font-size:13px;line-height:1.8;max-width:500px}.fee{text-align:right;display:flex;flex-direction:column;gap:10px}.fee>span{font-size:12px;color:#85898c}.fee strong{font-size:30px;font-weight:400;white-space:nowrap}.fee strong span{font-size:12px;color:#85898c}.fee a{font-size:12px;color:#c4af83}.section-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #ffffff15;padding-bottom:15px}.section-heading h3{font-size:19px;font-weight:400;margin:0}.section-heading>span{font-size:12px;color:#85898c}.reward-grid,.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:26px 0 40px}.reward strong{font-size:36px;font-weight:400;color:#dbcda8}h4{font-size:14px;font-weight:400;margin:12px 0}.reward p,.benefit p{color:#919599;font-size:12px;line-height:1.8;margin:0}.benefit{padding:22px 18px;border:1px solid #ffffff15;border-radius:12px;background:#ffffff02;position:relative}.benefit strong{font-size:25px;font-weight:400}.benefit-symbol{position:absolute;right:16px;top:20px;color:#74787b}.benefit h4{margin-top:24px}.terms{font-size:11px;color:#85898c;line-height:1.8}.terms a{color:#c4af83;text-decoration:underline;text-underline-offset:4px}footer{max-width:1440px;padding:24px 55px;margin:auto;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#696e73}@media (min-width: 1400px){.wallet{padding-top:55px}.card-stage{height:410px}.card{width:490px}}@media (max-width: 800px){header{padding:0 28px}main{padding:0 28px}.card{width:370px}.card-stage{height:325px}.benefit-grid,.reward-grid{grid-template-columns:repeat(2,1fr)}footer{padding:24px 28px}}@media (max-width: 500px){header{height:72px;padding:0 22px}main{padding:0 18px}.wallet{padding:30px 0 45px;min-height:calc(100svh - 170px)}h1{font-size:32px}.card-stage{height:280px;margin:0 -18px}.card{width:min(78vw,340px);top:55px}.card:first-child{transform:translate(-128%) translateY(12px) rotateY(24deg) scale(.65)}.card{transform:translate(28%) translateY(12px) rotateY(-24deg) scale(.65)}.card.selected{transform:translate(-50%)}.caption h2{font-size:19px}.controls{padding-bottom:25px}.card-overview{display:block}.fee{text-align:left;margin-top:22px}.section-heading{display:block}.section-heading>span{display:block;margin-top:10px}.benefit-grid,.reward-grid{gap:14px}.benefit{padding:20px 14px}footer{padding:22px;flex-direction:column;gap:8px}.card-overview h2{font-size:24px}}@media (max-height: 500px) and (min-width: 501px){header{height:60px}.wallet{padding:12px 0 25px}h1{font-size:26px}.card-stage{height:205px}.card{width:260px;top:20px}.controls{padding-bottom:10px}.caption h2{font-size:18px}.count{margin:8px 0 12px}}@media (prefers-reduced-motion: reduce){.card,.ambient,.card-face,.card-face:after{transition:none}}.card,.card:first-child,.card.selected{transform:translate(calc(-50% + var(--position) * 115%)) translateY(0)}.card:not(.selected){transform:translate(calc(-50% + var(--position) * 115%)) translateY(18px) rotateY(calc(var(--position) * -24deg)) scale(.72)}.card[aria-hidden=true]{visibility:hidden;pointer-events:none}.dots{max-width:240px;overflow-x:auto;scrollbar-width:none;padding:0 6px;gap:2px}.dots::-webkit-scrollbar{display:none}.dots button{flex:0 0 20px}.product-note{color:#a9a18e;font-size:12px;line-height:1.7;padding:15px 18px;border:1px solid #ffffff15;border-radius:8px}@media (max-width: 500px){.dots{max-width:150px}.card:not(.selected){transform:translate(calc(-50% + var(--position) * 105%)) translateY(12px) rotateY(calc(var(--position) * -24deg)) scale(.65)}}.art-smartly .card-face,.art-cash-plus .card-face,.art-altitude-go .card-face{width:39.5%;margin-inline:auto;border-radius:12px}.art-apple .card-face,.art-amazon-store .card-face{overflow:hidden}.art-amazon-store img{position:absolute;width:208%;height:auto;max-width:none;left:0;top:0;border-radius:0}