:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4f4f5;background:#0b0c0e;font-synthesis:none;text-rendering:optimizeLegibility;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#27292d 0%,#17191c 42%,#0b0c0e 100%);color:#f4f4f5}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #dadddf;outline-offset:5px}.site-shell{position:relative;min-height:100svh;overflow:hidden}.site-header{position:absolute;z-index:5;inset:0 0 auto;height:76px;padding:0 clamp(22px,4vw,56px);display:flex;align-items:center;justify-content:space-between}.brand{font-size:18px;font-weight:760;letter-spacing:-1.15px;color:#f0f0f1}.gallery-link{font-size:12px;color:#8e929a;transition:color .2s}.gallery-link span{padding-left:4px;color:#696d75}.gallery-link:hover{color:#f4f4f5}.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center}.hero-wordmark{position:absolute;z-index:1;top:19%;left:0;right:0;margin:0;text-align:center;font-size:clamp(92px,19.5vw,270px);line-height:.82;font-weight:760;letter-spacing:-.105em;padding-right:.105em;color:#f0f0f1;white-space:nowrap;user-select:none}.card-stage{position:absolute;z-index:2;top:36%;left:50%;width:min(46vw,540px);perspective:1400px;transform:translateX(-50%);isolation:isolate}.card-float{position:relative;width:100%;aspect-ratio:1.585;animation:card-drift 8.5s ease-in-out infinite;transform-style:preserve-3d;will-change:transform}.card-model{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx,18deg)) rotateY(var(--ry,-7deg));transition:transform .7s var(--ease);will-change:transform}.card-edge,.card-face{position:absolute;inset:0;overflow:hidden;border-radius:clamp(16px,2vw,24px)}.card-edge{transform:translateZ(-8px) translateY(8px);background:linear-gradient(140deg,#e8e9e9,#9a9da1 30%,#393b3f 68%,#bfc1c3);box-shadow:0 35px 46px #0009}.card-face{transform:translateZ(3px);border:1px solid #85888d;background:radial-gradient(ellipse at 28% 6%,#3a3b3d 0,transparent 45%),linear-gradient(140deg,#282a2c 0%,#121315 47%,#090a0c 78%,#1e2022 100%);box-shadow:inset 0 1px 0 #ffffff62,inset 0 -1px #000b,0 28px 65px #0008}.card-face:before{content:"";position:absolute;inset:1px;border:1px solid #ffffff14;border-radius:inherit;pointer-events:none}.card-brand{position:absolute;top:10%;left:8%;font-size:clamp(15px,2vw,23px);font-weight:720;letter-spacing:-1.15px;color:#f2f1ed}.card-chip{position:absolute;left:9%;top:43%;width:9%;height:17%;max-height:45px;border:1px solid #d0c7ae;border-radius:7px;background:linear-gradient(135deg,#e3dcc8,#969184 48%,#d4ccb7);box-shadow:inset 0 1px #fff9,0 2px 6px #0008}.card-chip:before,.card-chip:after{content:"";position:absolute;inset:33% -1px;border-block:1px solid #6e6a5d99}.card-chip:after{inset:-1px 34%;border:0;border-inline:1px solid #6e6a5d99}.card-contactless{position:absolute;left:21%;top:48%;display:flex;gap:2px;align-items:center;transform:rotate(90deg)}.card-contactless i{display:block;width:7px;height:12px;border:1px solid #d5d6d5;border-left-color:transparent;border-radius:50%}.card-contactless i:nth-child(2){width:10px;height:18px}.card-contactless i:nth-child(3){width:13px;height:24px}.visa-mark{position:absolute;right:7%;bottom:8%;width:21%;height:auto;fill:#f1f1ef;filter:drop-shadow(0 1px 5px #fff3)}.card-sheen{position:absolute;inset:-40%;background:linear-gradient(112deg,transparent 43%,#ffffff08 48%,#ffffff22 50%,transparent 55%);transform:translateX(var(--sheen,0)) rotate(8deg);pointer-events:none}.card-shadow{position:absolute;z-index:-1;left:14%;right:10%;bottom:-35%;height:26%;border-radius:50%;background:#000b;filter:blur(28px);animation:shadow-breathe 8.5s ease-in-out infinite;pointer-events:none}.get-now{position:absolute;z-index:4;top:78%;left:50%;min-width:156px;height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid #ffffffbb;border-radius:15px;background:linear-gradient(135deg,#f1f2f3,#c9cbd0);color:#22252a;font-size:13px;font-weight:650;box-shadow:0 12px 34px #0006;transform:translateX(-50%);transition:transform .25s var(--ease),filter .25s}.get-now:hover{transform:translate(-50%,-2px);filter:brightness(1.07)}.get-now:active{transform:translate(-50%,0) scale(.98)}.get-now span{font-size:13px;color:#5d626a}@keyframes card-drift{0%,100%{transform:translate3d(-2px,3px,0)}50%{transform:translate3d(2px,-7px,0)}}@keyframes shadow-breathe{0%,100%{transform:scaleX(1);opacity:.64}50%{transform:scaleX(.94);opacity:.48}}@media(min-width:1500px){.hero-wordmark{font-size:clamp(270px,18vw,340px)}}@media(max-width:700px){.site-header{height:66px;padding-inline:22px}.hero-wordmark{top:25%;font-size:clamp(78px,20vw,142px);letter-spacing:-.105em}.card-stage{top:37%;width:min(79vw,440px)}.get-now{top:73%;height:46px}.card-brand{font-size:16px}.card-model{transform:rotateX(var(--rx,16deg)) rotateY(var(--ry,-5deg))}}@media(max-height:620px) and (min-width:701px){.hero-wordmark{top:14%;font-size:min(17vw,185px)}.card-stage{top:35%;width:min(39vw,430px)}.get-now{top:79%}}@media(max-height:560px){.hero-wordmark{top:13%;font-size:clamp(72px,15vw,135px)}.card-stage{top:34%;width:min(41vw,340px)}.get-now{top:78%;height:42px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Keep the landing card on the same model and artwork treatment as the app preview. */
.card-stage{width:min(68vw,700px);perspective:1700px}
.card-model{width:100%;aspect-ratio:1.585;transform:rotateX(var(--rx,22deg)) rotateY(var(--ry,0deg));transition:transform .8s cubic-bezier(.22,1,.36,1)}
.card,.card-back,.card-edge{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:clamp(13px,2.4vw,25px);border:1px solid #d4d6d780;overflow:hidden}
.card{padding:0;background:#a1a7af;transform:translateZ(15px);backface-visibility:hidden;box-shadow:inset 0 1px 0 #ffffff70,inset 0 -2px 1px #4d56684d}
.card-back,.card-edge{background:linear-gradient(180deg,#d0d2d4,#757a80 28%,#36393d 58%,#a5a8aa);pointer-events:none}
.card-back{transform:translateZ(-15px) rotateY(180deg);backface-visibility:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#3c3e40,#141516 52%,#66696b);border-color:#c4c6c880;color:#c1c6cd;font-size:22px;font-weight:600;letter-spacing:-.8px}
.edge-one{transform:translateZ(8px)}.edge-two{transform:translateZ(5px)}.edge-three{transform:translateZ(2px)}.edge-four{transform:translateZ(-1px)}.edge-five{transform:translateZ(-4px)}.edge-six{transform:translateZ(-7px)}
.sample-art{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff010 0,#ffffff010 1px,#00000008 1px,#00000008 3px),radial-gradient(ellipse at 28% 16%,#4a4c4d 0%,transparent 43%),linear-gradient(132deg,#323436 0%,#18191a 37%,#101112 70%,#27292a 100%);color:#f2f1ee}
.sample-art:after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 36%,#ffffff0c 48%,#ffffff22 50%,transparent 59%),radial-gradient(ellipse at var(--light-x,25%) var(--light-y,20%),#ffffff10,transparent 65%);opacity:.8;pointer-events:none}
.sample-art .larpcard-mark{position:absolute;left:8%;top:9%;width:34%;height:auto;z-index:2;overflow:visible}
.sample-art .larpcard-mark text{font-family:Inter,"Segoe UI",sans-serif;font-size:28px;font-weight:700;letter-spacing:-1.4px;fill:#f1f0ed;text-shadow:0 1px 8px #fff3}
.sample-art .visa-mark{position:absolute;right:7%;bottom:8%;width:19%;height:auto;z-index:2;overflow:visible;fill:#f4f3ef;stroke:none;color:#f4f3ef}
.sample-art .visa-mark path{fill:#f4f3ef;stroke:none}
.sample-art .chip{position:absolute;left:8%;top:36%;width:11%;height:13%;border-radius:7px;border:1px solid #d7c9a4a8;background:linear-gradient(135deg,#c4b58f,#81775f 55%,#d9cba7);box-shadow:inset 0 1px #fff7,0 1px 4px #0008}
.sample-art .chip:before{content:"";position:absolute;inset:30% -1px;border-block:1px solid #625c4a99}
.sample-art .chip:after{content:"";position:absolute;inset:-1px 30%;border-inline:1px solid #625c4a99}
.sample-art .card-lines{position:absolute;right:-10%;bottom:-45%;width:80%;aspect-ratio:1;border:1px solid #eef0f138;border-radius:50%;box-shadow:0 0 0 23px #fff0,0 0 0 24px #dfe2e51e,0 0 0 46px #fff0,0 0 0 47px #dfe2e51a}
.card-reflection{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at var(--light-x,25%) var(--light-y,20%),#ffffff10,transparent 70%);pointer-events:none;mix-blend-mode:screen}
.ground-shadow{position:absolute;z-index:-1;left:7%;bottom:-24%;width:86%;height:12%;border-radius:50%;background:#000;filter:blur(25px);opacity:.48;pointer-events:none;animation:shadow-breathe 8.5s ease-in-out infinite}
@media(max-width:700px){.card-stage{width:min(78vw,500px)}}
@media(prefers-reduced-motion:reduce){.card-model{transform:rotateX(22deg);will-change:auto}.ground-shadow{animation:none}}