/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/0.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/1.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/2.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/0.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/1.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/2.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/0.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/1.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/2.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/0.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/1.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/2.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/3.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/4.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/5.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/6.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/7.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/8.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/9.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/10.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/11.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/12.woff2') format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/13.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/landing/assets/v2/fonts/14.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{--bg:#050B09;--surface:#0B1512;--raised:#101D18;--line:rgba(255,255,255,.08);--green:#0BA86B;--hover:#10B06C;--deep:#067A50;--fresh:#8BE04E;--text:#EEF6F2;--dim:#A7B8B0;--mute:#6E837A;--red:#E5484D;--ease:cubic-bezier(.2,.7,.3,1);--shadow:0 30px 80px #0006;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.85 Cairo,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:wait}
img,svg{vertical-align:middle}
img{max-width:100%}
button{color:inherit}
button,input{border:0}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--fresh);outline-offset:5px}
::selection{background:#0BA86B55}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.5;font-weight:800}
h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.3px}
h3{font-size:21px}
p{color:var(--dim)}
bdi,.latin,.brand{font-family:Poppins,sans-serif;font-variant-numeric:tabular-nums}
bdi{display:inline-block;direction:ltr;unicode-bidi:isolate}
small{font-size:12px;font-weight:400}
.icon{width:22px;height:22px;flex-shrink:0}
.container{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.section{padding-block:105px}
.gradient{background:linear-gradient(105deg,#8BE04E,#0BA86B);background-clip:text;-webkit-background-clip:text;color:transparent}
.center{text-align:center}
.section-heading{margin-bottom:52px}
.section-heading p{font-size:17px;max-width:600px;margin:17px auto 0}
.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid transparent;border-radius:100px;padding:12px 26px;min-height:53px;font-size:15px;font-weight:700;white-space:nowrap;transition:transform .3s var(--ease)}
.button:hover{transform:translateY(-3px)}
.button.primary{background:var(--green);color:#fff;box-shadow:0 6px 25px #0BA86B14}
.button.primary:hover{background:var(--hover)}
.button.secondary{background:#ffffff04;border-color:#ffffff20;color:var(--text)}
.button.secondary:hover{background:#ffffff09}
.button .icon{width:19px;height:19px}
.actions{display:flex;gap:12px;align-items:center;justify-content:center}
.brand{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:500;font-size:22px;letter-spacing:0;line-height:1.2}
.brand img{width:25px;height:34px;object-fit:contain}
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease) var(--d,0s),transform .7s var(--ease) var(--d,0s)}
.js .reveal.in{opacity:1;transform:none}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);position:relative;flex-shrink:0}
.live-dot:after{content:"";position:absolute;inset:-4px;border:1px solid var(--green);border-radius:inherit;animation:ping 2.5s var(--ease) infinite}
.wallet{display:inline-flex;justify-content:center;align-items:center;background:white;width:40px;height:40px;border-radius:11px;flex-shrink:0;padding:5px;overflow:hidden}
.wallet img{width:100%;height:100%;object-fit:contain}
.status{color:#57D89E;background:#0BA86B16;border:1px solid #0BA86B25;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:3px 10px;font-size:11px;border-radius:6px;white-space:nowrap}
.status .icon{width:13px;height:13px}
.chip{display:inline-flex;align-items:center;gap:7px;line-height:1.6;font-size:13px;color:var(--dim)}
.chip .icon{width:17px;height:17px;color:var(--green)}
.eyebrow{display:block;font-weight:700;font-size:14px;color:var(--green);margin-bottom:16px}
.panel{background:linear-gradient(135deg,#111F19,#0B1512);border:1px solid #ffffff10;box-shadow:var(--shadow);border-radius:22px}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.panel-heading>span:first-child{display:flex;align-items:center;gap:9px;font-weight:700;font-size:16px}
.panel-heading>span:first-child>.icon{color:var(--green)}
.small-label{font-size:11px;color:var(--dim);padding:4px 9px;background:#ffffff04;border:1px solid var(--line);border-radius:6px;white-space:nowrap}
.small-label .icon{width:13px;height:13px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-100px;right:20px;z-index:100;background:var(--green);padding:12px;border-radius:12px}
.skip-link:focus{top:10px}
/* Navigation */
.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid transparent;background:#050B09b8}
.site-header.scrolled{background:#050B09db;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom-color:var(--line)}
.nav{height:86px;display:flex;align-items:center;gap:55px}
.nav-brand{display:flex}
.nav-links{display:flex;gap:29px;font-size:14px;color:var(--dim)}
.nav-links a:hover,.sign-in:hover,.footer a:hover{color:var(--text)}
.nav-actions{display:flex;align-items:center;gap:22px;margin-inline-start:auto;font-size:13px}
.language{display:flex;align-items:center;gap:7px;font-family:Poppins,sans-serif;font-size:11px;border:1px solid var(--line);border-radius:99px;padding:5px 12px;direction:ltr}
.language .icon{width:14px;height:14px}
.sign-in{color:var(--dim)}
.nav-cta{min-height:42px;padding:7px 20px;font-size:13px}
.menu-toggle{display:none;background:transparent;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%}
/* Hero: the product is the proof. */
.hero{position:relative;padding-top:58px;overflow:hidden}
.hero-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#ffffff03 1px,transparent 1px),linear-gradient(#ffffff03 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at 50% 35%,black,transparent 67%)}
.hero:before{content:"";position:absolute;width:1000px;height:700px;left:50%;top:220px;transform:translateX(-50%);background:radial-gradient(ellipse,#0BA86B12,transparent 65%);pointer-events:none}
.hero-copy{position:relative;text-align:center;z-index:2}
.pill{display:inline-flex;gap:11px;align-items:center;border:1px solid #0BA86B2b;background:#0BA86B08;border-radius:100px;padding:5px 15px;font-size:12px;color:var(--dim)}
.pill strong{font-size:11px;color:var(--fresh)}
.pill-divider{width:1px;height:12px;background:#ffffff22}
.hero h1{font-size:clamp(36px,5.3vw,66px);font-weight:800;letter-spacing:-2.4px;line-height:1.48;margin:23px auto 17px}
.hero-sub{font-size:19px;letter-spacing:-.3px}
.hero .actions{margin-top:27px}
.hero-chips{display:flex;justify-content:center;gap:23px;margin-top:22px}
.hero-chips .chip{font-size:12px}
.guarantee{display:flex;justify-content:center;align-items:center;gap:6px;font-size:11px;color:var(--mute);margin-top:16px}
.guarantee .icon{width:14px;height:14px}
.hero-stage{position:relative;width:100%;max-width:1090px;margin:68px auto 0;padding:22px 52px 68px;perspective:1800px}
.stage-glow{position:absolute;inset:-35px -60px -5px;background:radial-gradient(ellipse at center,#0BA86B22,transparent 65%);pointer-events:none}
.dashboard-3d{position:relative;transform-style:preserve-3d;transform:perspective(150em) rotateX(calc(28deg + var(--my,0)*-3deg)) rotateY(calc(var(--mx,0)*4deg));transition:transform 1.4s var(--ease)}
.hero-stage.in .dashboard-3d{transform:perspective(150em) rotateX(calc(2deg + var(--my,0)*-3deg)) rotateY(calc(var(--mx,0)*4deg))}
.dashboard{position:relative;border:1px solid #ffffff22;border-top-color:#ffffff29;border-radius:18px;background:#0B1512;box-shadow:0 0 0 7px #ffffff02,0 40px 100px #0009,0 -5px 40px #0BA86B08;overflow:hidden}
.dashboard-top{height:64px;display:flex;align-items:center;gap:30px;padding:0 25px;border-bottom:1px solid var(--line)}
.dashboard .brand{font-size:17px;gap:6px}
.dashboard .brand img{width:19px;height:27px}
.dash-title{font-size:12px;color:var(--dim);border-right:1px solid var(--line);padding-right:27px}
.online{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--mute);margin-inline-start:auto}
.avatar{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#1B3428;color:#85D9AE;border:1px solid #ffffff0a;border-radius:50%;font-size:12px}
.dashboard-body{display:grid;grid-template-columns:155px 1fr}
.dash-sidebar{padding:26px 16px;display:flex;flex-direction:column;gap:10px;border-left:1px solid var(--line);background:#08110E}
.dash-sidebar>span{padding:8px 10px;display:flex;gap:9px;font-size:11px;align-items:center;color:var(--mute);border-radius:6px}
.dash-sidebar .icon{width:16px;height:16px}
.dash-sidebar .active{background:#0BA86B12;color:#63D5A3;border:1px solid #0BA86B16}
.sidebar-bottom{margin-top:auto;color:#365347;font-size:13px;font-weight:700;line-height:1.8;padding:20px 10px 0}
.dash-main{padding:23px 25px 0;min-width:0}
.dash-main-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dash-main h3{font-size:16px;font-weight:700}
.date{font-size:9px;color:var(--mute);display:flex;align-items:center;gap:6px}
.date .icon{width:11px;height:11px}
.dash-kpis{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;padding:18px 0 19px;border-bottom:1px solid var(--line)}
.dash-kpis>div>span{font-size:10px;color:var(--mute);display:block}
.dash-kpis strong{font-weight:600;font-size:23px;line-height:1.5;display:block;margin-top:7px}
.dash-kpis strong small{font-size:9px;color:var(--mute)}
.mini-bars{height:55px;display:flex;gap:5px;align-items:end;padding-top:3px;margin-top:auto}
.mini-bars i{display:block;flex:1;height:var(--h);background:linear-gradient(#0BA86B,#0BA86B22);border-radius:3px 3px 0 0;transform-origin:bottom;transform:scaleY(.1);transition:transform 1.4s var(--ease)}
.hero-stage.in .mini-bars i{transform:scaleY(1)}
.feed-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 0 10px;color:var(--mute);font-size:9px}
.feed-heading .live-dot{width:5px;height:5px}
.feed-heading .live-dot:after{inset:-3px}
.transfer-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff06}
.transfer-row .wallet{width:32px;height:32px;border-radius:8px;padding:4px}
.transfer-person{display:flex;flex-direction:column;flex:1;min-width:0}
.transfer-person strong{font-size:11px;font-weight:600}
.transfer-person>span{font-size:8px;color:var(--mute);margin-top:1px}
.transfer-money{display:flex;align-items:center;gap:4px;font-size:15px;margin-inline-start:auto;margin-inline-end:18px}
.transfer-money small{font-size:8px;color:var(--mute)}
.transfer-row .status{font-size:9px;padding:2px 7px}
.feed-footer{font-size:9px;color:var(--mute);display:flex;justify-content:center;gap:5px;align-items:center;padding:13px}
.feed-footer .icon{width:10px;height:10px}
.pop{position:absolute;display:flex;align-items:center;gap:12px;border:1px solid #ffffff18;border-radius:14px;padding:15px 18px;box-shadow:0 20px 50px #0008;background:#13231D;transform:translateZ(60px) translateY(20px);opacity:0;transition:opacity .8s var(--ease) var(--pd,0s),transform .8s var(--ease) var(--pd,0s);z-index:3}
.hero-stage.in .pop{transform:translateZ(60px) translateY(0);opacity:1}
.pop>div{display:flex;flex-direction:column;line-height:1.6}
.pop>div>span,.pop>div>small{font-size:10px;color:var(--dim)}
.pop strong{font-size:23px;line-height:1.6}
.pop strong small{font:400 10px Cairo,sans-serif;color:var(--dim)}
.pop-icon{width:34px;height:34px;display:grid;place-items:center;background:#0BA86B1a;border:1px solid #0BA86B30;border-radius:50%;color:var(--green)}
.pop-icon .icon{width:18px;height:18px}
.pop-arrived{top:99px;right:-49px}
.pop-arrived .wallet{width:35px;height:35px;margin-right:20px}
.pop-fake{bottom:52px;left:-37px;background:#201616;border-color:#E5484D35;padding:14px 18px}
.fake-symbol{display:grid;place-items:center;font:600 17px Poppins,sans-serif;border:1px solid #E5484D55;color:#FF777C;border-radius:50%;width:28px;height:28px}
.pop-fake strong{font-size:11px;color:#FF9397}
.pop-fake>div>small{font-size:9px;color:#BB8E90;margin-top:2px}
.pop-total{top:-21px;left:28px;padding:11px 17px;background:#14291F}
.pop-total>.icon{color:var(--green);width:27px;height:27px}
.pop-total strong{font-size:22px}
.pop-total>.live-dot{margin-inline-start:15px}
.hero-caption{position:relative;text-align:center;color:var(--mute);font-size:13px;margin:-15px 0 45px}
.hero-caption strong{font-weight:600;color:var(--dim)}
/* Sender belt */
.senders{padding:38px 0 60px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.senders .section-heading{margin-bottom:30px}
.senders h2{font-size:23px;letter-spacing:-.5px}
.senders .section-heading p{font-size:13px;margin-top:7px}
.marquee{direction:ltr;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);margin:12px auto;max-width:1520px}
.marquee-track{display:flex;width:max-content;animation:marquee 60s linear infinite;gap:12px;will-change:transform}
.marquee:nth-last-child(1) .marquee-track{animation-direction:reverse;animation-duration:65s}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-group{display:flex;gap:12px}
.sender-tile{display:flex;align-items:center;gap:10px;min-width:172px;padding:9px 17px 9px 10px;border:1px solid var(--line);background:#0B1512;border-radius:12px;direction:rtl;white-space:nowrap;color:var(--dim);font-size:11px}
.sender-tile .wallet{width:31px;height:31px;border-radius:7px;padding:4px}
/* Problem */
.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pain-card{border:1px solid var(--line);background:linear-gradient(155deg,#101D18,#0A120F);border-radius:22px;overflow:hidden;padding:0 27px 30px;transition:transform .3s var(--ease)}
.pain-card:hover,.platform-card:hover{transform:translateY(-6px)}
.pain-visual{height:220px;margin:0 -27px 25px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#173A2A44,transparent 65%);border-bottom:1px solid #ffffff05}
.pain-card h3{font-size:22px;line-height:1.65;margin-bottom:12px}
.pain-card p{font-size:14px;line-height:1.9}
.receipt-paper{transform:rotate(-8deg);width:177px;border:1px solid #ffffff14;background:#18251F;border-radius:10px;padding:17px 15px;box-shadow:0 15px 25px #0004;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--dim);font-size:10px;position:relative}
.receipt-paper strong{font-size:26px;color:var(--text)}
.receipt-lines{width:110px;height:15px;margin-top:8px;background:repeating-linear-gradient(90deg,#ffffff26 0 1px,transparent 1px 4px)}
.receipt-stamp{position:absolute;bottom:28px;left:-22px;transform:rotate(15deg);font-size:11px;font-weight:700;border:1px solid #ffffff37;background:#17271F;padding:5px 13px;border-radius:4px;color:var(--text)}
.crop-mark{position:absolute;width:18px;height:18px;border-color:#5B7A68;border-style:solid}
.crop-mark.a{top:32px;right:59px;border-width:1px 1px 0 0}
.crop-mark.b{bottom:20px;left:55px;border-width:0 0 1px 1px}
.chat-scene{flex-direction:column;align-items:flex-start;padding:20px 34px;gap:13px}
.chat-bubble{padding:10px 15px;border-radius:13px 13px 2px 13px;background:#19342A;border:1px solid #0BA86B22;font-size:12px;display:flex;flex-direction:column;max-width:85%;box-shadow:0 10px 20px #0002}
.chat-bubble small{color:var(--mute);font-size:8px;align-self:flex-end;margin-top:3px}
.chat-bubble.reply{align-self:flex-end;background:#1B2420;border-color:#ffffff09;border-radius:13px 13px 13px 2px}
.chat-typing{display:flex;gap:4px;background:#1B2420;padding:10px 14px;border-radius:10px}
.chat-typing i{width:4px;height:4px;background:var(--mute);border-radius:50%;animation:typing 1.8s var(--ease) infinite}
.chat-typing i:nth-child(2){animation-delay:.15s}
.chat-typing i:nth-child(3){animation-delay:.3s}
.tally-note{width:192px;transform:rotate(5deg);padding:18px 17px;background:#18251F;border:1px solid #ffffff15;border-radius:10px;box-shadow:0 15px 25px #0004}
.tally-note>span{font-size:11px;font-weight:700;display:block;margin-bottom:11px}
.tally-note>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:var(--dim);padding-block:4px}
.tally-note .tally-question{border-top:1px dashed #ffffff20;margin-top:6px;padding-top:9px}
.tally-question strong{font-size:23px;line-height:1;color:var(--fresh)}
.calculator{position:absolute;bottom:23px;right:62px;width:48px;height:55px;background:#273E31;border:1px solid #ffffff18;display:grid;place-items:center;transform:rotate(-12deg);border-radius:10px;color:#8AAB98;box-shadow:0 10px 20px #0005}
/* Setup */
.how{background:linear-gradient(180deg,transparent,#0B15124d,transparent)}
.steps-wrap{position:relative}
.step-connector{position:absolute;top:96px;right:7%;width:86%;height:100px;stroke:#0BA86B60;stroke-width:1.5;stroke-dasharray:1100;stroke-dashoffset:1100;z-index:0}
.steps-wrap.in .step-connector{stroke-dashoffset:0;transition:stroke-dashoffset 1.8s var(--ease) .25s}
.steps{gap:50px;position:relative}
.step-visual{height:222px;display:flex;align-items:center;justify-content:center;margin-bottom:27px}
.install-app{width:205px;background:#102019;border:1px solid #ffffff12;box-shadow:0 20px 35px #0005;border-radius:22px;padding:23px;display:flex;align-items:center;flex-direction:column;gap:14px;transform:rotate(-4deg)}
.install-app .brand{font-size:19px}
.install-app>span{font-size:11px;color:var(--dim)}
.install-button{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--green);border-radius:100px;padding:8px 18px;color:white!important;width:100%}
.install-button .icon{width:16px;height:16px}
.permission-prompt{width:228px;background:#17251E;border:1px solid #ffffff17;border-radius:17px;box-shadow:0 20px 35px #0005;padding:19px 12px 0;text-align:center;display:flex;align-items:center;flex-direction:column;gap:6px;transform:rotate(2deg)}
.permission-icon{display:grid;place-items:center;width:36px;height:36px;background:#0BA86B16;color:var(--green);border-radius:11px;margin-bottom:5px}
.permission-prompt strong{font-size:13px}
.permission-prompt>span{font-size:10px;color:var(--mute)}
.permission-prompt>div{margin-top:9px;border-top:1px solid #ffffff10;width:calc(100% + 24px);display:flex;font-size:11px}
.permission-prompt>div>span{padding:10px;width:50%}
.permission-prompt>div>span:first-child{color:#50D29B;border-left:1px solid #ffffff10}
.permission-prompt>div>span:last-child{color:var(--mute)}
.first-transfer{display:flex;align-items:center;flex-direction:column;gap:9px;border:1px solid #0BA86B28;background:#10231A;box-shadow:0 20px 35px #0005;border-radius:22px;width:215px;padding:20px;transform:rotate(-3deg)}
.success-ring{display:flex;align-items:center;justify-content:center;width:53px;height:53px;border-radius:50%;background:#0BA86B19;border:1px solid #0BA86B30;box-shadow:0 0 0 7px #0BA86B05;color:var(--green);margin-bottom:5px}
.success-ring .icon{width:28px;height:28px}
.first-transfer strong{font-size:14px}
.first-transfer>span:not(.success-ring):not(.status){font-size:11px;color:var(--dim)}
.step-title{display:flex;gap:13px;align-items:center;margin-bottom:13px}
.step-title b{display:grid;place-items:center;flex-shrink:0;border-radius:50%;width:30px;height:30px;background:#0BA86B15;border:1px solid #0BA86B35;color:#58D49E;font:500 13px Poppins,sans-serif}
.step-title h3{font-size:18px;font-weight:700}
.step p{font-size:14px;color:var(--dim);line-height:1.95}
/* Product scenes */
.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}
.split.reverse .feature-copy{order:2}
.feature-copy h2{margin-bottom:23px}
.feature-copy p{font-size:16px;line-height:2;max-width:460px;margin-bottom:24px}
.feature-point{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--dim);margin-top:15px}
.feature-point .icon{width:19px;height:19px;color:var(--green)}
.text-link{display:inline-flex;gap:10px;align-items:center;color:#46CA93;font-size:13px;font-weight:700;margin-top:25px}
.text-link .icon{width:17px;height:17px}
.verify-panel{padding:30px}
.verify-intro{font-size:13px;margin-top:-9px;margin-bottom:22px}
.verify-panel label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}
.verify-input-row{display:flex;gap:10px}
.amount-field{position:relative;flex:1;min-width:0}
.amount-field input{width:100%;height:53px;padding:10px 16px 10px 55px;font:600 23px/1.5 Poppins,sans-serif;direction:ltr;text-align:right;color:var(--text);border:1px solid #ffffff22;background:#050B09;border-radius:12px;outline-offset:2px}
.amount-field>span{position:absolute;left:15px;top:15px;font-size:12px;color:var(--mute)}
.verify-input-row .button{padding:10px 21px;font-size:14px;border-radius:12px;min-width:110px}
.verify-input-row .button .icon{width:16px;height:16px}
.demo-note{font-size:10px;margin-top:11px;color:var(--mute);line-height:1.9}
.verify-result{min-height:214px;display:flex;align-items:center;justify-content:center;margin-top:25px;border-radius:14px;border:1px dashed #ffffff15;background:#050B0955;padding:20px}
.result-idle{display:flex;flex-direction:column;align-items:center;gap:13px;color:var(--mute);font-size:12px}
.result-idle .icon{width:36px;height:36px;color:#426451}
.verified-source{font-size:10px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--mute);margin-top:19px}
.verified-source .icon{width:12px;height:12px}
.result-search{display:flex;flex-direction:column;align-items:center;gap:17px;color:var(--dim);font-size:12px}
.spinner{width:29px;height:29px;border:2px solid #0BA86B22;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}
.match-card{width:100%;animation:result-in .5s var(--ease)}
.match-top{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;margin-bottom:20px;color:#65DBA7}
.match-top .icon{width:18px;height:18px}
.match-details{display:flex;align-items:center;gap:11px}
.match-details>div{flex:1;min-width:0}
.match-details strong{display:block;font-size:14px}
.match-details small{color:var(--mute);font-size:10px}
.match-details .match-amount{font-size:25px;white-space:nowrap;font-weight:600}
.match-amount small{font-size:10px}
.match-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:17px;padding-top:14px;font-size:10px;color:var(--mute)}
.feature-chips{display:flex;flex-wrap:wrap;gap:12px}
.feature-chips .chip{padding:8px 12px;background:#101D18;border:1px solid var(--line);border-radius:8px;font-size:11px}
.ledger{padding:28px}
.ledger-stats{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding-bottom:22px}
.ledger-stats>div{display:flex;flex-direction:column;gap:8px}
.ledger-stats>div:last-child{padding-right:24px;border-right:1px solid var(--line)}
.ledger-stats>div>span{font-size:12px;color:var(--mute)}
.ledger-stats strong{font:500 29px/1.5 Poppins,sans-serif;direction:ltr;text-align:right}
.ledger-stats .money-in{color:#5BD29E}
.expense-sign{color:var(--dim)}
.ledger-net{display:flex;align-items:center;gap:20px;margin-top:23px}
.ledger-net>span:first-child{font-size:13px;color:var(--dim);display:flex;flex-direction:column}
.ledger-net small{font-size:10px;color:var(--mute)}
.ledger-net strong{font-size:39px;line-height:1.4;font-weight:600}
.net-icon{margin-inline-start:auto;width:39px;height:39px;display:grid;place-items:center;border:1px solid #0BA86B22;background:#0BA86B0c;border-radius:12px;color:var(--green)}
.bar-chart{display:flex;direction:ltr;height:172px;margin-top:29px;position:relative}
.chart-grid{position:absolute;inset:0 0 23px;display:flex;flex-direction:column;justify-content:space-between}
.chart-grid>span{font:400 8px Poppins,sans-serif;color:var(--mute);display:flex;align-items:center;gap:10px}
.chart-grid>span:after{content:"";height:1px;flex:1;background:#ffffff07}
.bar-groups{position:relative;width:100%;padding-left:35px;display:flex;justify-content:space-around}
.bar-group{width:16%;display:flex;flex-direction:column;justify-content:end;align-items:center}
.bar-pair{display:flex;gap:7px;align-items:end;height:146px;width:100%;justify-content:center}
.bar-pair i{height:100%;max-width:28px;flex:1;border-radius:5px 5px 0 0;transform:scaleY(0);transform-origin:bottom;transition:transform 1.4s var(--ease) .2s}
.income-bar{background:linear-gradient(#0BA86B,#067A50)}
.expense-bar{background:#3A5346}
.ledger.in .bar-pair i{transform:scaleY(var(--scale))}
.bar-group>span{font-size:8px;color:var(--mute);margin-top:8px;direction:rtl;white-space:nowrap}
.chart-legend{display:flex;justify-content:center;gap:20px;font-size:10px;color:var(--mute);margin-top:15px}
.chart-legend>span{display:flex;align-items:center;gap:6px}
.chart-legend i{width:6px;height:6px;border-radius:2px;background:var(--green)}
.chart-legend>span:last-child i{background:#3A5346}
.ledger-progress{margin-top:21px;padding-top:16px;border-top:1px solid var(--line)}
.ledger-progress>span{display:flex;justify-content:space-between;font-size:10px;color:var(--mute)}
.progress{height:4px;border-radius:99px;background:#ffffff06;margin-top:10px;overflow:hidden}
.progress i{display:block;width:80%;height:100%;background:var(--green);border-radius:inherit;transform:scaleX(0);transform-origin:right;transition:transform 1.4s var(--ease)}
.ledger.in .progress i{transform:scaleX(1)}
.team{background:radial-gradient(ellipse at 20% 50%,#0BA86B07,transparent 55%)}
.team-scene{position:relative;padding-bottom:36px}
.team-panel{padding:28px}
.team-person{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:19px}
.avatar.large{width:43px;height:43px;font-size:19px}
.team-person>div{display:flex;flex-direction:column;flex:1}
.team-person strong{font-size:15px}
.team-person>div>span{font-size:10px;color:var(--mute)}
.team-panel>p{font-size:11px;color:var(--dim);margin:18px 0 10px}
.permission-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #ffffff06}
.permission-row .wallet{width:35px;height:35px;border-radius:9px}
.permission-row>div{flex:1;display:flex;flex-direction:column;min-width:0}
.permission-row strong{font-size:12px;font-weight:600}
.permission-row bdi{font-size:10px;color:var(--mute);align-self:flex-start}
.switch{position:relative;background:#2A3A31;width:39px;height:23px;border-radius:99px;padding:0;flex-shrink:0;border:1px solid #ffffff10}
.switch:before{content:"";position:absolute;inset:-10px -4px}
.switch span{display:block;width:17px;height:17px;border-radius:50%;background:#D9E8DF;position:absolute;top:2px;left:2px;transition:transform .3s var(--ease)}
.switch[aria-checked=true]{background:var(--green)}
.switch[aria-checked=true] span{transform:translateX(16px)}
.team-scene.in .switch[aria-checked=true] span{animation:switch-on .7s var(--ease) .4s both}
.permission-bottom{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--mute);padding-top:17px}
.permission-bottom .icon{width:13px;height:13px}
.night-note{position:absolute;bottom:15px;left:25px;background:#1A3024;border:1px solid #ffffff15;box-shadow:0 10px 30px #0005;border-radius:12px;display:flex;align-items:center;gap:9px;padding:11px 17px;color:#B2D2BD;font-size:11px;transform:rotate(-3deg)}
.night-note .icon{color:var(--fresh);width:18px;height:18px}
.scene-hint{position:absolute;bottom:-17px;right:0;left:0;font-size:10px;text-align:center;color:var(--mute)}
/* Devices */
.platforms{border-bottom:1px solid var(--line)}
.platform-card{position:relative;background:linear-gradient(145deg,#101D18,#09120E);border:1px solid var(--line);border-radius:22px;padding:25px 28px 29px;overflow:hidden;transition:transform .3s var(--ease)}
.platform-top{display:flex;align-items:center;gap:9px;color:var(--dim);font:400 12px Poppins,sans-serif;direction:ltr;justify-content:flex-end}
.platform-top .icon{width:22px;height:22px;color:var(--text)}
.platform-card h3{font-size:19px;margin:24px 0 10px}
.platform-card p{font-size:13px;line-height:1.9}
.device{width:172px;height:252px;margin:28px auto 0;position:relative;border:3px solid #35463D;background:#07100B;box-shadow:0 15px 35px #0008,inset 0 0 0 2px #000;border-radius:24px;padding:4px;transform:rotate(-6deg)}
.iphone-device{transform:rotate(6deg);border-color:#4C574E}
.device-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:6px;height:6px;background:#2B342E;z-index:2;border-radius:50%}
.phone-screen{border-radius:18px;overflow:hidden;width:100%;height:100%;background:linear-gradient(160deg,#15271C,#09120D);padding:13px 11px}
.phone-time{direction:ltr;display:flex;justify-content:space-between;font-size:7px;color:var(--dim);margin:-3px -2px 25px}
.phone-screen .brand{font-size:13px;gap:5px;display:flex;margin-bottom:23px}
.phone-screen .brand img{width:17px;height:23px}
.phone-connected{font-size:7px;display:flex;gap:6px;align-items:center;color:var(--mute);margin-bottom:15px}
.phone-connected .live-dot{width:4px;height:4px}
.phone-transfer{background:#162E20;border:1px solid #0BA86B28;border-radius:9px;display:flex;gap:6px;padding:9px 7px;align-items:center}
.phone-transfer .wallet{width:22px;height:22px;padding:3px;border-radius:5px}
.phone-transfer>span{font-size:7px;color:var(--dim);line-height:1.8}
.phone-transfer strong{display:block;color:var(--text);font-size:10px}
.phone-transfer>.icon{width:12px;height:12px;color:var(--green);margin-inline-start:auto}
.phone-lines{background:repeating-linear-gradient(0deg,transparent 0 15px,#ffffff06 15px 16px);height:45px;margin-top:12px}
.island{position:absolute;top:8px;left:50%;transform:translateX(-50%);height:10px;width:43px;border-radius:20px;background:#030704}
.iphone-device .phone-time{margin-bottom:18px}
.shortcut-icon{display:grid;place-items:center;width:33px;height:33px;margin:0 auto 10px;background:linear-gradient(145deg,#406382,#39335A);border-radius:9px;color:#CDDDE5}
.shortcut-icon .icon{width:20px;height:20px}
.iphone-device .phone-screen>strong{display:block;text-align:center;font-size:10px;margin-bottom:16px}
.shortcut-step{background:#ffffff08;border:1px solid var(--line);border-radius:7px;padding:7px 8px;display:flex;align-items:center;gap:6px;font-size:7px}
.shortcut-step .icon{width:12px;height:12px;color:var(--green)}
.shortcut-line{width:1px;height:13px;background:#0BA86B66;margin:auto}
.laptop{height:252px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:28px -11px 0;transform:rotate(-3deg)}
.laptop-screen{width:100%;background:#0B1710;border:4px solid #34443A;border-radius:11px 11px 0 0;padding:2px;box-shadow:0 20px 35px #0008;overflow:hidden}
.browser-bar{height:20px;display:flex;align-items:center;direction:ltr;background:#203025;gap:3px;padding:0 6px}
.browser-bar i{height:3px;width:3px;border-radius:50%;background:#607565}
.browser-bar>span{font:400 6px Poppins,sans-serif;color:#8AA593;margin:auto}
.laptop-ui{padding:12px 12px 17px}
.laptop-ui .brand{font-size:10px;gap:4px;justify-content:flex-end;display:flex;margin-bottom:12px}
.laptop-ui .brand img{width:12px;height:17px}
.laptop-ui>span{display:block;color:var(--dim);font-size:7px;margin-bottom:5px}
.laptop-ui>div{display:flex;align-items:center;gap:6px;padding:7px 0;border-bottom:1px solid var(--line);font-size:6px}
.laptop-ui .wallet{width:17px;height:17px;border-radius:4px;padding:2px}
.laptop-ui bdi{margin-inline-start:auto;font-size:8px}
.laptop-ui .icon{color:var(--green);width:10px;height:10px}
.laptop-base{width:110%;height:8px;background:linear-gradient(#576A5C,#243B2C);border-radius:0 0 80% 80%;box-shadow:0 6px 10px #0004}
/* Subscription */
.pricing{background:radial-gradient(ellipse at 50% 34%,#0BA86B08,transparent 60%)}
.billing-toggle{display:flex;justify-content:center;width:max-content;max-width:100%;gap:4px;background:#0D1812;border:1px solid var(--line);border-radius:99px;padding:5px;margin:0 auto 45px}
.billing-toggle button{background:transparent;font-size:13px;color:var(--dim);padding:9px 21px;min-height:45px;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.billing-toggle button span{font-size:9px;color:#61D59B;background:#0BA86B12;padding:2px 6px;border-radius:5px}
.billing-toggle button[aria-pressed=true]{background:#23382B;color:var(--text);box-shadow:0 3px 10px #0002}
.plan-grid{gap:20px;align-items:stretch}
.plan{padding:30px 28px;background:#0B1512;border:1px solid var(--line);border-radius:22px;position:relative}
.plan.featured{background:linear-gradient(160deg,#142B1E,#0D1C14);border:1px solid #0BA86B80;box-shadow:0 0 45px #0BA86B08}
.popular{position:absolute;right:25px;top:-14px;display:inline-block;background:var(--green);padding:3px 14px;border:1px solid #40BE8A;color:white;font-size:10px;border-radius:99px}
.plan-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}
.plan-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#ffffff05;border:1px solid var(--line);color:var(--dim)}
.featured .plan-symbol{background:#0BA86B15;color:#60D29F;border-color:#0BA86B22}
.plan h3{font-size:26px;font-weight:700}
.plan>p:first-of-type{font-size:12px;color:var(--dim)}
.price{display:flex;gap:10px;align-items:baseline;margin-top:26px}
.plan-price{font-size:46px;font-weight:600;line-height:1.4;letter-spacing:-1.5px}
.price>span{font-size:11px;color:var(--mute)}
.billing-note{font-size:10px;color:var(--mute);min-height:21px;margin:8px 0 25px}
.billing-save{font-size:13px;color:var(--dim)}.billing-save .was{text-decoration:line-through;text-decoration-color:rgba(238,246,242,.45);font-weight:600;color:var(--text)}.billing-save .gift{color:var(--fresh);font-weight:700}
.plan .button{width:100%;font-size:13px;min-height:47px;padding:10px 14px}
.plan ul{padding:25px 0 0;margin:26px 0 0;list-style:none;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:15px}
.plan li{font-size:12px;display:flex;align-items:flex-start;gap:8px;color:var(--dim)}
.plan li .icon{width:14px;height:14px;color:var(--green);margin-top:4px}
.plan li:first-child{color:var(--text)}
.pricing-guarantee{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;margin:26px 0 40px}
.pricing-guarantee .icon{width:16px;height:16px;color:var(--green)}
.pricing-guarantee>span{color:var(--mute);margin-inline-start:7px}
.included{padding:28px;background:#0C1712;box-shadow:none}
.included-heading{display:flex;align-items:center;gap:13px}
.included-icon{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;background:#0BA86B16;color:var(--green)}
.included h3{font-size:20px;font-weight:700}
.included-heading p{font-size:11px;margin-top:3px}
.included-file{margin-inline-start:auto;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:9px 13px;font-size:10px;color:var(--mute)}
.included-file .icon{width:17px;height:17px}
.included-file .icon:last-child{width:12px;height:12px;color:var(--green)}
.included-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 20px;padding-top:27px}
.included-grid .chip{font-size:12px}
.included-note{font-size:11px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:var(--mute)}
.enterprise{display:flex;align-items:center;gap:18px;padding:28px;border:1px solid var(--line);border-radius:22px;margin-top:20px;background:#0B1512}
.enterprise-icon{display:grid;place-items:center;width:44px;height:44px;background:#ffffff04;border:1px solid var(--line);border-radius:12px;color:var(--dim)}
.enterprise h3{font-size:21px}
.enterprise>div p{font-size:12px}
.enterprise-price{margin-inline-start:auto;font-size:12px;color:var(--dim)}
.enterprise-price bdi{font-size:27px;color:var(--text);margin-inline:5px}
.enterprise-price small{font-size:10px}
.enterprise .button{font-size:12px;min-height:44px;padding:8px 23px;margin-right:15px}
.refund-note{font-size:10px;color:var(--mute);text-align:center;margin:20px auto 0;max-width:700px}
/* Answers */
.faq-layout{display:grid;grid-template-columns:340px 1fr;gap:100px}
.faq-copy h2{margin-bottom:17px}
.faq-copy>p{font-size:14px}
.support-card{display:flex;gap:12px;align-items:center;margin-top:32px}
.support-card>.icon{width:43px;height:43px;background:#0BA86B0c;border:1px solid #0BA86B22;color:var(--green);border-radius:12px;padding:10px}
.support-card strong{font-size:12px;font-weight:600}
.support-card a{color:var(--green);font-size:11px;display:flex;gap:7px;align-items:center}
.support-card a .icon{width:14px;height:14px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:first-child{border-top:1px solid var(--line)}
.faq-question{display:flex;align-items:center;justify-content:space-between;gap:20px;background:transparent;width:100%;padding:23px 0;text-align:right;font-size:15px;font-weight:600;color:var(--dim);min-height:72px}
.faq-question[aria-expanded=true]{color:var(--text)}
.faq-plus{font:400 23px Poppins,sans-serif;color:var(--mute);transition:transform .3s var(--ease);line-height:1}
.faq-question[aria-expanded=true] .faq-plus{transform:rotate(45deg);color:var(--green)}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease);visibility:hidden}
.faq-answer>div{overflow:hidden;min-height:0}
.faq-answer.open{grid-template-rows:1fr;visibility:visible}
.faq-answer p{padding-bottom:23px;font-size:13px;line-height:2.1;padding-left:30px}
/* Closing scene */
.final-section{padding-bottom:90px}
.final-band{position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr 1fr;padding:64px;background:#0D1D14;border:1px solid #0BA86B24;border-radius:30px;overflow:hidden;align-items:center;gap:30px}
.final-glow{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 20% 60%,#0BA86B20,transparent 60%)}
.final-mark{margin-bottom:25px}
.final-mark .brand{font-size:17px}
.final-mark .brand img{width:20px;height:27px}
.final-copy h2{font-size:43px}
.final-copy>p{font-size:14px;margin-top:16px}
.final-copy .actions{justify-content:flex-start;margin-top:27px}
.final-copy .button{font-size:12px;padding:10px 20px;min-height:47px}
.final-copy .guarantee{justify-content:flex-start;font-size:10px;color:var(--mute);margin-top:15px}
.final-visual{position:relative;display:grid;place-items:center;min-height:300px}
.orbit{position:absolute;left:50%;top:50%;border:1px solid #0BA86B16;border-radius:50%;pointer-events:none;z-index:-1;transform:translate(-50%,-50%)}
.orbit-one{width:330px;height:330px}
.orbit-two{width:420px;height:420px;border-style:dashed}
.final-receipt{position:relative;width:268px;padding:30px 25px 23px;background:linear-gradient(145deg,#172D1E,#112318);border:1px solid #ffffff18;box-shadow:0 25px 50px #0005;border-radius:22px;display:flex;align-items:center;flex-direction:column;gap:13px;transform:rotate(-8deg)}
.final-receipt>span:not(.success-ring){font-size:13px;color:var(--dim)}
.final-receipt>strong{font-size:37px;font-weight:600}
.final-receipt>strong small{font-size:13px;color:var(--mute)}
.final-receipt>div{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:17px;width:100%;font-size:9px;color:var(--dim)}
.final-receipt>div .wallet{width:27px;height:27px;border-radius:7px;padding:3px}
.final-receipt>div>span:nth-child(2){flex:1}
.final-receipt>div small{display:block;font-size:8px;color:var(--mute)}
.final-receipt .status{font-size:8px;padding:2px 5px}
/* Footer */
.footer{border-top:1px solid var(--line);padding:55px 0 25px;background:#040A07}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:50px;padding-bottom:50px}
.footer-about p{font-size:13px;margin-top:16px}
.socials{display:flex;gap:10px;margin-top:22px}
.socials a{width:33px;height:33px;display:grid;place-items:center;background:#ffffff03;border:1px solid var(--line);border-radius:50%;color:var(--mute)}
.socials .icon{width:15px;height:15px}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:12px;color:var(--mute)}
.footer-col strong{color:var(--text);font-size:13px;font-weight:600;margin-bottom:7px}
.footer-col .latin{display:flex;align-items:center;gap:6px;font-size:10px}
.footer-col .icon{width:12px;height:12px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding-top:23px;font-size:10px;color:var(--mute)}
.footer-bottom>div{display:flex;gap:13px}
.footer-bottom .latin{font-size:10px}
@keyframes ping{0%{transform:scale(.5);opacity:.7}
80%,100%{transform:scale(1.7);opacity:0}
}
@keyframes marquee{to{transform:translateX(calc(-50% - 6px))}
}
@keyframes typing{0%,65%,100%{transform:translateY(0);opacity:.4}
30%{transform:translateY(-3px);opacity:1}
}
@keyframes spin{to{transform:rotate(360deg)}
}
@keyframes result-in{from{opacity:0;transform:translateY(9px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes switch-on{from{transform:translateX(0)}
to{transform:translateX(16px)}
}
@media(min-width:1550px){.hero{padding-top:70px}
.hero h1{font-size:72px}
.hero-stage{margin-top:78px}
}
@media(max-width:1100px){.nav{gap:30px}
.nav-actions{gap:15px}
.nav-links{gap:20px}
.split{gap:45px}
.container{width:calc(100% - 48px)}
.hero-stage{padding-inline:40px}
.pop-arrived{right:-27px}
.pop-fake{left:-23px}
.steps{gap:26px}
.step-title h3{font-size:16px}
.faq-layout{grid-template-columns:280px 1fr;gap:60px}
.plan{padding-inline:22px}
.enterprise{flex-wrap:wrap}
.enterprise-price{margin-inline-start:auto}
.final-band{padding:45px}
.final-copy h2{font-size:37px}
.final-copy .actions{gap:8px}
.final-copy .button{padding-inline:16px}
.footer-top{gap:30px}
}
@media(max-width:850px){.nav{gap:20px}
.nav-links{gap:17px;font-size:12px}
.nav-actions{gap:12px}
.sign-in{display:none}
.brand{font-size:18px}
.brand img{width:22px;height:30px}
.hero h1{font-size:50px}
.hero-stage{padding-inline:25px;margin-top:64px}
.dashboard-top{padding-inline:18px}
.dashboard-body{grid-template-columns:110px 1fr}
.dash-sidebar{padding-inline:9px}
.dash-sidebar>span{font-size:9px;padding-inline:7px;gap:6px}
.dash-main{padding-inline:18px}
.dash-title{font-size:10px;padding-right:15px}
.dashboard-top{gap:18px}
.online{font-size:8px}
.dash-kpis strong{font-size:20px}
.pop-arrived{right:-15px;top:108px;padding:12px}
.pop-arrived .wallet{margin-right:0}
.pop-arrived .pop-icon{display:none}
.pop-fake{left:-12px;padding:11px 13px;bottom:40px}
.pop-total{left:20px}
.transfer-row .status{font-size:8px}
.transfer-money{margin-inline-end:9px}
.split{gap:30px}
.feature-copy h2{font-size:33px}
.feature-copy p{font-size:14px}
.verify-panel,.ledger,.team-panel{padding:23px}
.three-grid{gap:15px}
.pain-card{padding-inline:20px}
.pain-visual{margin-inline:-20px}
.pain-card h3{font-size:19px}
.pain-card p{font-size:12px}
.steps{gap:17px}
.step-visual{transform:scale(.9);margin-inline:-10px}
.step-title{gap:9px}
.step-title h3{font-size:14px}
.step p{font-size:12px}
.platform-card{padding-inline:20px}
.platform-card h3{font-size:16px}
.platform-card p{font-size:12px}
.platform-grid{gap:14px}
.device{width:150px}
.laptop{margin-inline:0}
.plan h3{font-size:23px}
.plan{padding:27px 19px}
.plan-price{font-size:38px}
.price{gap:7px}
.plan li{font-size:11px}
.plan>p:first-of-type{font-size:11px}
.faq-layout{gap:45px;grid-template-columns:240px 1fr}
.faq-question{font-size:13px}
.final-band{padding:35px;grid-template-columns:1.2fr 1fr}
.final-copy h2{font-size:33px}
.final-copy .actions{flex-wrap:wrap;justify-content:flex-start}
.final-visual{transform:scale(.85);margin-inline:-25px}
.footer-top{gap:25px}
.footer-col{font-size:11px}
.nav .language{padding-inline:8px}
}
@media(max-width:700px){html{scroll-padding-top:88px}
.container{width:calc(100% - 40px)}
.section{padding-block:68px}
.site-header{background:#050B09e8}
.nav{height:74px;gap:10px}
.nav .brand{font-size:17px;gap:6px}
.nav .brand img{width:20px;height:27px}
.nav-actions{gap:9px}
.nav .language{font-size:9px;padding:5px 9px;gap:4px}
.nav .language .icon{width:12px;height:12px}
.nav-cta{min-height:36px;padding:5px 13px;font-size:10px}
.menu-toggle{display:flex;width:35px;height:35px}
.menu-toggle .icon{width:17px;height:17px}
.nav-links{position:absolute;top:73px;left:0;right:0;background:#0B1512;border-bottom:1px solid var(--line);display:none;flex-direction:column;gap:0;padding:10px 20px;box-shadow:0 20px 30px #0004}
.nav-links.open{display:flex}
.nav-links a{font-size:14px;padding:11px 7px}
.nav .sign-in{display:none}
.hero{padding-top:36px}
.hero .container{width:100%}
.hero-copy{padding-inline:20px}
.pill{font-size:10px;gap:7px;padding:5px 10px}
.pill strong{font-size:10px}
.pill .live-dot{width:5px;height:5px}
.hero h1{font-size:clamp(32px,7.6vw,47px);letter-spacing:-1.2px;line-height:1.65;margin:19px auto 14px}
.hero-sub{font-size:14px;max-width:330px;margin-inline:auto}
.hero .actions{gap:9px;margin-top:24px}
.hero .button{font-size:12px;padding:10px 18px;min-height:48px;gap:8px}
.hero .button .icon{width:16px;height:16px}
.hero-chips{gap:9px 16px;flex-wrap:wrap;max-width:330px;margin-inline:auto;margin-top:21px}
.hero-chips .chip{font-size:10px;gap:4px}
.hero-chips .icon{width:13px;height:13px}
.hero .guarantee{font-size:10px;margin-top:14px}
.hero-stage{margin-top:54px;width:100%;padding:22px 22px 89px;max-width:570px}
.dashboard{border-radius:13px;box-shadow:0 0 0 4px #ffffff03,0 25px 50px #0008}
.dashboard-top{height:48px;padding:0 13px;gap:12px}
.dashboard .brand{font-size:12px;gap:4px}
.dashboard .brand img{width:14px;height:20px}
.dash-title{display:none}
.dashboard-top .avatar{width:22px;height:22px;font-size:9px}
.dashboard-top .online{font-size:7px;gap:5px}
.online .live-dot{width:4px;height:4px}
.dashboard-body{display:block}
.dash-sidebar{display:none}
.dash-main{padding:18px 15px 0}
.dash-main h3{font-size:13px}
.date{font-size:7px}
.date .icon{width:9px;height:9px}
.dash-kpis{gap:15px;padding-block:16px;grid-template-columns:1fr 1fr .8fr}
.dash-kpis>div>span{font-size:8px}
.dash-kpis strong{font-size:20px;margin-top:4px}
.dash-kpis strong small{font-size:7px}
.mini-bars{height:40px;gap:3px}
.mini-bars i:nth-child(even){display:none}
.feed-heading{font-size:7px;padding-top:13px;padding-bottom:6px}
.feed-heading .live-dot{width:4px;height:4px}
.transfer-row{gap:8px;padding:11px 0}
.transfer-row .wallet{width:28px;height:28px;border-radius:7px;padding:3px}
.transfer-person strong{font-size:10px}
.transfer-person>span{font-size:7px}
.transfer-money{font-size:13px;margin-inline-end:5px;gap:3px}
.transfer-money small{font-size:7px}
.transfer-row .status{font-size:7px;padding:2px 5px;gap:3px}
.transfer-row .status .icon{width:9px;height:9px}
.feed-footer{font-size:7px;padding:12px 0}
.feed-footer .icon{width:9px;height:9px}
.pop-arrived{top:-21px;right:9px;padding:9px 12px;gap:9px;border-radius:11px}
.pop-arrived>div>span,.pop-arrived>div>small{font-size:8px}
.pop-arrived strong{font-size:18px}
.pop-arrived strong small{font-size:8px}
.pop-arrived .wallet{width:29px;height:29px;border-radius:8px;margin-right:5px}
.pop-total{top:auto;bottom:-54px;left:auto;right:0;padding:10px 13px;border-radius:11px;gap:8px}
.pop-total>.icon{width:21px;height:21px}
.pop-total strong{font-size:18px}
.pop-total>div>span{font-size:8px}
.pop-total>.live-dot{margin-inline-start:8px;width:5px;height:5px}
.pop-fake{bottom:-42px;left:0;padding:10px 11px;gap:7px;border-radius:10px;max-width:170px}
.pop-fake strong{font-size:8px;white-space:nowrap}
.pop-fake>div>small{font-size:6px}
.fake-symbol{width:21px;height:21px;font-size:12px;flex-shrink:0}
.hero-caption{font-size:10px;display:flex;align-items:center;justify-content:center;gap:4px;margin:-3px 20px 27px}
.senders{padding:24px 0 33px}
.senders h2{font-size:20px}
.senders .section-heading{margin-bottom:22px}
.senders .section-heading p{font-size:11px}
.sender-tile{min-width:150px;padding:8px 11px;gap:8px;font-size:10px}
.sender-tile .wallet{width:28px;height:28px}
.marquee{margin-block:9px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.marquee-track,.marquee-group{gap:9px}
.marquee-track{animation-name:marquee-mobile}
.section-heading{margin-bottom:32px}
h2{font-size:31px;letter-spacing:-.7px}
.section-heading p{font-size:13px;margin-top:13px}
.three-grid{grid-template-columns:1fr;gap:18px}
.pain-card{padding:0 25px 27px}
.pain-visual{height:205px;margin:0 -25px 22px}
.pain-card h3{font-size:23px}
.pain-card p{font-size:14px;max-width:420px}
.pain-grid{gap:20px}
.chat-scene{padding-inline:38px}
.chat-bubble{font-size:13px}
.steps{gap:30px}
.step{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center}
.step-visual{width:100%;height:208px;margin:0 0 18px;transform:none}
.step-title{gap:10px;margin-bottom:11px}
.step-title h3{font-size:19px}
.step-title b{width:29px;height:29px}
.step p{font-size:14px;max-width:340px}
.step-connector{width:1px;height:75%;top:35px;left:50%;right:auto;border-left:1px dashed #0BA86B33;opacity:.7;stroke:none;z-index:-1}
.split,.faq-layout{grid-template-columns:1fr;gap:35px}
.split.reverse .feature-copy{order:0}
.feature-copy h2{font-size:34px;line-height:1.5;margin-bottom:19px}
.feature-copy p{font-size:14px;line-height:2;margin-bottom:22px;max-width:none}
.eyebrow{font-size:12px;margin-bottom:12px}
.feature-point{font-size:12px;margin-top:14px}
.feature-point .icon{width:17px;height:17px}
.text-link{font-size:12px}
.verify-panel,.ledger,.team-panel{padding:23px 21px}
.panel-heading>span:first-child{font-size:14px;gap:7px}
.panel-heading>span:first-child>.icon{width:18px;height:18px}
.panel-heading{gap:7px}
.small-label{font-size:9px;padding:3px 7px}
.verify-intro{font-size:11px;margin-bottom:21px}
.verify-input-row{gap:8px}
.verify-input-row .button{font-size:13px;padding:10px 13px;min-width:91px;gap:7px}
.verify-input-row .button .icon{width:14px;height:14px}
.amount-field input{font-size:23px}
.verify-panel label{font-size:11px}
.verify-result{min-height:199px;padding:17px}
.demo-note{font-size:9px}
.match-details{gap:9px}
.match-details .wallet{width:32px;height:32px}
.match-details strong{font-size:12px}
.match-details .match-amount{font-size:21px}
.match-details small{font-size:8px}
.match-bottom{font-size:8px}
.match-top{font-size:11px}
.ledger-net strong{font-size:37px}
.ledger-stats strong{font-size:28px}
.ledger-stats>div>span{font-size:11px}
.feature-chips{gap:9px}
.feature-chips .chip{font-size:10px;padding:8px 10px}
.team-person strong{font-size:14px}
.team-person .small-label{font-size:8px;padding:3px 6px}
.team-person{gap:10px}
.team-person>div>span{font-size:9px}
.avatar.large{width:37px;height:37px;font-size:16px}
.permission-row{padding-block:15px}
.permission-row strong{font-size:12px}
.permission-row bdi{font-size:10px}
.permission-bottom{font-size:9px}
.night-note{left:15px;font-size:10px}
.platform-card{padding:24px 27px 28px}
.platform-grid{gap:20px}
.platform-top{justify-content:flex-end;font-size:13px}
.platform-card h3{font-size:21px}
.platform-card p{font-size:14px;max-width:400px}
.device{width:173px;height:250px}
.laptop{max-width:280px;margin-inline:auto}
.platform-card .laptop{height:252px}
.billing-toggle{border-radius:17px;gap:3px;padding:4px;margin-bottom:35px;width:100%}
.billing-toggle button{flex:1;font-size:11px;flex-direction:column;gap:2px;padding:9px 7px;border-radius:12px;min-height:61px}
.billing-toggle button span{font-size:8px;padding:1px 5px}
.plan{padding:28px 25px}
.plan h3{font-size:26px}
.plan-symbol{width:43px;height:43px}
.plan>p:first-of-type{font-size:13px}
.plan-price{font-size:48px}
.price>span{font-size:12px}
.billing-note{font-size:11px}.billing-save{font-size:14px}
.plan .button{font-size:14px;min-height:50px}
.plan ul{gap:16px}
.plan li{font-size:13px}
.plan-grid{gap:27px}
.pricing-guarantee{flex-wrap:wrap;gap:6px;font-size:10px;margin-bottom:29px}
.pricing-guarantee>span{margin-inline-start:0;font-size:9px}
.included{padding:23px 21px}
.included h3{font-size:19px}
.included-heading{gap:10px;flex-wrap:wrap}
.included-heading p{font-size:10px}
.included-file{display:none}
.included-grid{grid-template-columns:1fr;gap:13px;padding-top:23px}
.included-grid .chip{font-size:12px}
.included-note{font-size:10px;line-height:1.9}
.enterprise{padding:24px 22px;gap:13px}
.enterprise-icon{width:38px;height:38px}
.enterprise h3{font-size:21px}
.enterprise>div{flex:1}
.enterprise>div p{font-size:10px}
.enterprise-price{margin-inline-start:0;flex:1;white-space:nowrap}
.enterprise-price bdi{font-size:24px}
.enterprise-price small{font-size:9px}
.enterprise .button{margin:0;min-height:42px;padding:8px 18px;gap:8px}
.refund-note{font-size:9px;line-height:1.9}
.faq-layout{gap:30px}
.faq-copy h2{font-size:33px}
.faq-copy h2 br{display:none}
.faq-copy>p{font-size:13px}
.support-card{margin-top:21px}
.faq-question{font-size:14px;padding-block:21px;gap:14px;min-height:69px}
.faq-answer p{font-size:12px;padding-left:12px}
.final-section{padding-top:38px;padding-bottom:60px}
.final-band{grid-template-columns:1fr;padding:34px 25px 30px;gap:17px;border-radius:24px}
.final-copy h2{font-size:35px}
.final-copy>p{font-size:13px;max-width:280px}
.final-mark{margin-bottom:22px}
.final-copy .actions{flex-wrap:nowrap;gap:8px}
.final-copy .button{font-size:11px;padding:9px 14px;gap:7px;min-height:45px}
.final-copy .button .icon{width:15px;height:15px}
.final-copy .guarantee{font-size:9px}
.final-visual{transform:scale(.9);margin:0;min-height:310px}
.final-receipt{width:255px}
.orbit-one{width:290px;height:290px}
.orbit-two{width:360px;height:360px}
.footer{padding-top:40px}
.footer-top{grid-template-columns:1fr 1fr;gap:32px 25px;padding-bottom:35px}
.footer-about{grid-column:1/-1}
.footer-about .brand{font-size:22px}
.footer-about .brand img{width:25px;height:34px}
.footer-about p{font-size:13px}
.socials{margin-top:17px}
.socials a{width:37px;height:37px}
.footer-col{font-size:12px;gap:12px}
.footer-col strong{font-size:13px}
.footer-bottom{flex-wrap:wrap;justify-content:space-between;font-size:9px;gap:18px 10px}
.footer-bottom>span:last-child{width:100%;text-align:center;font-size:10px}
.footer-bottom .latin{font-size:9px}
}
@media(max-width:380px){.container{width:calc(100% - 32px)}
.nav-actions{gap:6px}
.nav .brand{font-size:15px;gap:5px}
.nav .brand img{width:18px;height:25px}
.nav .language{font-size:8px;padding-inline:7px}
.nav-cta{font-size:9px;padding-inline:11px}
.menu-toggle{width:32px;height:32px}
.hero h1{font-size:31px}
.hero-sub{font-size:13px}
.hero .button{padding-inline:14px;font-size:11px}
.hero .pill{font-size:9px}
.hero-stage{padding-inline:18px}
.hero-caption{font-size:9px}
.pop-fake{max-width:155px;padding-inline:9px}
.pop-fake strong{font-size:7px}
.pop-fake>div>small{font-size:5.8px}
.pop-total strong{font-size:16px}
.pop-total{padding-inline:10px}
.pop-total>.icon{width:17px;height:17px}
.pop-total>.live-dot{margin-inline-start:3px}
.dash-main{padding-inline:12px}
.transfer-money{font-size:12px}
.transfer-person strong{font-size:9px}
.transfer-row .status{font-size:6px;padding-inline:4px}
.final-band{padding-inline:22px}
.final-copy .button{font-size:10px;padding-inline:13px}
.match-details .match-amount{font-size:18px}
.match-bottom{font-size:7px}
.enterprise{padding-inline:20px}
.enterprise-price bdi{font-size:22px}
.enterprise .button{padding-inline:14px}
}
@keyframes marquee-mobile{to{transform:translateX(calc(-50% - 4.5px))}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.js .reveal,.pop{opacity:1!important;transform:none!important}
.dashboard-3d,.hero-stage.in .dashboard-3d{transform:none}
.mini-bars i{transform:scaleY(1)}
.bar-pair i{transform:scaleY(var(--scale))}
.progress i{transform:scaleX(1)}
.step-connector{stroke-dashoffset:0}
.marquee-track{transform:none;will-change:auto}
.spinner{border-color:var(--green)}
.switch[aria-checked=true] span{transform:translateX(16px)}
}
@media(min-width:701px){.hero{padding-top:36px}
.hero h1{font-size:clamp(42px,4.7vw,62px);line-height:1.4;margin-top:18px;margin-bottom:14px}
.hero .actions{margin-top:23px}
.hero-stage{margin-top:50px}
.hero-chips{margin-top:19px}
.hero .guarantee{margin-top:13px}
}
.js .pain-card.in:hover,.js .platform-card.in:hover{transform:translateY(-6px);transition:transform .3s var(--ease)}
@media(max-width:700px){.step-connector path{display:none}
}
.latin{direction:ltr;unicode-bidi:isolate}

/* Billing panels must stay hidden even though their grid has display:grid. */
.plan-grid[hidden]{display:none}
.period-saving{text-align:center;font-size:12px;color:var(--dim);margin:-28px 0 32px}

.store-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;margin-top:40px;padding-block:22px;border-top:1px solid var(--line);color:var(--dim);font-size:15px}
.store-strip p{margin:0;min-width:0}
.store-logos{display:flex;align-items:center;gap:22px;padding-bottom:14px}
.store-logos img{width:40px;height:40px;border-radius:10px;background:#fff;padding:4px;display:block}
.store-live.api{font:600 13px Poppins,sans-serif;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:8px 14px}
.partner-soon{display:inline-flex;position:relative;flex-shrink:0;opacity:.7}
.partner-soon small{position:absolute;top:100%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;color:var(--mute);margin-top:4px}

/* English shares the v2 composition with logical reading order and mirrored details. */
[lang=en] body{font-family:Poppins,sans-serif}
[lang=en] .hero h1{font-size:clamp(34px,4.2vw,62px);line-height:1.2}
[lang=en] .sender-tile,[lang=en] .bar-group>span{direction:ltr}
[lang=en] .marquee-track{animation-direction:reverse}
[lang=en] .marquee:nth-last-child(1) .marquee-track{animation-direction:normal}
[lang=en] .dash-title{border-right:0;padding-right:0;border-left:1px solid var(--line);padding-left:27px}
[lang=en] .dash-sidebar{border-left:0;border-right:1px solid var(--line)}
[lang=en] .amount-field input,[lang=en] .ledger-stats strong,[lang=en] .faq-question{text-align:left}
[lang=en] .ledger-stats>div:last-child{padding-right:0;border-right:0;padding-left:24px;border-left:1px solid var(--line)}
[lang=en] .faq-answer p{padding-left:0;padding-right:30px}
[lang=en] .progress i{transform-origin:left}
[lang=en] .enterprise .button{margin-right:0;margin-left:15px}
[lang=en] .popular{right:auto;left:25px}
@media(max-width:700px){
  [lang=en] .hero h1{font-size:34px}
  [lang=en] .dash-title{padding-left:10px}
  [lang=en] .faq-answer p{padding-right:12px}
  [lang=en] .enterprise .button{margin-left:0}
}
