/* ScarabPay landing v3 — app identity: ink + gold + white. All keyframes are prefixed lv3- (the guest layout defines its own `float`). */
:root{--lv3-ink:#121316;--lv3-ink2:#1B1C21;--lv3-gold:#F0B43F;--lv3-gold-g:linear-gradient(180deg,#F7C95C 0%,#ECA834 100%);--lv3-surf:#F3F4F6;--lv3-line:#E6E8EC;--lv3-muted:#5B6270;--lv3-peach:#FDE3D8;--lv3-mint:#DDF5EA;--lv3-cream:#FEF5DA;--lv3-lilac:#ECE8FB;--lv3-r:28px;--lv3-font:'Exo 2',system-ui,sans-serif}
html[dir=rtl]{--lv3-font:'Almarai','Exo 2',system-ui,sans-serif}
body.scarab-guest{background:#fff!important}
.lv3,.lv3 *,.lv2-header,.lv2-header *,.lv2s-footer,.lv2s-footer *{box-sizing:border-box}
.lv3,.lv2-header,.lv2s-footer{font-family:var(--lv3-font);color:var(--lv3-ink)}
:where(.lv3) :where(h1,h2,h3,p,ol,figure){margin:0}
:where(.lv3) a{color:inherit;text-decoration:none}
.lv3 img{max-width:none}
.lv3-num{font-family:'Exo 2',system-ui,sans-serif}
.lv3-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lv3-wrap{max-width:1240px;margin:0 auto;padding:0 24px;position:relative}
.lv3-grow{flex:1}
.lv3-gold{color:var(--lv3-gold)}

/* ---------- Header (markup from landing-v2/header) ---------- */
body.scarab-guest .lv2-header,body.scarab-guest .lv2-header.scrolled{position:fixed;top:14px;inset-inline:0;z-index:1000;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--lv3-ink);padding:0 20px;transition:transform .3s ease}
body.scarab-guest .lv2-header.lv3-hide{transform:translateY(-130%)}
.lv2-header-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:22px;min-height:66px;padding:0 10px 0 16px!important;background:#fff;border-radius:20px;box-shadow:0 20px 44px -26px rgba(0,0,0,.55),0 0 0 1px rgba(18,19,22,.04)}
html[dir=rtl] .lv2-header-inner{padding:0 16px 0 10px!important}
.lv2-logo{display:flex;flex:none}.lv2-logo img{height:38px;width:auto;display:block}
.lv2-desktop-links{display:flex;align-items:center;gap:22px;margin-inline-start:10px}
.lv2-desktop-links a{font-size:14px;font-weight:700;color:#4B5563;text-decoration:none;transition:color .2s}
.lv2-desktop-links a:hover,.lv2-desktop-links a[aria-current=page]{color:var(--lv3-ink)}
.lv2-header-controls{margin-inline-start:auto;display:flex;align-items:center;gap:8px}
.lv2-desktop-auth{display:flex;align-items:center;gap:8px}
.lv2-header .lv2-button,.lv2s-footer .lv2-button{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:14px;font-weight:700;font-size:14px;text-decoration:none;transition:transform .2s}
.lv2-header .lv2-button:hover{transform:translateY(-2px)}
.lv2-header .lv2-button-gold{background:var(--lv3-gold-g);color:var(--lv3-ink);box-shadow:inset 0 0 0 1px rgba(201,138,30,.35)}
.lv2-header .lv2-button-soft{background:var(--lv3-surf);color:var(--lv3-ink)}
.lv2-menu-button{display:none;width:44px;height:44px;border-radius:14px;border:0;background:var(--lv3-surf);color:var(--lv3-ink);align-items:center;justify-content:center;cursor:pointer}
.lv2-mobile-menu[hidden]{display:none!important}
.lv2-mobile-menu{max-width:1240px;margin:8px auto 0;background:#fff;border-radius:20px;padding:12px 18px;box-shadow:0 24px 48px -24px rgba(0,0,0,.5);max-height:calc(100dvh - 110px);overflow:auto}
.lv2-mobile-menu>a{display:block;min-height:46px;padding:12px 4px;font-weight:700;color:var(--lv3-ink);border-bottom:1px solid var(--lv3-surf);text-decoration:none}
.lv2-mobile-auth{display:flex;gap:10px;padding-top:12px}.lv2-mobile-auth .lv2-button{flex:1}
.lv2-header a:focus-visible,.lv2-header button:focus-visible,.lv3 a:focus-visible,.lv3 button:focus-visible{outline:3px solid var(--lv3-gold);outline-offset:3px}
@media (max-width:1199px){.lv2-desktop-links,.lv2-desktop-auth{display:none}.lv2-menu-button{display:inline-flex}}
@media (max-width:560px){body.scarab-guest .lv2-header{padding:0 10px;top:10px}.lv2-logo img{height:32px}}

/* ---------- Buttons ---------- */
.lv3-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border-radius:15px;font-weight:700;font-size:15px;line-height:1;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}
.lv3-btn:hover{transform:translateY(-2px)}.lv3-btn:active{transform:scale(.98)}
.lv3-btn-lg{height:56px;padding:0 26px;border-radius:17px;font-size:16px}
.lv3-btn-gold{background:var(--lv3-gold-g);color:var(--lv3-ink)!important;box-shadow:inset 0 0 0 1px rgba(201,138,30,.35),0 14px 28px -16px rgba(236,168,52,.95)}
.lv3-btn-dark{background:var(--lv3-ink);color:#fff!important}
.lv3-btn-outline{background:#fff;color:var(--lv3-ink)!important;box-shadow:inset 0 0 0 1.5px #D7D9DE}
.lv3-btn-ghost{background:transparent;color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28)}
.lv3-ar{display:inline-flex;transition:transform .2s}
.lv3-btn:hover .lv3-ar,.lv3-tile:hover .lv3-ar{transform:translate(3px,-3px)}
html[dir=rtl] .lv3-ar{transform:scaleX(-1)}html[dir=rtl] .lv3-btn:hover .lv3-ar,html[dir=rtl] .lv3-tile:hover .lv3-ar{transform:scaleX(-1) translate(3px,-3px)}
.lv3-ar-down,html[dir=rtl] .lv3-ar-down{transform:none}.lv3 .lv3-btn:hover .lv3-ar-down{transform:translateY(3px)}
.lv3-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

/* ---------- Shared section bits ---------- */
.lv3-section{padding-top:110px;scroll-margin-top:100px}
.lv3-head{max-width:760px}
.lv3-head-split{max-width:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px}
.lv3-kicker{color:#A8730D;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
html[dir=rtl] .lv3-kicker{letter-spacing:0}
.lv3 h2{margin-top:12px;font-weight:800;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.02em}
html[dir=rtl] .lv3 h2,html[dir=rtl] .lv3 h1{letter-spacing:0;line-height:1.25}
.lv3-intro{margin-top:14px;max-width:560px;font-size:17px;line-height:1.65;color:var(--lv3-muted)}
.lv3-head-split .lv3-intro{max-width:400px}
.lv3-waves{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.lv3-waves path{fill:none;stroke:#fff;stroke-opacity:.07;stroke-width:1.4}

/* ---------- Card face ---------- */
.lv3-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;width:100%;aspect-ratio:1.586;border-radius:18px;padding:16px 18px;color:#2B1B22;box-shadow:0 26px 50px -22px rgba(18,19,22,.6),inset 0 0 0 1px rgba(255,255,255,.25);font-family:'Exo 2',system-ui,sans-serif;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.lv3-card-virtual{background:linear-gradient(135deg,#F9C8C4 0%,#EE9A9C 55%,#DE7486 100%)}
.lv3-card-contactless{background:linear-gradient(135deg,#FFFBF1 0%,#F5E7C4 60%,#EAD29C 100%);color:#2E2410}
.lv3-card-lite{background:linear-gradient(135deg,#17181C 0%,#2A2B31 60%,#3A3B42 100%);color:#fff}
.lv3-card-arcs{position:absolute;inset:0;width:100%;height:100%;opacity:.35}.lv3-card-arcs path{fill:none;stroke:#fff;stroke-width:1.4}
.lv3-card>*:not(svg){position:relative}
.lv3-card-top{display:flex;justify-content:space-between;align-items:center}
.lv3-card-logo{height:24px;width:auto}
.lv3-card-mark{display:flex;align-items:center;gap:6px}.lv3-card-mark img{height:20px;width:auto}.lv3-card-mark b{font-size:14px;font-weight:800}.lv3-card-mark i{font-style:normal;color:var(--lv3-gold);font-weight:600}
.lv3-card-nfc{height:17px;width:auto;opacity:.7}
.lv3-card-chip{width:34px;height:26px}
.lv3-card-number{font-weight:600;letter-spacing:.12em;font-size:clamp(11px,1.25vw,15px)}
.lv3-card-foot{display:flex;align-items:flex-end;gap:14px;font-size:10px;font-weight:700;letter-spacing:.04em}
.lv3-card-visa{margin-inline-start:auto;font-style:italic;font-weight:800;font-size:20px;letter-spacing:0}
.lv3-card-visa-img{margin-inline-start:auto;height:15px;width:auto}

/* ---------- Phone ---------- */
.lv3-phone{position:relative;width:270px;aspect-ratio:270/560;border-radius:46px;padding:9px;background:#0B0C0F;box-shadow:0 50px 90px -34px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.1)}
.lv3-screen{height:100%;border-radius:38px;overflow:hidden;background:#fff;color:var(--lv3-ink);display:flex;flex-direction:column;font-size:10px}
.lv3-status{height:30px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font:700 11px 'Exo 2',sans-serif}
.lv3-island{width:74px;height:21px;border-radius:99px;background:#0B0C0F}
.lv3-sys{display:flex;gap:2px;align-items:flex-end}.lv3-sys i{width:3px;background:currentColor;border-radius:1px}.lv3-sys i:nth-child(1){height:5px}.lv3-sys i:nth-child(2){height:7px}.lv3-sys i:nth-child(3){height:9px}.lv3-sys b{margin-inline-start:4px;width:18px;height:9px;border:1.5px solid currentColor;border-radius:3px}
.lv3-app-top{display:flex;align-items:center;gap:6px;padding:6px 14px}
.lv3-avatar{width:30px;height:30px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px var(--lv3-line);display:inline-flex;align-items:center;justify-content:center}
.lv3-avatar img{height:19px;width:auto}
.lv3-avatar-dark{background:var(--lv3-ink);color:#fff;box-shadow:none}
.lv3-round{position:relative;width:28px;height:28px;border-radius:99px;background:var(--lv3-surf);display:inline-flex;align-items:center;justify-content:center}
.lv3-has-badge b{position:absolute;top:-3px;inset-inline-end:-3px;width:13px;height:13px;border-radius:99px;background:#D93025;color:#fff;font-size:8px;display:flex;align-items:center;justify-content:center}
.lv3-app-balance{padding:8px 16px 0}.lv3-app-balance span{display:flex;align-items:center;gap:6px;color:var(--lv3-muted);font-weight:600}.lv3-app-balance strong{display:block;margin-top:2px;font-size:28px;font-weight:800}.lv3-app-balance small,.lv3-scr-bal small,.lv3-scr-amount small{font-size:11px;color:#4B5563}
.lv3-app-actions{display:flex;justify-content:space-around;padding:14px 10px 10px}.lv3-app-actions span{display:flex;flex-direction:column;align-items:center;gap:5px;font-weight:700;font-size:9px;text-align:center;max-width:70px}
.lv3-app-actions i{width:40px;height:40px;border-radius:99px;background:var(--lv3-surf);display:inline-flex;align-items:center;justify-content:center}.lv3-app-actions i.lv3-act-dark{background:var(--lv3-ink);color:#fff}
.lv3-app-cardwrap{padding:4px 12px}
.lv3-app-tiles{display:flex;gap:8px;padding:10px 12px 0}.lv3-app-tiles span{flex:1;border-radius:16px;background:var(--lv3-surf);padding:10px}.lv3-app-tiles i{display:inline-flex;width:28px;height:28px;border-radius:99px;background:var(--lv3-gold);align-items:center;justify-content:center}.lv3-app-tiles b{display:block;margin-top:6px;font-size:10px}
.lv3-tabbar{margin:auto 8px 10px;display:flex;gap:2px;padding:5px;border-radius:22px;background:#fff;box-shadow:0 10px 24px -10px rgba(0,0,0,.25),0 0 0 1px #EEF0F3}
.lv3-tabbar span{flex:1;display:flex;justify-content:center;padding:7px 0;border-radius:16px;color:var(--lv3-ink)}.lv3-tabbar span.is-on{background:#EEEFF2;color:var(--lv3-gold)}

/* ---------- Hero ---------- */
.lv3-hero-wrap{padding:10px 10px 0}
.lv3-hero{position:relative;overflow:hidden;border-radius:30px;background:var(--lv3-ink);color:#fff;padding-top:96px}
.lv3-hero-glow{position:absolute;inset-inline-end:-10%;top:-20%;width:70%;height:120%;background:radial-gradient(closest-side,rgba(240,180,63,.22),rgba(240,180,63,0));pointer-events:none}
.lv3-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:center;padding-top:56px;padding-bottom:84px}
.lv3-pill{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:var(--lv3-gold);font-size:12px;font-weight:800;letter-spacing:.16em}
html[dir=rtl] .lv3-pill{letter-spacing:0}
.lv3-pulse{width:7px;height:7px;border-radius:99px;background:var(--lv3-gold);animation:lv3-pulse 2s ease-in-out infinite}
body .lv3 .lv3-hero h1{color:#fff!important;margin-top:22px;font-weight:800;font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.025em}
.lv3-hero h1 span{display:block}
.lv3-hero-lead{margin-top:22px;max-width:500px;font-size:18px;line-height:1.65;color:rgba(255,255,255,.72)}
.lv3-store{margin-top:22px}
.lv3 .sp-store-row{display:flex;flex-wrap:wrap;gap:10px}
.lv3 .sp-store-btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 16px;border-radius:14px;background:#000;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);transition:transform .2s}
.lv3 .sp-store-btn:hover{transform:translateY(-2px)}.lv3 .sp-store-btn span{display:flex;flex-direction:column;line-height:1.1}.lv3 .sp-store-btn small{font-size:10px;color:rgba(255,255,255,.7)}.lv3 .sp-store-btn b{font-size:17px}
.lv3-hero-visual{position:relative;height:600px}
.lv3-orbit{position:absolute;left:50%;top:50%;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:999px;border:1px dashed rgba(240,180,63,.32);animation:lv3-spin 70s linear infinite}
.lv3-hero-comp{position:absolute;inset:0;transform:translate3d(var(--lv2-x,0),var(--lv2-y,0),0);transition:transform .3s ease-out}
.lv3-phone-hero{position:absolute;left:50%;top:0;margin-left:-160px;animation:lv3-bob 7s ease-in-out infinite}
.lv3-hero-card{position:absolute;right:-2%;top:150px;width:290px;transform:rotate(12deg)}
.lv3-float{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);z-index:3;border-radius:50%;animation:lv3-float 6s ease-in-out var(--d,0s) infinite;box-shadow:0 16px 30px -8px rgba(0,0,0,.5)}
.lv3-float img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.lv3-float-gift{background:#fff;padding:5px}

/* ---------- Services bento ---------- */
.lv3-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:40px}
.lv3-tile{position:relative;overflow:hidden;border-radius:var(--lv3-r);padding:30px;display:flex;flex-direction:column;gap:12px;min-height:230px;transition:transform .35s ease,box-shadow .35s ease}
.lv3-tile:hover{transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(18,19,22,.45)}
.lv3-tile>*{position:relative;z-index:1}
.lv3-tile h3{margin-top:6px;font-size:26px;font-weight:800}
.lv3-tile p{max-width:320px;font-size:15px;line-height:1.55;color:#4B5563}
.lv3-tile-ico{width:48px;height:48px;border-radius:99px;background:var(--lv3-gold);color:var(--lv3-ink);display:inline-flex;align-items:center;justify-content:center}
.lv3-link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:800}
.lv3-tile-cards{grid-column:span 7;grid-row:span 2;min-height:480px;background:var(--lv3-peach)}
.lv3-tile-gifts{grid-column:span 5;background:var(--lv3-cream)}
.lv3-tile-esim{grid-column:span 5;background:var(--lv3-mint)}
.lv3-tile-wallet{grid-column:span 12;min-height:0;background:var(--lv3-surf);flex-direction:row;flex-wrap:wrap;align-items:center;gap:22px}
.lv3-tile-wcopy{flex:1 1 260px}.lv3-tile-wcopy h3{margin-top:0;font-size:22px}
.lv3-fan{position:absolute!important;inset-inline-end:-30px;bottom:40px;width:430px;height:240px;z-index:0!important}
.lv3-fan>span{position:absolute;width:240px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.lv3-fan-0{left:0;top:40px;transform:rotate(-14deg)}.lv3-fan-1{left:95px;top:12px;transform:rotate(-3deg)}.lv3-fan-2{left:190px;top:36px;transform:rotate(9deg)}
.lv3-tile-cards:hover .lv3-fan-0{transform:rotate(-20deg) translate(-16px,8px)}.lv3-tile-cards:hover .lv3-fan-1{transform:rotate(-3deg) translateY(-14px)}.lv3-tile-cards:hover .lv3-fan-2{transform:rotate(16deg) translate(16px,8px)}
.lv3-tile-brands{position:absolute!important;inset-inline-end:24px;top:24px;display:flex}
.lv3-tile-brands img{width:50px;height:50px;border-radius:99px;object-fit:cover;background:#fff;margin-inline-start:-12px;box-shadow:0 0 0 3px var(--lv3-cream)}
.lv3-tile-sig{position:absolute!important;inset-inline-end:14px;top:8px;width:120px;height:120px}
.lv3-ring-base{fill:none;stroke:#A9DDC6;stroke-width:1.5}
.lv3-ring{fill:none;stroke:#1E7A62;stroke-width:2;transform-origin:60px 60px;animation:lv3-ring 2.4s ease-out infinite}
.lv3-coin-lane{flex:0 1 300px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.lv3-coin-track{display:flex;gap:12px;width:max-content;padding:4px;animation:lv3-marq 18s linear infinite}
html[dir=rtl] .lv3-coin-track{animation-direction:reverse}
.lv3-coin-track img{width:40px;height:40px;border-radius:99px;box-shadow:0 0 0 3px #fff}

/* ---------- Dark panels ---------- */
.lv3-dark-wrap{padding-left:10px;padding-right:10px}
.lv3-dark{position:relative;overflow:hidden;border-radius:30px;background:var(--lv3-ink);color:#fff;padding:90px 0}
.lv3-dark .lv3-kicker{color:var(--lv3-gold)}
body .lv3 .lv3-dark h2,body .lv3 .lv3-dark h3{color:#fff!important}
body .lv3 .lv3-hero .lv3-gold{color:var(--lv3-gold)!important}
.lv3-dark .lv3-intro{color:rgba(255,255,255,.7)}

/* Sticky card stack */
.lv3-stack{margin-top:56px;display:flex;flex-direction:column;gap:26px}
.lv3-stack-item{position:sticky;top:calc(110px + var(--i) * 22px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:48px;align-items:center;padding:40px;border-radius:26px;background:var(--lv3-ink2);box-shadow:0 -1px 0 rgba(255,255,255,.08),0 30px 60px -30px rgba(0,0,0,.8)}
.lv3-stack-art{max-width:420px;perspective:900px}
.lv3-stack-item:hover .lv3-card{transform:rotateX(6deg) rotateY(-9deg) translateY(-6px)}
.lv3-stack-copy h3{margin-top:10px;font-size:40px;font-weight:800}
.lv3-stack-copy p:not(.lv3-kicker){margin-top:12px;font-size:17px;line-height:1.6;color:rgba(255,255,255,.72);max-width:440px}
.lv3-stack-copy .lv3-btn{margin-top:24px}

/* ---------- Benefits rail ---------- */
.lv3-arrows{display:flex;gap:10px}
.lv3-arrows button{width:54px;height:54px;border-radius:99px;border:0;background:var(--lv3-surf);color:var(--lv3-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,opacity .2s}
.lv3-arrows button:last-child{background:var(--lv3-ink);color:#fff}
.lv3-arrows button:disabled{opacity:.35;cursor:default}
html[dir=rtl] .lv3-arrows svg{transform:scaleX(-1)}
.lv3-rail{margin-top:36px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(272px,1fr);gap:18px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;scrollbar-width:none}
.lv3-rail::-webkit-scrollbar{display:none}
.lv3-ben{scroll-snap-align:start;border-radius:var(--lv3-r);overflow:hidden;display:flex;flex-direction:column;background:var(--lv3-surf)}
.lv3-ben-contactless{background:var(--lv3-peach)}.lv3-ben-transfers{background:var(--lv3-lilac)}.lv3-ben-services{background:var(--lv3-cream)}.lv3-ben-travel{background:var(--lv3-mint)}
.lv3-ben-art{height:380px;display:flex;justify-content:center;padding-top:30px;overflow:hidden}
.lv3-phone-sm{width:220px;border-radius:38px;padding:8px}.lv3-phone-sm .lv3-screen{border-radius:31px}
.lv3-ben:hover .lv3-phone-sm{transform:translateY(-8px)}.lv3-phone-sm{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.lv3-ben-copy{padding:22px 24px 26px;background:#fff;flex:1}
.lv3-ben-n{font-size:12px;font-weight:800;color:#A8730D}
.lv3-ben-copy h3{margin-top:6px;font-size:21px;font-weight:800}
.lv3-ben-copy p{margin-top:6px;font-size:14.5px;line-height:1.55;color:#4B5563}
.lv3-scr-title{padding:6px 14px 0;font-weight:800;font-size:17px}
.lv3-scr-panel{margin:10px 12px 0;padding:12px;border-radius:16px;background:var(--lv3-surf);display:flex;align-items:center;gap:8px}
.lv3-scr-bal{flex-direction:column;align-items:flex-start;gap:2px}.lv3-scr-bal span{color:var(--lv3-muted);font-weight:600;font-size:9px}.lv3-scr-bal strong{font-size:22px;font-weight:800}
.lv3-scr-btns{display:flex;gap:8px;padding:10px 12px}.lv3-scr-btns span{flex:1;height:30px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:9.5px}
.lv3-scr-btns .lv3-g{background:var(--lv3-gold-g)}.lv3-scr-btns .lv3-o{background:#fff;box-shadow:inset 0 0 0 1.5px #D7D9DE}
.lv3-scr-list{margin:4px 12px 0;border-radius:14px;background:var(--lv3-surf);overflow:hidden}
.lv3-scr-list>div{display:flex;align-items:center;gap:7px;padding:8px 10px;border-bottom:1px solid #E7E9ED}
.lv3-scr-list>div:last-child{border-bottom:0}
.lv3-scr-list i{flex:none;width:26px;height:26px;border-radius:99px;background:#fff;display:inline-flex;align-items:center;justify-content:center}
.lv3-scr-list b{flex:1;font-size:9.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lv3-scr-list span{font-weight:800;font-size:9.5px}.lv3-in{color:#16803C}.lv3-out{color:var(--lv3-ink)}
.lv3-scr-list em{flex:none;width:16px;height:16px;border-radius:99px;background:#E7F7EE;color:#16803C;display:inline-flex;align-items:center;justify-content:center}
.lv3-scr-peer em{width:18px;height:18px;border-radius:99px;background:#E7F7EE;color:#16803C;display:inline-flex;align-items:center;justify-content:center}
.lv3-scr-peer b{font-size:10px}
.lv3-scr-amount{text-align:center;padding:16px 0 4px}.lv3-scr-amount strong{font-size:30px;font-weight:800}
.lv3-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:4px 20px}.lv3-keypad span{height:25px;display:flex;align-items:center;justify-content:center;font:700 13px 'Exo 2',sans-serif}
.lv3-scr-send{padding:6px 12px}.lv3-scr-send span{display:flex;height:32px;border-radius:12px;background:var(--lv3-ink);color:#fff;align-items:center;justify-content:center}
.lv3-scr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px}.lv3-scr-grid span{aspect-ratio:1;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #ECEEF1;padding:5px}.lv3-scr-grid img{width:100%;height:100%;border-radius:8px;object-fit:cover}
.lv3-scr-esim{background:var(--lv3-mint)}.lv3-scr-esim i{width:30px;height:30px;border-radius:99px;background:var(--lv3-gold);display:inline-flex;align-items:center;justify-content:center}.lv3-scr-esim small{margin-inline-start:auto;font-weight:700;color:#1E7A62;font-size:9px}
.lv3-sig{display:flex;gap:3px;align-items:flex-end;height:22px}.lv3-sig b{width:5px;border-radius:2px;background:#1E7A62;transform-origin:bottom;animation:lv3-barb 1.4s ease-in-out infinite alternate}
.lv3-sig b:nth-child(1){height:8px}.lv3-sig b:nth-child(2){height:13px;animation-delay:.2s}.lv3-sig b:nth-child(3){height:18px;animation-delay:.4s}.lv3-sig b:nth-child(4){height:22px;animation-delay:.6s}
.lv3-bars{height:6px;border-radius:99px;background:#E1E3E8;overflow:hidden}.lv3-bars u{display:block;height:100%;background:#1E7A62;border-radius:99px}
.lv3-nfc-art{position:relative;width:250px;height:340px;display:flex;justify-content:center}
.lv3-nfc-card{position:absolute;top:60px;width:230px;transform:rotate(-8deg)}
.lv3-nfc-waves{position:absolute;bottom:20px;width:120px;height:120px}.lv3-nfc-waves path{fill:none;stroke:var(--lv3-ink);stroke-width:5;stroke-linecap:round;animation:lv3-wave 1.6s ease-in-out infinite}

/* ---------- Steps ---------- */
.lv3-steps-box{position:relative;border-radius:30px;background:var(--lv3-surf);padding:60px 52px}
.lv3-steps{margin-top:48px!important;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;position:relative}
.lv3-steps::before{content:"";position:absolute;top:28px;inset-inline:29px;height:2px;background:linear-gradient(90deg,var(--lv3-gold) 0 33%,#E1E3E8 33%)}
html[dir=rtl] .lv3-steps::before{background:linear-gradient(270deg,var(--lv3-gold) 0 33%,#E1E3E8 33%)}
.lv3-steps li{position:relative}
.lv3-step-n{position:relative;display:inline-flex;width:58px;height:58px;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1.5px #D7D9DE;align-items:center;justify-content:center;font:800 18px 'Exo 2',sans-serif}
.lv3-steps li:first-child .lv3-step-n{background:var(--lv3-gold-g);box-shadow:none}
.lv3-steps h3{margin-top:22px;font-size:22px;font-weight:800}
.lv3-steps p{margin-top:8px;font-size:15px;line-height:1.6;color:#4B5563;max-width:320px}

/* ---------- Beyond ---------- */
.lv3-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:40px}
.lv3-feature{border-radius:var(--lv3-r);overflow:hidden}
.lv3-feature-gift{background:var(--lv3-cream)}.lv3-feature-esim{background:var(--lv3-mint)}
.lv3-feature-art{height:220px}
.lv3-balls{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding-bottom:36px}
.lv3-ball{display:block;width:62px;height:62px;transform-origin:50% 100%;animation:lv3-jump 4.4s calc(var(--i) * .17s) infinite both}
.lv3-ball img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;display:block;box-shadow:0 0 0 1px #EADFC4,0 12px 20px -10px rgba(109,82,32,.5)}
.lv3-esim-svg{width:100%;height:100%}
.lv3-ring2{fill:none;stroke:#1E7A62;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:lv3-ring 2.6s ease-out infinite}
.lv3-dot{fill:#8CCFB4;transform-box:fill-box;transform-origin:center;animation:lv3-dot 3.2s infinite both}
.lv3-bar{fill:#1E7A62;transform-box:fill-box;transform-origin:bottom;animation:lv3-barb 1.6s ease-in-out infinite alternate}
.lv3-esim-label{font:800 13px 'Exo 2',sans-serif;fill:var(--lv3-ink)}
.lv3-feature-copy{padding:4px 34px 34px}
.lv3-feature-copy h3{font-size:28px;font-weight:800}
.lv3-feature-copy p{margin-top:10px;max-width:480px;font-size:16px;line-height:1.6;color:#4B5563}
.lv3-feature-copy .lv3-actions{margin-top:20px;gap:10px}

/* ---------- Why ---------- */
.lv3-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px}
.lv3-why{border-radius:24px;background:var(--lv3-surf);padding:26px}
.lv3-why-ico{display:inline-flex;width:50px;height:50px;border-radius:99px;background:#fff;align-items:center;justify-content:center}
.lv3-why-ico svg,.lv3-ico{width:22px;height:22px}
.lv3-why h3{margin-top:18px;font-size:20px;font-weight:800}
.lv3-why p{margin-top:8px;font-size:15px;line-height:1.6;color:#4B5563}

/* ---------- Final ---------- */
.lv3-final{padding:80px 0}
.lv3-final-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:30px;align-items:center}
.lv3-final h2{font-size:clamp(36px,5vw,56px)}
.lv3-gift3d{display:flex;justify-content:center;animation:lv3-bob 7s ease-in-out infinite}
.lv3-body{padding-bottom:20px}

/* ---------- Footer (markup from landing-v2/footer) ---------- */
body.scarab-guest .lv2s-footer{padding:80px 0 36px;background:#fff!important;color:var(--lv3-ink)!important;border:0!important}
body.scarab-guest .lv2s-footer h2{color:var(--lv3-ink)!important}
body.scarab-guest .lv2s-footer ul a,body.scarab-guest .lv2s-footer-brand>p,body.scarab-guest .lv2s-footer-bottom p{color:#4B5563!important}
body.scarab-guest .lv2s-footer-bottom a{color:var(--lv3-ink)!important}
.lv2s-footer .lv2s-container{max-width:1240px;margin:0 auto;padding:0 24px}
.lv2s-footer-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:36px}
.lv2s-footer-brand img{height:44px;width:auto}
.lv2s-footer-brand>p{margin:16px 0 0;max-width:290px;font-size:14px;line-height:1.6;color:#4B5563}
.lv2s-footer h2{margin:0 0 16px;font-size:14px;font-weight:800;color:var(--lv3-ink)}
.lv2s-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.lv2s-footer ul a{font-size:14px;color:#4B5563;text-decoration:none;transition:color .2s}.lv2s-footer ul a:hover{color:var(--lv3-ink)}
.lv2s-footer .sp-store-btn{border-radius:14px!important;border-color:var(--lv3-line)!important}
.lv2s-footer-language{margin-top:18px}
.lv2s-company{margin-top:48px;padding:22px 24px;border-radius:20px;background:var(--lv3-surf);font-size:12.5px;line-height:1.9;color:#4B5563}
.lv2s-company p{margin:0}.lv2s-company p:first-child{font-weight:800;color:var(--lv3-ink)}
.lv2s-footer-bottom{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12.5px;color:#6B7280}
.lv2s-footer-bottom p{margin:0}.lv2s-footer-bottom a{font-weight:800;color:var(--lv3-ink);text-decoration:none}

/* ---------- Reveal (only when JS has run: content is visible without JS) ---------- */
.lv3-js .lv3-rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:var(--rd,0s)}
.lv3-js .lv3-rv.is-in{opacity:1;transform:none}

/* ---------- Keyframes ---------- */
@keyframes lv3-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(5deg)}}
@keyframes lv3-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes lv3-spin{to{transform:rotate(360deg)}}
@keyframes lv3-pulse{0%,100%{box-shadow:0 0 0 0 rgba(240,180,63,.6)}50%{box-shadow:0 0 0 6px rgba(240,180,63,0)}}
@keyframes lv3-marq{to{transform:translateX(-33.333%)}}
@keyframes lv3-ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.9);opacity:0}}
@keyframes lv3-dot{0%,40%{fill:#8CCFB4;transform:scale(1)}50%{fill:#F0B43F;transform:scale(1.7)}82%{fill:#F0B43F;transform:scale(1.25)}100%{fill:#8CCFB4;transform:scale(1)}}
@keyframes lv3-barb{0%{transform:scaleY(.35)}100%{transform:scaleY(1)}}
@keyframes lv3-wave{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes lv3-jump{0%{transform:translateY(0) scale(1);animation-timing-function:ease-in}3%{transform:translateY(0) scale(1.08,.9)}14%{transform:translateY(-46px) scale(.96,1.04);animation-timing-function:cubic-bezier(.6,0,.8,.3)}25%{transform:translateY(0) scale(1.1,.88)}31%{transform:translateY(-14px)}37%{transform:translateY(0) scale(1.04,.96)}41%,100%{transform:translateY(0) scale(1)}}
@media (prefers-reduced-motion:reduce){.lv3 *,.lv3-hero-comp{animation:none!important;transition:none!important}.lv3-js .lv3-rv{opacity:1;transform:none}}

/* ---------- Responsive ---------- */
@media (max-width:1100px){.lv3-four{grid-template-columns:repeat(2,minmax(0,1fr))}.lv2s-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){
 .lv3-hero-grid,.lv3-two,.lv3-final-grid,.lv3-stack-item{grid-template-columns:minmax(0,1fr)}
 .lv3-hero-visual{height:560px;max-width:520px;width:100%;margin:0 auto}
 .lv3-tile-cards,.lv3-tile-gifts,.lv3-tile-esim{grid-column:span 12}
 .lv3-steps{grid-template-columns:minmax(0,1fr)}.lv3-steps::before{display:none}
 .lv3-steps-box{padding:40px 22px}
 .lv3-stack-item{position:relative;top:auto;padding:28px;gap:26px}
 .lv3-stack-copy h3{font-size:32px}
 .lv3-section{padding-top:80px}
 .lv3-gift3d{display:none}
}
@media (max-width:640px){
 .lv3-hero{padding-top:84px}.lv3-hero-grid{padding-top:32px;padding-bottom:40px}
 .lv3-hero-visual{height:470px}.lv3-hero-comp{transform:scale(.8);transform-origin:top center}
 .lv3-hero-card,.lv3-float{display:none}
 .lv3-orbit{width:380px;height:380px;margin:-190px 0 0 -190px}
 .lv3-tile-cards{min-height:430px}.lv3-fan{transform:scale(.8);transform-origin:bottom right;inset-inline-end:-60px;bottom:24px}
 .lv3-tile-brands{display:none}
 .lv3-four,.lv2s-footer-grid{grid-template-columns:minmax(0,1fr)}
 .lv3-tile,.lv3-feature-copy{padding:24px}
 .lv3-btn-lg{height:52px;padding:0 20px}
 .lv3-wrap{padding:0 18px}
}

/* ---------- Draft sections (preview only) ---------- */
.lv3-draft{display:inline-flex;margin-bottom:16px!important;padding:6px 12px;border-radius:10px;background:#FFF4D6;color:#7A5200!important;font-size:12px;font-weight:800;box-shadow:inset 0 0 0 1px #F1D58A}
.lv3-biz{padding:80px 0}
.lv3-biz-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.lv3-biz-list{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.lv3-biz-list li{display:flex;gap:12px}
.lv3-biz-list i{flex:none;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.08);color:var(--lv3-gold);display:inline-flex;align-items:center;justify-content:center}
.lv3-biz-list span{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.62)}
.lv3-biz-list b{display:block;font-size:16px;color:#fff;margin-bottom:2px}
.lv3-code{border-radius:22px;background:#0B0C0F;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 40px 80px -30px rgba(0,0,0,.6);overflow:hidden}
.lv3-code-bar{display:flex;gap:6px;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.lv3-code-bar i{width:10px;height:10px;border-radius:99px;background:#FF5F57}.lv3-code-bar i:nth-child(2){background:#FEBC2E}.lv3-code-bar i:nth-child(3){background:#28C840}
.lv3-code-bar span{margin-left:10px;color:rgba(255,255,255,.45);font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.lv3-code pre{margin:0;padding:18px 20px;color:#E5E7EB;white-space:pre-wrap;word-break:break-word;font:13px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace}
.lv3-code .c-m{color:#9CA3AF}.lv3-code .c-g{color:var(--lv3-gold)}.lv3-code .c-s{color:#86EFAC}.lv3-code .c-k{color:#93C5FD}
.lv3-code-card{padding:0 18px 20px;max-width:340px}
.lv3-reviews-head{text-align:center;display:flex;flex-direction:column;align-items:center}
.lv3-reviews-head .lv3-draft{margin-bottom:18px!important}
.lv3-rating{margin-top:16px;display:inline-flex;align-items:center;gap:12px;padding:10px 16px;border-radius:99px;background:var(--lv3-surf);font-size:14px}.lv3-rating>span:last-child{color:var(--lv3-muted);font-size:13px}
.lv3-stars{display:inline-flex;gap:2px;color:var(--lv3-gold)}
.lv3-js .lv3-review .lv3-stars svg{transform:scale(.3);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s}
.lv3-js .lv3-reviews.is-on .lv3-review .lv3-stars svg{transform:none;opacity:1}
.lv3-reviews .lv3-stars svg:nth-child(2){transition-delay:.1s}.lv3-reviews .lv3-stars svg:nth-child(3){transition-delay:.2s}.lv3-reviews .lv3-stars svg:nth-child(4){transition-delay:.3s}.lv3-reviews .lv3-stars svg:nth-child(5){transition-delay:.4s}
.lv3-marquees{margin-top:36px;display:flex;flex-direction:column;gap:18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lv3-marquee{overflow:hidden}
.lv3-marquee-track{display:flex;gap:18px;width:max-content;padding:4px;animation:lv3-marq2 46s linear infinite}
.lv3-marquee-track.lv3-rev{animation-direction:reverse}
.lv3-marquee:hover .lv3-marquee-track{animation-play-state:paused}
.lv3-review{flex:0 0 360px;margin:0;border-radius:24px;background:#fff;box-shadow:0 0 0 1px #ECEEF1,0 18px 34px -28px rgba(18,19,22,.35);padding:24px;display:flex;flex-direction:column;gap:14px}
.lv3-review-top{display:flex;justify-content:space-between;align-items:center}
.lv3-sample{font-size:11px;font-weight:800;color:#A8730D;background:var(--lv3-cream);padding:4px 9px;border-radius:99px}
.lv3-review blockquote{margin:0;font-size:15px;line-height:1.6;color:#1F2937}
.lv3-review figcaption{margin-top:auto;display:flex;align-items:center;gap:10px}
.lv3-review figcaption b{display:block;font-size:14px}.lv3-review figcaption small{font-size:12px;color:var(--lv3-muted)}
.lv3-review-av{flex:none;width:38px;height:38px;border-radius:99px;background:var(--lv3-ink);color:var(--lv3-gold);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
@keyframes lv3-marq2{to{transform:translateX(-50%)}}
@media (max-width:980px){.lv3-biz-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.lv3-biz-list{grid-template-columns:minmax(0,1fr)}.lv3-review{flex-basis:290px}}

/* ---------- r2: app-style buttons (solid, no arrows, no glow) ---------- */
.lv3-btn .lv3-ar{display:none}
.lv3-btn{gap:8px;border-radius:14px}
.lv3-btn-lg{border-radius:16px}
.lv3-btn-gold{box-shadow:inset 0 0 0 1px rgba(201,138,30,.45)}
.lv3-btn-ghost{background:#fff;color:var(--lv3-ink)!important;box-shadow:none}
.lv3-btn-outline{box-shadow:inset 0 0 0 1.5px #D1D5DB}
.lv3-btn:hover{transform:none;filter:brightness(.97)}
.lv3-btn:active{transform:scale(.98)}
/* Footer logo keeps its own ratio (an older rule forced 185px wide) */
body.scarab-guest .lv2s-footer-brand img{width:auto!important;max-width:none!important;height:44px!important}
/* Final CTA: centred */
.lv3-final-in{text-align:center}.lv3-final-in .lv3-intro{margin-inline:auto}.lv3-final-in .lv3-actions{justify-content:center}
/* Referral */
.lv3-ref{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:32px;align-items:center;border-radius:30px;background:var(--lv3-surf);padding:56px 52px}
.lv3-gold-t{color:#D99A2B}
.lv3-ref-sub{margin-top:28px!important;font-weight:800;font-size:15px}
.lv3-ref-tiles{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:560px}
.lv3-ref-tile{border-radius:20px;padding:18px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.lv3-tone-peach{background:var(--lv3-peach)}.lv3-tone-mint{background:var(--lv3-mint)}.lv3-tone-cream{background:var(--lv3-cream)}
.lv3-ref-tile b{font-size:24px;font-weight:800}.lv3-ref-tile span{font-size:13px;color:#4B5563;font-weight:600}
.lv3-ref-friend{margin-top:18px!important;display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px}
.lv3-ref-art{display:flex;justify-content:center;animation:lv3-bob 7s ease-in-out infinite}
.lv3-ref-art svg{max-width:100%;height:auto}
@media (max-width:980px){.lv3-ref{grid-template-columns:minmax(0,1fr);padding:40px 22px}.lv3-ref-art{order:-1}.lv3-ref-art svg{width:200px}}
@media (max-width:480px){.lv3-ref-tiles{gap:8px}.lv3-ref-tile{padding:14px 8px}.lv3-ref-tile b{font-size:19px}}

/* r3: business code typing + Visa/Mastercard swap */
.lv3-code pre[data-lv3-type] .lv3-res{transition:opacity .45s ease,transform .45s ease}
.lv3-code pre.is-typing .lv3-res{opacity:0;transform:translateY(4px)}
.lv3-code pre.is-typing .lv3-res.is-on{opacity:1;transform:none}
.lv3-caret{display:inline-block;width:.55em;height:1.15em;margin-left:1px;vertical-align:-.2em;background:var(--lv3-gold);animation:lv3-caret 1s steps(1) infinite}
@keyframes lv3-caret{50%{opacity:0}}
.lv3-brand-swap{position:relative;margin-inline-start:auto;width:58px;height:30px;border-radius:7px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.25);overflow:hidden}
.lv3-brand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(60%);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.lv3-brand.is-on{opacity:1;transform:none}
.lv3-brand.is-out{opacity:0;transform:translateY(-60%)}
.lv3-brand svg{display:block}
[data-lv3-last]{display:inline-block;transition:opacity .3s ease}
[data-lv3-last].is-swap{opacity:0}
@media (prefers-reduced-motion:reduce){.lv3-caret{animation:none}.lv3-brand,[data-lv3-last]{transition:none}}