/* Moneta Markets shared site foundation.
* Loaded by the homepage and every detail page from one canonical URL.
* Component-specific detail styles may extend this file, but must not fork it.
*/
/* Homepage Thai font, locally shared only by Footer and account components. */
@font-face {
font-family: "Moneta Shared Thai";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/noto-sans-thai-shared-thai.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
font-family: "Moneta Shared Thai";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/noto-sans-thai-shared-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Moneta Shared Thai";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/noto-sans-thai-shared-latin.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;
}
@font-face {
font-family: "Moneta Shared Thai";
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/noto-sans-thai-shared-thai.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
font-family: "Moneta Shared Thai";
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/noto-sans-thai-shared-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Moneta Shared Thai";
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/noto-sans-thai-shared-latin.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;
}
@font-face {
font-family: "Moneta Shared Thai";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/noto-sans-thai-shared-thai.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
font-family: "Moneta Shared Thai";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/noto-sans-thai-shared-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Moneta Shared Thai";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/noto-sans-thai-shared-latin.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;
}
@font-face {
font-family: "Moneta Shared Thai";
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/noto-sans-thai-shared-thai.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
font-family: "Moneta Shared Thai";
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/noto-sans-thai-shared-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Moneta Shared Thai";
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/noto-sans-thai-shared-latin.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;
}
@font-face {
font-family: "Moneta Shared Thai";
font-style: normal;
font-weight: 800;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/noto-sans-thai-shared-thai.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
font-family: "Moneta Shared Thai";
font-style: normal;
font-weight: 800;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/noto-sans-thai-shared-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Moneta Shared Thai";
font-style: normal;
font-weight: 800;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/noto-sans-thai-shared-latin.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;
}
@font-face {
font-family: "Moneta Shared Thai";
font-style: normal;
font-weight: 900;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/noto-sans-thai-shared-thai.woff2) format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
font-family: "Moneta Shared Thai";
font-style: normal;
font-weight: 900;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/noto-sans-thai-shared-latin-ext.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Moneta Shared Thai";
font-style: normal;
font-weight: 900;
font-stretch: 100%;
font-display: swap;
src: url(../fonts/noto-sans-thai-shared-latin.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;
}
/* Shared variable mono face. The later U+0030 face supplies an open zero at
each weight, including bare "JetBrains Mono" declarations. SF Pro is separate. */
@font-face{
font-family:"JetBrains Mono";
src:url("../fonts/jetbrains-mono-normal-variable.woff2") format("woff2");
font-style:normal;
font-weight:100 800;
font-display:swap;
}
@font-face{
font-family:"JetBrains Mono";
src:url("../fonts/moneta-mono-zero-normal-variable.woff2") format("woff2");
font-style:normal;
font-weight:100 800;
font-display:swap;
unicode-range:U+0030;
}
@font-face{
font-family:"JetBrains Mono";
src:url("../fonts/jetbrains-mono-italic-variable.woff2") format("woff2");
font-style:italic;
font-weight:100 800;
font-display:swap;
}
@font-face{
font-family:"JetBrains Mono";
src:url("../fonts/moneta-mono-zero-italic-variable.woff2") format("woff2");
font-style:italic;
font-weight:100 800;
font-display:swap;
unicode-range:U+0030;
}
@font-face{
font-family:"SF Pro";
src:url("../fonts/sf-pro-latin-variable.woff2?v=20260725-1") format("woff2");
font-style:normal;
font-weight:1 1000;
font-display:swap;
unicode-range:U+0020-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-214F,U+2190-21FF,U+2200-22FF,U+2300-23FF,U+2500-257F,U+25A0-25FF,U+2600-26FF,U+FE00-FE0F,U+FEFF,U+FFFD;
}
@font-face{
font-family:"SF Pro Text";
src:url("../fonts/sf-pro-latin-variable.woff2?v=20260725-1") format("woff2");
font-style:normal;
font-weight:1 1000;
font-display:swap;
unicode-range:U+0020-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-214F,U+2190-21FF,U+2200-22FF,U+2300-23FF,U+2500-257F,U+25A0-25FF,U+2600-26FF,U+FE00-FE0F,U+FEFF,U+FFFD;
}
@font-face{
font-family:"SF Pro Display";
src:url("../fonts/sf-pro-latin-variable.woff2?v=20260725-1") format("woff2");
font-style:normal;
font-weight:1 1000;
font-display:swap;
unicode-range:U+0020-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-214F,U+2190-21FF,U+2200-22FF,U+2300-23FF,U+2500-257F,U+25A0-25FF,U+2600-26FF,U+FE00-FE0F,U+FEFF,U+FFFD;
}
@font-face{
font-family:"Alibaba PuHuiTi 3.0";
src:url("../fonts/alibaba-puhuiti-400-cn.woff?v=20260814-2") format("woff");
font-style:normal;
font-weight:400;
font-display:swap;
unicode-range:U+2E80-2EFF,U+3000-303F,U+3400-9FFF,U+F900-FAFF,U+FF00-FFEF;
}
@font-face{
font-family:"Alibaba PuHuiTi 3.0";
src:url("../fonts/alibaba-puhuiti-500-cn.woff2?v=20260725-1") format("woff2");
font-style:normal;
font-weight:500;
font-display:swap;
unicode-range:U+2E80-2EFF,U+3000-303F,U+3400-9FFF,U+F900-FAFF,U+FF00-FFEF;
}
@font-face{
font-family:"Alibaba PuHuiTi 3.0";
src:url("../fonts/alibaba-puhuiti-600-cn.woff?v=20260814-2") format("woff");
font-style:normal;
font-weight:600;
font-display:swap;
unicode-range:U+2E80-2EFF,U+3000-303F,U+3400-9FFF,U+F900-FAFF,U+FF00-FFEF;
}
@font-face{
font-family:"Alibaba PuHuiTi 3.0";
src:url("../fonts/alibaba-puhuiti-700-cn.woff?v=20260814-2") format("woff");
font-style:normal;
font-weight:700;
font-display:swap;
unicode-range:U+2E80-2EFF,U+3000-303F,U+3400-9FFF,U+F900-FAFF,U+FF00-FFEF;
}
@font-face{
font-family:"Alibaba PuHuiTi 3.0";
src:url("../fonts/alibaba-puhuiti-800-cn.woff?v=20260814-2") format("woff");
font-style:normal;
font-weight:800;
font-display:swap;
unicode-range:U+2E80-2EFF,U+3000-303F,U+3400-9FFF,U+F900-FAFF,U+FF00-FFEF;
}
@font-face{
font-family:"Alibaba PuHuiTi 3.0";
src:url("../fonts/alibaba-puhuiti-900-cn.woff?v=20260814-2") format("woff");
font-style:normal;
font-weight:900;
font-display:swap;
unicode-range:U+2E80-2EFF,U+3000-303F,U+3400-9FFF,U+F900-FAFF,U+FF00-FFEF;
}
@font-face{
font-family:"Alibaba PuHuiTi 3.0";
src:url("../fonts/alibaba-puhuiti-900-tc-fallback.woff?v=20260814-2") format("woff");
font-style:normal;
font-weight:900;
font-display:swap;
unicode-range:U+4E26,U+4E9E,U+4F48,U+4F86,U+5009,U+500B,U+5011,U+502B,U+5099,U+50AD,U+50B3,U+50B5,U+50C5,U+50F9,U+5104,U+512A,U+5167,U+5169,U+518A,U+5225,U+5247,U+525B,U+52D5,U+52D9,U+52DE,U+52E2,U+52F5,U+532F,U+5340,U+5354,U+53C3,U+54E1,U+554F,U+555F,U+55AE,U+55CE,U+55F6,U+56B4,U+570B,U+570D,U+5713,U+5716,U+5718,U+57F7,U+5831,U+5834,U+5920,U+5B78,U+5BE6,U+5BE9,U+5BEB,U+5C07-5C08,U+5C0D-5C0E,U+5C62,U+5C64,U+5C6C,U+5E2B,U+5E33,U+5E36,U+5E63,U+5E6B,U+5E7E,U+5F37,U+5F4E,U+5F59,U+5F9E,U+6046,U+614B,U+616E,U+6182,U+61C9,U+61F7,U+6236,U+6383,U+639B,U+640D,U+64C1,U+64C7,U+64D4,U+64DA,U+64EC,U+64FE,U+652C,U+6578,U+65B7,U+6642,U+66A2,U+66C6,U+66F8,U+6703,U+687F,U+689D,U+696D,U+6975,U+69AE,U+69CB,U+69D3,U+6A19,U+6A23,U+6A5F,U+6A94,U+6B0A,U+6B50,U+6B61,U+6C23,U+6C7A,U+6C92,U+6CC1,U+6E2C,U+6E96,U+6EFF,U+6FDF,U+700F,U+70BA,U+7121,U+71B1,U+71DF,U+722D,U+723E,U+72C0,U+734E,U+7368,U+7372,U+73FE,U+7463,U+74B0,U+7522,U+756B,U+7576,U+767C,U+76E3-76E4,U+78BA,U+78BC,U+790E,U+79AE,U+7A05,U+7A2E,U+7A69,U+7AF6,U+7B46,U+7BC0,U+7BC4,U+7BE9,U+7C21,U+7C3D,U+7D00,U+7D04-7D05,U+7D0D,U+7D10,U+7D19-7D1A,U+7D39,U+7D42,U+7D50,U+7D55,U+7D61,U+7D66,U+7D71,U+7D93,U+7D9C,U+7DAD,U+7DB2,U+7DD2,U+7DDA,U+7DF4,U+7E3D,U+7FD2,U+8056,U+805E,U+806F,U+8077,U+8166,U+8207,U+842C,U+85A6,U+860B,U+862D,U+8655,U+865B,U+865F,U+8667,U+8853,U+88DD,U+88E1,U+88FD,U+8907,U+898B,U+898F,U+89BD,U+89C0,U+89F8,U+8A02,U+8A08,U+8A0A,U+8A17,U+8A2D,U+8A31,U+8A3B,U+8A55,U+8A5E,U+8A62,U+8A72,U+8A8C-8A8D,U+8A9E,U+8AAA,U+8AB2,U+8ACB,U+8AD6,U+8AFE,U+8B49,U+8B5C,U+8B70,U+8B77,U+8B7D,U+8B80,U+8B8A,U+8B93,U+8C50,U+8CA1,U+8CA8,U+8CAC,U+8CB4,U+8CBB,U+8CC7,U+8CEA,U+8CEC,U+8CF4,U+8CFD,U+8D08,U+8D0F,U+8E8D,U+8EDF,U+8F03,U+8F09,U+8F15,U+8F2A,U+8F38,U+8F44,U+8FA6,U+9019,U+9023,U+9031-9032,U+904B,U+904E,U+9054-9055,U+9060,U+9069,U+9072,U+9078,U+9081,U+9084,U+908A,U+90F5,U+9280,U+92B7,U+9322,U+9375,U+938A,U+9418,U+9577,U+9580,U+9583,U+958B,U+9593,U+95B1,U+95DC,U+9678,U+968A,U+968E,U+969B,U+96A8,U+96AA,U+96B1,U+96DC,U+96E2-96E3,U+96FB,U+9748,U+9801-9802,U+9805-9806,U+9810,U+9818,U+982D,U+983B,U+984C-984D,U+9858,U+985E,U+986F,U+98A8,U+994B,U+99AC,U+9A16,U+9A57,U+9A5F,U+9AD4,U+9B06,U+9EBC,U+9EC3,U+9EDE,U+9F4A;
}
/* Mobile Figma copy uses PuHuiTi Latin as well as its Chinese glyphs.
These faces are opt-in, preserving the site's SF Pro text elsewhere. */
@font-face{
font-family:"Alibaba PuHuiTi Mobile Latin";
src:url("../fonts/alibaba-puhuiti-400-mobile-latin.woff2") format("woff2");
font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0020-024F,U+2000-206F;
}
@font-face{
font-family:"Alibaba PuHuiTi Mobile Latin";
src:url("../fonts/alibaba-puhuiti-500-mobile-latin.woff2") format("woff2");
font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0020-024F,U+2000-206F;
}
@font-face{
font-family:"Alibaba PuHuiTi Mobile Latin";
src:url("../fonts/alibaba-puhuiti-600-mobile-latin.woff2") format("woff2");
font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0020-024F,U+2000-206F;
}
@font-face{
font-family:"Alibaba PuHuiTi Mobile Latin";
src:url("../fonts/alibaba-puhuiti-800-latin.woff2") format("woff2");
font-style:normal;font-weight:800;font-display:swap;unicode-range:U+0020-007E;
}
:root{
--bg:#06070b;
--bg-soft:#0b0d13;
--card:#0e1118;
--card-2:#11151d;
--line:rgba(255,255,255,0.10);
--line-soft:rgba(255,255,255,0.06);
--fg:#f3f5f8;
--muted:rgba(243,245,248,0.56);
--muted-2:rgba(243,245,248,0.38);
--accent:#138DFF;
--accent-deep:#0C55FC;
--blue:#138DFF;
--blue-deep:oklch(0.50 0.16 260);
--dot:#FF0033;
--green:oklch(0.82 0.14 165);
--green-bright:#00FF51;
--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
--mono-bold:var(--mono);
--display:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro","Noto Sans SC",sans-serif;
--body:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro","Noto Sans SC",sans-serif;
--mm-button-font:"Alibaba PuHuiTi 3.0","SF Pro Text","SF Pro","Noto Sans SC",sans-serif;
--mm-button-weight:800;
--mm-button-radius:100px;
--mm-button-14-font-size:14px;
--mm-button-14-height-34:34px;
--mm-button-14-height-40:40px;
--mm-button-14-hit-height:44px;
--mm-button-14-icon-size:17.5px;
--mm-button-14-padding-inline:24px;
--mm-button-16-font-size:16px;
--mm-button-16-height-44:44px;
--mm-button-16-height-48:48px;
--mm-button-16-icon-size:20px;
--mm-button-16-padding-inline:24px;
--mm-button-18-font-size:18px;
--mm-button-18-height-54:54px;
--mm-button-18-icon-size:22.5px;
--mm-button-18-padding-inline:24px;
--maxw:1568px;
--gutter:clamp(20px,5vw,44px);
--menu-gutter:clamp(14px,3vw,40px);
--menu-fill-max:1920px;
--page-scrollbar-width:0px;
--page-scrollbar-half:0px;
/* Cross-page semantic roles. Page styles may compose these roles, not redefine them. */
--mm-page-bg:#06070b;
--mm-page-fg:#f3f5f8;
--mm-page-muted:rgba(243,245,248,.7);
--mm-page-faint:rgba(243,245,248,.56);
--mm-page-line:rgba(255,255,255,.11);
--mm-page-line-strong:rgba(255,255,255,.2);
--mm-page-blue:#138dff;
--mm-page-blue-soft:#a5dbff;
--mm-page-red:#ff0033;
--mm-progress-rail-stops:#138dff,#a5dbff 78%,rgba(165,219,255,.22);
--mm-progress-rail-glow:rgba(19,141,255,.34);
--mm-page-title-gradient:linear-gradient(137.727deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%);
--mm-page-ease:cubic-bezier(.16,1,.3,1);
--mm-page-glass-shadow:0 -4px 20px rgba(6,7,11,.8),inset 0 2px 16px rgba(19,141,255,.12);
--surface-nav-fluid:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHJ4PSIzMCIgZmlsbD0iIzA2MDcwQiIgZmlsbC1vcGFjaXR5PSIuNiIvPgogIDxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHJ4PSIzMCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iLjAyIi8+CiAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgcng9IjMwIiBmaWxsPSJ1cmwoI3N1cmZhY2VGaWxsKSIgZmlsbC1vcGFjaXR5PSIuMTIiLz4KICA8cmVjdCB4PSIuNSIgeT0iLjUiIHN0eWxlPSJ3aWR0aDpjYWxjKDEwMCUgLSAxcHgpO2hlaWdodDpjYWxjKDEwMCUgLSAxcHgpIiByeD0iMjkuNSIgc3Ryb2tlPSJ1cmwoI3N1cmZhY2VTdHJva2UpIiBzdHJva2Utb3BhY2l0eT0iLjMiLz4KICA8ZGVmcz4KICAgIDxyYWRpYWxHcmFkaWVudCBpZD0ic3VyZmFjZUZpbGwiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLS4wMzU3MTQyMjIyIDEuOTUgLTEuOTAzNTA1NTU2IC0uMTY4NzM1OTM4IC41IDApIj4KICAgICAgPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMEQwRDBEIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDwvcmFkaWFsR3JhZGllbnQ+CiAgICA8cmFkaWFsR3JhZGllbnQgaWQ9InN1cmZhY2VTdHJva2UiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoLjUzOTUxNTI4NjMgMS41NjE5MDQ3NjIgLS42NzE0MDA3NzgyIC44NzQ0NDQ0NDQ0IC4xODkzNjk2NDk4IC0uNDAxNTg3MzAxNikiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDwvcmFkaWFsR3JhZGllbnQ+CiAgPC9kZWZzPgo8L3N2Zz4K");
--surface-nav-prop:url(../figma-live/surface-nav-prop.svg);
--surface-nav-madrid:url(../figma-live/surface-nav-madrid.svg);
--surface-form-input:url(../figma-live/surface-form-input-stroke.svg);
--surface-hero-card-default:url(../figma-live/surface-hero-card-default.svg);
--surface-hero-card-active:url(../figma-live/surface-hero-card-active.svg);
--mm-surface-hero-card-default-webkit:url("data:image/svg+xml;utf8,");
/* Safari active-card owner. This is the same complete material as the
known-correct Forex card: fill, soft edge light and an inside stroke. */
--mm-surface-hero-card-active-webkit:url("data:image/svg+xml;utf8,");
}
:root{
/* MM_REVIEW_SURFACE_TOKENS:START */
/* Generated from assets/figma-live/surface-review-card.svg; edit the SVG owner. */
--mm-surface-review-card:linear-gradient(rgba(255,255,255,0.08),rgba(255,255,255,0.08));
--mm-surface-review-stroke:radial-gradient(ellipse 43.942553191489% 56.335% at 50% -0.30487804878%,rgba(255,255,255,0.4),rgba(255,255,255,0));
/* MM_REVIEW_SURFACE_TOKENS:END */
--mm-surface-media-band:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTkyMCA4NiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwSDE5MjBWODZIMFoiIGZpbGw9IiMwNjA3MEIiIGZpbGwtb3BhY2l0eT0iLjYiLz48cGF0aCBkPSJNMCAwSDE5MjBWODZIMFoiIGZpbGw9InVybCgjYSkiIGZpbGwtb3BhY2l0eT0iLjEyIi8+PHBhdGggZD0iTTAgODUuNUgxOTIwIiBzdHJva2U9InVybCgjYikiIHN0cm9rZS1vcGFjaXR5PSIuOCIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9Ijk2MCIgeTE9Ijg1LjY2MzYiIHgyPSI5NjAiIHkyPSItLjMzNjQyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzBEMEQwRCIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMTM4REZGIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImIiIHgxPSIwIiB5MT0iMCIgeDI9IjE5MjAiIHkyPSIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iLjQ4MDc4IiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPgo=");
--mm-surface-account-card-default:url(../figma-live/surface-account-card-default.svg);
--mm-surface-account-card-selected:url(../figma-live/surface-account-card-selected.svg);
--mm-control-neutral-314:var(--mm-control-neutral-action);
--mm-control-blue-314:url(../figma-live/control-blue-314.svg);
/* Shared homepage action surfaces. Size variants change geometry only. */
--mm-control-neutral-action:url(../figma-live/control-neutral-163.svg);
--mm-control-red-action:url(../figma-live/control-red-131.svg);
--mm-control-blue-45:url(../figma-live/control-blue-45.svg);
--mm-surface-reg-card-default:url(../figma-live/surface-reg-card-default.svg);
--mm-surface-reg-card-default-wide:url(../figma-live/surface-reg-card-default-wide.svg);
--mm-control-reg-active-218:url(../figma-live/control-reg-active-218.svg);
--mm-control-reg-active-wide:url(../figma-live/control-reg-active-wide.svg);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:17px;line-height:1.7;letter-spacing:-0.005em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
html.js img[data-src],html.js img[data-srcset],html.js img[data-mm-source-ready]:not([data-mm-loaded="1"]){visibility:hidden}
html.js #revGrid:not(.is-visual-ready),html.js #mediaMarq:not(.is-visual-ready),html.js #regGrid:not(.is-visual-ready){visibility:hidden}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.eyebrow{font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:0.12em;color:var(--muted);display:inline-flex;align-items:center;gap:9px}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dot);box-shadow:0 0 12px 1px var(--dot)}
h1,h2,h3,h4{font-family:var(--display);font-weight:500;line-height:1.06;letter-spacing:-0.03em}
.h-hero{font-size:clamp(2.3rem,2.6vw,3.125rem);line-height:1.2}
.h-1{font-size:clamp(1.9rem,2.6vw,3.125rem);font-weight:860;color:#fff;line-height:1.4}
.h-2{font-size:clamp(1.5rem,3vw,2.3rem)}
.lead{color:var(--muted);font-size:clamp(1rem,1.3vw,1.16rem);max-width:52ch}
.text-balance{text-wrap:balance}
.accent{color:var(--accent)}
/* buttons: 14px navigation, 16px controls, 18px section CTAs */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--mm-button-font);font-weight:var(--mm-button-weight);padding:14px 24px;border-radius:100px;border:1px solid transparent;cursor:pointer;transition:transform .35s cubic-bezier(.2,.7,.3,1),background .3s,border-color .3s,color .3s;white-space:nowrap}
.btn .arr{transition:transform .35s cubic-bezier(.2,.7,.3,1)}
.btn:hover .arr{transform:translateX(4px)}
.btn-primary{position:relative;isolation:isolate;color:#fff;border:1px solid transparent;background:radial-gradient(47% 100% at 50% 0%,rgba(255,255,255,.32) 0%,rgba(255,191,204,.24) 25%,rgba(255,128,153,.16) 50%,rgba(255,64,102,.08) 75%,rgba(255,0,51,0) 100%) padding-box,linear-gradient(rgba(255,0,51,.8),rgba(255,0,51,.8)) padding-box,radial-gradient(114% 89% at 50% 107%,rgba(255,255,255,.6),rgba(255,255,255,0)) border-box,linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.3)) border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:none}
.btn-primary::before{content:"";position:absolute;z-index:-1;inset:-2px 6px 4px;border-radius:1000px;background:radial-gradient(closest-side,rgba(255,255,255,.6) 52.885%,rgba(255,0,51,.6) 100%);filter:blur(6px);opacity:1;transition:opacity .35s}
.btn-primary:hover{transform:translateY(-2px);box-shadow:none}
.btn-primary:hover::before{opacity:1}
.btn-primary .arr path{stroke:#fff}
.btn-blue{position:relative;isolation:isolate;color:#fff;border:1px solid transparent;background:radial-gradient(52% 100% at 50% 0%,rgba(255,255,255,.32),rgba(196,227,255,.24) 25%,rgba(137,198,255,.16) 50%,rgba(78,170,255,.08) 75%,rgba(19,141,255,0)) padding-box,linear-gradient(rgba(12,85,252,.9),rgba(12,85,252,.9)) padding-box,radial-gradient(114% 89% at 50% 107%,rgba(255,255,255,.6),rgba(255,255,255,0)) border-box}
.btn-blue::before{content:"";position:absolute;z-index:-1;inset:-2px 6px 4px;border-radius:1000px;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.6) 52.885%,rgba(19,141,255,.6) 100%);filter:blur(6px);opacity:1;transition:opacity .35s}
.btn-blue:hover{transform:translateY(-2px)}
.btn-blue .arr path{stroke:#fff}
.btn-ghost{position:relative;isolation:isolate;color:#fff;border:1px solid #fff;background:linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 200.66%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 -4px 8px rgba(154,180,255,.08)}
.btn-ghost::before{content:"";position:absolute;z-index:-1;inset:-2px 6px 4px;border-radius:1000px;background:rgba(255,255,255,.16);filter:blur(5px);opacity:1;transition:opacity .35s}
.btn-ghost:hover{transform:translateY(-2px);background:linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 200.66%);box-shadow:inset 0 -4px 8px rgba(154,180,255,.08)}
.btn-ghost:hover::before{opacity:1}
/* Canonical action slots used by the finalized Why page and every detail page. */
.btn[data-mm-action-slot="page"]{width:max-content;min-width:0;height:54px;padding:12px var(--mm-button-18-padding-inline);justify-content:center;gap:0;font-size:18px;line-height:normal;font-weight:var(--mm-button-weight)}
.btn[data-mm-action-slot="supporting"]{width:max-content;min-width:0;height:54px;padding:0 var(--mm-button-18-padding-inline);justify-content:center;gap:8px;font-size:18px;line-height:normal;font-weight:var(--mm-button-weight)}
.btn[data-mm-action-slot="flow"]{width:max-content;min-width:0;height:54px;padding:0 var(--mm-button-18-padding-inline);justify-content:center;font-size:18px;line-height:normal;font-weight:var(--mm-button-weight)}
.flow-cta-btn{font-size:18px;line-height:normal}
.dp .btn,.dp .tab,.dp .acct-state{font-family:var(--mm-button-font)}
.btn[data-mm-action-slot]>.arr{width:22.5px;height:22.5px;flex:none}
.btn>.arr{width:1.25em;height:1.25em;flex:none}
.btn[data-mm-action-slot="page"]>span:first-child{display:flex;align-items:center;justify-content:center;padding:0 8px}
/* Explicit size always wins over the legacy slot fallback above. */
.btn[data-mm-button-size]{width:max-content;min-width:0;max-width:100%;justify-content:center;border-radius:var(--mm-button-radius)}
.btn:is([data-mm-button-size="14-34"],[data-mm-button-size="14-40"]){padding-block:0;padding-inline:var(--mm-button-14-padding-inline);font-size:var(--mm-button-14-font-size);line-height:20px}
.btn[data-mm-button-size="14-34"]{height:var(--mm-button-14-height-34)}
.btn[data-mm-button-size="14-40"]{height:var(--mm-button-14-height-40)}
.btn:is([data-mm-button-size="16-44"],[data-mm-button-size="16-48"]){padding-block:0;padding-inline:var(--mm-button-16-padding-inline);font-size:var(--mm-button-16-font-size);line-height:normal}
.btn[data-mm-button-size="16-44"]{height:var(--mm-button-16-height-44)}
.btn[data-mm-button-size="16-48"]{height:var(--mm-button-16-height-48)}
.btn[data-mm-button-size="18-54"]{height:var(--mm-button-18-height-54);padding-inline:var(--mm-button-18-padding-inline);font-size:var(--mm-button-18-font-size);line-height:normal}
.btn[data-mm-button-size^="14-"]>.arr{width:var(--mm-button-14-icon-size);height:var(--mm-button-14-icon-size)}
.btn[data-mm-button-size^="16-"]>.arr{width:var(--mm-button-16-icon-size);height:var(--mm-button-16-icon-size)}
.btn[data-mm-button-size="18-54"]>.arr{width:var(--mm-button-18-icon-size);height:var(--mm-button-18-icon-size)}
.btn[data-mm-action-size="quote"]{padding:7px 16px;gap:0}
.btn[data-mm-action-size="quote"]:not([data-mm-button-size]){width:236.5px;min-width:236.5px;height:40px;font-size:14px;line-height:20px}
.btn[data-mm-action-size="quote"]>span:first-child{display:flex;align-items:center;justify-content:center;padding:0 8px 2px}
.btn[data-mm-action-size="table"]{width:118px;min-width:118px;padding:0 12px;gap:6px}
.btn[data-mm-action-size="table"]:not([data-mm-button-size]){height:34px;font-size:14px;line-height:20px}
.btn[data-mm-action-size]>.arr{width:14px;height:14px}
.btn[data-mm-button-width="fill"]{width:100%;min-width:0;max-width:100%}
.dp .btn[disabled],.dp .btn[aria-disabled="true"]{opacity:.44;cursor:not-allowed;pointer-events:none}
@media(prefers-reduced-motion:reduce){.dp .btn,.dp .btn .arr{transition:none!important}.dp .btn:hover,.dp .btn:active{transform:none!important}}
/* Canonical detail-page frame and title roles. */
.mm-page-frame,.dp-wrap{width:min(1280px,calc(100% - 128px));margin-inline:auto}
.mm-section-title,.dp-title{font-family:var(--display);font-size:50px;line-height:70px;font-weight:900}
.mm-hero-title,.dp-app-hero h1,.dp-fx-hero h1,.dp-fund-hero h1{font-size:50px;line-height:60px}
:is(.mm-page,.dp) [data-mm-hero-title="display"]{font-family:var(--display);font-weight:900}
:is(.mm-page,.dp) [data-mm-hero-title="editorial"]{font-family:var(--display);font-weight:860}
@media(min-width:1280px) and (max-width:1407px){.mm-page-frame,.dp-wrap{width:min(1280px,calc(100% - 64px))}}
@media(max-width:1279px){.mm-page-frame,.dp-wrap{width:min(960px,calc(100% - 48px))}}
@media(max-width:760px){.mm-page-frame,.dp-wrap{width:calc(100% - 40px)}.mm-section-title,.dp-title{font-size:36px;line-height:45px}.mm-hero-title,.dp-app-hero h1,.dp-fx-hero h1,.dp-fund-hero h1{font-size:36px;line-height:45px}}
@media(max-width:420px){.mm-page-frame,.dp-wrap{width:calc(100% - 32px)}.mm-section-title,.dp-title{font-size:32px;line-height:40px}.mm-hero-title,.dp-app-hero h1,.dp-fx-hero h1,.dp-fund-hero h1{font-size:32px;line-height:38.4px}}
/* Canonical hero choreography shared by Why and every detail Hero. */
@keyframes mm-hero-object-breathe{from{transform:translateY(0) scale(1)}to{transform:translateY(-8px) scale(1.006)}}
@keyframes mm-hero-title-sheen{from{background-position:115% 50%,0 50%}to{background-position:-15% 50%,0 50%}}
@keyframes mm-hero-glow-breathe{from{opacity:.72}to{opacity:1}}
/* Canonical progressive reveal and three-beat Hero entrance. */
html.dp-enhanced.dp-motion-enabled .dp [data-dp-reveal]{opacity:0;translate:0 22px;transition:opacity .7s var(--mm-page-ease),translate .8s var(--mm-page-ease);transition-delay:var(--mm-reveal-stagger,var(--dp-stagger,0ms))}
html.dp-enhanced.dp-motion-enabled .dp [data-dp-reveal][data-mm-hero-card-motion]{transition:opacity .7s var(--mm-page-ease),translate .8s var(--mm-page-ease),transform var(--mm-hero-card-motion-duration,.5s) var(--mm-hero-card-motion-ease,cubic-bezier(.34,1.98,.5,1));transition-delay:var(--mm-reveal-stagger,var(--dp-stagger,0ms)),var(--mm-reveal-stagger,var(--dp-stagger,0ms)),0ms}
html.dp-enhanced.dp-motion-enabled .dp [data-dp-reveal].is-visible{opacity:1;translate:0 0}
html.no-js .dp [data-dp-reveal]{opacity:1;translate:0 0}
html.dp-enhanced.dp-motion-enabled .dp [data-dp-reveal][data-mm-hero-reveal="title"]{transition-duration:.64s,.64s;transition-delay:80ms}
html.dp-enhanced.dp-motion-enabled .dp [data-dp-reveal][data-mm-hero-reveal="lede"]{transition-duration:.64s,.64s;transition-delay:160ms}
html.dp-enhanced.dp-motion-enabled .dp [data-dp-reveal][data-mm-hero-reveal="media"]{transition-duration:.82s,.82s;transition-delay:240ms}
.pg-text .btn-ghost{border:1px solid transparent;background:radial-gradient(100% 89.5% at 50% 0%,rgba(19,141,255,.25) 0%,rgba(7,12,27,.25) 62.863%) padding-box,linear-gradient(#070c1b,#070c1b) padding-box,linear-gradient(145deg,#138dff 27.64%,#070c1b 55.795%,#f03 79.211%,#ff8918 100%) border-box;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 2px 8px rgba(19,141,255,.25)}
.pg-text .btn-ghost::before{background:radial-gradient(closest-side,rgba(255,255,255,.6) 52.885%,rgba(19,141,255,.6) 100%);filter:blur(5px)}
.btn-sub-red{position:relative;isolation:isolate;color:#fff;border:1px solid transparent;background:radial-gradient(100% 89.5% at 50% 0%,rgba(255,0,51,.25) 0%,rgba(7,12,27,.25) 62.863%) padding-box,linear-gradient(#070c1b,#070c1b) padding-box,linear-gradient(145deg,#ff8918 0%,#f03 35.379%,#070c1b 65.615%,#138dff 100%) border-box;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 2px 8px rgba(255,111,68,.25)}
.btn-sub-red::before{content:"";position:absolute;z-index:-1;inset:-2px 6px 4px;border-radius:1000px;background:radial-gradient(closest-side,rgba(255,193,186,.6) 52.885%,rgba(255,0,51,.6) 100%);filter:blur(6px);opacity:1;transition:opacity .35s}
.btn-sub-red:hover{transform:translateY(-2px)}
.btn-sub-red .arr path{stroke:#fff}
.btn-sm{padding:10px 18px;font-size:14px}
.arr{width:15px;height:15px;display:block;flex:none}
/* nav */
header{position:fixed;inset:0 0 auto 0;z-index:100;background:linear-gradient(180deg,rgba(6,7,11,.9) 0%,rgba(6,7,11,0) 100%);padding:12px var(--menu-gutter) 8px;transition:background .4s}
header .nav{border-radius:30px;background:radial-gradient(320% 196% at 50% 0%,rgba(255,255,255,0.12) 0%,rgba(13,13,13,0) 100%),rgba(6,7,11,0.6);border:1px solid rgba(255,255,255,.03);box-shadow:0 0 20px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);transition:background .4s,box-shadow .4s}
header.scrolled .nav{background:radial-gradient(320% 196% at 50% 0%,rgba(255,255,255,0.1) 0%,rgba(13,13,13,0) 100%),rgba(8,10,15,0.9)}
.nav{position:relative;width:100%;max-width:calc(min(calc(100vw - var(--page-scrollbar-width)),var(--menu-fill-max)) - var(--menu-gutter) - var(--menu-gutter));margin:0 auto;display:flex;align-items:center;justify-content:center;gap:50px;height:60px;padding:0 16px}
.nav-shell-morph{display:none}
.nav-pills{display:flex;align-items:center;gap:10px;flex:1 1 0%;min-width:0;opacity:1;transform:translateX(0);transition:flex-grow .58s cubic-bezier(.22,.8,.24,1),flex-basis .58s cubic-bezier(.22,.8,.24,1),max-width .58s cubic-bezier(.22,.8,.24,1),opacity .28s ease .14s,transform .42s cubic-bezier(.22,.8,.24,1),visibility 0s linear}
.nav-core{display:contents}
.nav-links-side{flex:none;margin:0}
.brand-center{flex:none;margin:0 2px}
.brand{display:flex;align-items:center;gap:10px;flex:none}
.brand-logo{height:32px;width:auto;display:block;transition:transform .5s cubic-bezier(.22,.8,.24,1)}
@media(min-width:981px){.brand-logo{transform:translateX(-10px)}}
@media(max-width:600px){.brand-logo{height:27px}}
.brand .mark{width:24px;height:24px;display:grid;place-items:center}
.brand .mark svg{width:24px;height:24px}
/* language switcher */
:root{
--mm-option-fx-surface:linear-gradient(90deg,rgba(91,136,190,.025),rgba(220,237,255,.055),rgba(91,136,190,.025));
--mm-option-fx-shadow:inset 0 0 0 1px rgba(224,235,247,.055),inset 0 1px 0 rgba(255,255,255,.035);
--mm-option-fx-halo:radial-gradient(ellipse at center,rgba(255,255,255,.18) 0%,rgba(204,226,250,.095) 34%,rgba(112,168,233,.032) 62%,transparent 78%);
--mm-option-fx-edges:linear-gradient(90deg,transparent 0%,rgba(171,207,248,.04) 14%,rgba(202,226,252,.18) 34%,rgba(248,252,255,.46) 50%,rgba(202,226,252,.18) 66%,rgba(171,207,248,.04) 86%,transparent 100%) top/100% 1px no-repeat,linear-gradient(90deg,transparent 0%,rgba(141,191,246,.055) 14%,rgba(190,221,252,.22) 33%,rgba(253,254,255,.64) 50%,rgba(190,221,252,.22) 67%,rgba(141,191,246,.055) 86%,transparent 100%) bottom/100% 1px no-repeat;
}
.lang{position:relative;display:flex;align-items:center;height:60px}
.lang-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--body);font-size:14px;font-weight:600;color:var(--muted);background:rgba(255,255,255,0.04);border:1px solid var(--line);border-radius:100px;padding:0;width:36px;height:36px;justify-content:center;cursor:pointer;transition:color .25s,background .25s}
.lang-btn:hover{color:var(--fg);background:rgba(255,255,255,0.08)}
.lang-globe{display:block;width:24px;height:24px;max-width:none;flex:none}
.lang-label{display:none}
.lang-chev{display:none}
.lang-menu{--lang-option-fx-inset:8px;--lang-option-radius:16px;--lang-option-fx-y:8px;--lang-option-fx-h:42px;--lang-option-fx-x:50%;position:absolute;top:calc(100% + 8px);right:-22px;isolation:isolate;min-width:184px;overflow:hidden;background:radial-gradient(110% 90% at 0% -20%,rgba(19,141,255,.10),transparent 66%),radial-gradient(90% 78% at 100% -20%,rgba(255,0,51,.055),transparent 72%),linear-gradient(180deg,rgba(18,24,35,.985),rgba(7,10,16,.975));-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);border:1px solid rgba(255,255,255,.085);border-radius:20px;padding:8px;box-shadow:0 28px 68px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.035);display:flex;flex-direction:column;gap:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-7px,0) scale(.985);transform-origin:100% 0;transition:opacity .22s ease-out,transform .34s cubic-bezier(.16,1,.3,1),visibility 0s linear .34s;z-index:120}
.lang-menu::after{content:"";position:absolute;z-index:0;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(101,175,255,.28) 28%,rgba(255,255,255,.16) 50%,rgba(255,74,98,.18) 72%,transparent);pointer-events:none}
.lang.open .lang-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1);transition:opacity .2s ease-out,transform .38s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s}
.lang-menu>.lang-option-hover-fx{position:absolute;z-index:0;left:var(--lang-option-fx-inset);right:var(--lang-option-fx-inset);top:0;height:var(--lang-option-fx-h);overflow:hidden;border-radius:var(--lang-option-radius);background:var(--mm-option-fx-surface);box-shadow:var(--mm-option-fx-shadow);opacity:0;transform:translate3d(0,var(--lang-option-fx-y),0);transform-origin:50% 50%;pointer-events:none;will-change:auto;transition:transform .42s cubic-bezier(.16,1,.3,1),height .32s cubic-bezier(.16,1,.3,1),opacity .22s cubic-bezier(.4,0,.2,1)}
.lang-menu>.lang-option-hover-fx::before{content:"";position:absolute;left:0;top:50%;width:242px;height:96.8px;border-radius:50%;background:var(--mm-option-fx-halo);filter:blur(15.4px);opacity:.504;transform:translate3d(calc(var(--lang-option-fx-x) - 121px),-50%,0);transition:transform .2s cubic-bezier(.22,.8,.24,1)}
.lang-menu>.lang-option-hover-fx::after{content:"";position:absolute;left:0;top:0;width:180px;height:100%;background:var(--mm-option-fx-edges);opacity:.483;transform:translate3d(calc(var(--lang-option-fx-x) - 90px),0,0);transition:transform .22s cubic-bezier(.22,.8,.24,1)}
.lang-menu.lang-option-fx-visible>.lang-option-hover-fx{opacity:1}
.lang-menu:is(.lang-option-fx-visible,.lang-option-fx-seeding)>.lang-option-hover-fx{will-change:transform,opacity}
.lang-menu.lang-option-fx-seeding>.lang-option-hover-fx{transition:none!important}
.lang-option{position:relative;z-index:1;display:grid;grid-template-columns:6px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:42px;text-align:left;font-family:var(--body);font-size:14px;line-height:20px;font-weight:600;color:rgba(243,245,248,.72);background:transparent;border:0;border-radius:var(--lang-option-radius);padding:0 12px;box-shadow:none;cursor:pointer;transition:color .22s ease,background-color .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1)}
.lang-option::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dot);box-shadow:0 0 8px rgba(255,0,51,.62);opacity:0;transform:translateX(0) scale(.6);transition:opacity .22s ease,transform .3s cubic-bezier(.16,1,.3,1)}
.lang-option>span{min-width:0;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.lang-option:hover,.lang-option:focus,.lang-option:focus-visible{color:#fff;background-color:rgba(126,140,157,.10);box-shadow:inset 0 0 0 1px rgba(224,232,240,.05),inset 0 1px 0 rgba(255,255,255,.028);outline:none}
.lang-option:focus-visible{box-shadow:inset 0 0 0 1px rgba(214,220,227,.22),inset 0 1px 0 rgba(255,255,255,.028)}
.lang-menu.lang-option-fx-ready .lang-option:is(:hover,:focus,:focus-visible){background-color:rgba(126,140,157,.028);box-shadow:none}
.lang-menu.lang-option-fx-ready .lang-option:focus-visible{box-shadow:inset 0 0 0 1px rgba(214,220,227,.22),inset 0 1px 0 rgba(255,255,255,.028)}
.lang-option:is(:hover,:focus,:focus-visible)>span{transform:translateX(3px)}
.lang-option.on{color:#fff}
.lang-option.on::before{opacity:1;transform:translateX(0) scale(1)}
.lang-option.on:is(:hover,:focus,:focus-visible)::before{transform:translateX(3px) scale(1)}
@media(prefers-reduced-motion:reduce){.lang-menu,.lang-option,.lang-option::before,.lang-option>span,.lang-menu>.lang-option-hover-fx,.lang-menu>.lang-option-hover-fx::before,.lang-menu>.lang-option-hover-fx::after{transition:none!important}.lang-menu>.lang-option-hover-fx{will-change:auto!important}}
@media(max-width:980px){.lang-btn{width:36px;height:36px}}
@media(min-width:1081px) and (max-width:1199px){.lang-menu{right:-20px}}
@media(min-width:601px) and (max-width:1080px){.lang-menu{right:-76px}}
@media(max-width:600px){.lang-menu{right:-54px}}
.nav-links{display:flex;align-items:center;gap:0;height:100%}
.nav-links a{position:relative;display:inline-flex;align-items:center;justify-content:center;height:100%;width:100px;font-size:16px;font-weight:700;line-height:26px;color:rgba(255,255,255,.7);white-space:nowrap;padding:15px 14px 17px;border-radius:0;transition:color .36s cubic-bezier(.32,0,.2,1),text-shadow .42s cubic-bezier(.32,0,.2,1)}
.nav-hover-fx{--nav-fx-x:0px;position:absolute;z-index:0;left:0;top:0;width:1px;height:100%;opacity:0;transform:translate3d(var(--nav-fx-x),0,0);will-change:auto;pointer-events:none;transition:opacity .36s cubic-bezier(.4,0,.2,1)}
.nav-hover-fx::before{content:"";position:absolute;left:0;top:50%;width:184px;height:74px;border-radius:50%;background:radial-gradient(ellipse 74px 32px at 50% 53%,rgba(255,255,255,.14) 0%,rgba(224,238,255,.075) 38%,rgba(138,184,245,.025) 68%,rgba(70,122,202,0) 100%),radial-gradient(ellipse 118px 52px at 50% 53%,rgba(93,159,247,.055) 0%,rgba(75,135,218,.018) 55%,rgba(55,103,180,0) 90%);filter:blur(17px);transform:translate3d(-50%,-50%,0);pointer-events:none;transition:width .48s cubic-bezier(.16,1,.3,1),height .48s cubic-bezier(.16,1,.3,1)}
.nav-hover-fx::after{content:"";position:absolute;left:0;top:0;width:148px;height:100%;transform:translateX(-50%);background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(169,201,244,.035) 13%,rgba(188,215,250,.14) 33%,rgba(239,247,255,.42) 50%,rgba(188,215,250,.14) 67%,rgba(169,201,244,.035) 87%,rgba(255,255,255,0) 100%) top/100% 1px no-repeat,linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(149,197,255,.065) 13%,rgba(188,222,255,.26) 32%,rgba(253,254,255,.82) 50%,rgba(188,222,255,.26) 68%,rgba(149,197,255,.065) 87%,rgba(255,255,255,0) 100%) bottom/100% 1px no-repeat;pointer-events:none;transition:width .48s cubic-bezier(.16,1,.3,1)}
.drawer-mobile-highlight.is-selected .nav-hover-fx,.nav.nav-hover-visible .nav-hover-fx,.nav:has(.nav-links a:focus) .nav-hover-fx,.nav:has(.nav-links a[aria-expanded="true"]) .nav-hover-fx{opacity:1;transition:opacity .48s cubic-bezier(.32,0,.2,1)}
.nav:is(.nav-hover-visible,.nav-hover-crossing,.nav-hover-cross-reveal) .nav-hover-fx,.nav:has(.nav-links a:focus) .nav-hover-fx,.nav:has(.nav-links a[aria-expanded="true"]) .nav-hover-fx{will-change:transform,opacity}
.nav.nav-hover-cross-reveal .nav-hover-fx{transition:opacity .34s cubic-bezier(.16,1,.3,1)!important}
.nav.nav-hover-crossing .nav-hover-fx{opacity:0!important;transition:opacity .2s cubic-bezier(.4,0,.6,1)!important}
.drawer-mobile-tab.is-selected,.nav-links a:hover,.nav-links a:focus,.nav-links a:focus-visible,.nav-links a[aria-expanded="true"]{color:#fff;background:transparent;outline:none;text-shadow:0 0 9px rgba(255,255,255,.18),0 0 20px rgba(92,158,244,.11)}
.nav-links a:focus-visible{border-radius:12px;outline:1px solid rgba(172,202,244,.46);outline-offset:-9px}
.nav-right{display:flex;align-items:center;gap:8px;flex:1 1 0%;justify-content:flex-end;min-width:0;padding:0 6px;opacity:1;transform:translateX(0);transition:flex-grow .58s cubic-bezier(.22,.8,.24,1),flex-basis .58s cubic-bezier(.22,.8,.24,1),max-width .58s cubic-bezier(.22,.8,.24,1),padding .48s cubic-bezier(.22,.8,.24,1),opacity .28s ease .14s,transform .42s cubic-bezier(.22,.8,.24,1),visibility 0s linear}
.nav-right .btn-sm{width:76px;height:34px;padding:0;justify-content:center;font-size:14px;line-height:normal}
.nav-right>.lang{margin-left:4px}
@media(min-width:1081px){
:root{--gutter:44px;--menu-gutter:40px}
header{transform:translate3d(0,0,0);will-change:transform;transition:transform .36s cubic-bezier(.22,1.18,.36,1),background .4s}
header.nav-hidden{transform:translate3d(0,calc(-100% - 2px),0);pointer-events:none;transition:transform .26s cubic-bezier(.4,0,.8,1),background .4s}
.nav-core{position:relative;z-index:1;display:flex;align-items:center;gap:47px;height:60px;flex:none;transform:translate3d(0,0,0);transform-origin:center;will-change:transform,opacity;backface-visibility:hidden;transition:transform .36s cubic-bezier(.22,1.32,.36,1) .055s,opacity .2s ease .055s}
.nav-pills,.nav-right{position:absolute;top:50%;z-index:2;flex:none;max-width:none;opacity:1;will-change:transform,opacity;backface-visibility:hidden}
.nav-pills{left:16px;transform:translate3d(0,-50%,0);transform-origin:left center;transition:transform .36s cubic-bezier(.22,1.32,.36,1) .03s,opacity .2s ease .03s}
.nav-right{right:16px;transform:translate3d(0,-50%,0);transform-origin:right center;transition:transform .36s cubic-bezier(.22,1.32,.36,1) .08s,opacity .2s ease .08s}
header.nav-hidden .nav-core{transform:translate3d(0,-8px,0);opacity:0;transition:transform .18s cubic-bezier(.4,0,.75,1),opacity .14s ease}
header.nav-hidden .nav-pills,header.nav-hidden .nav-right{opacity:0;transition:transform .18s cubic-bezier(.4,0,.75,1),opacity .14s ease}
header.nav-hidden .nav-pills,header.nav-hidden .nav-right{transform:translate3d(0,calc(-50% - 8px),0)}
.nav-hover-fx::before{width:184px;height:74px}
.nav-hover-fx::after{width:148px}
}
@media(prefers-reduced-motion:reduce){header,header .nav,.nav-core,.nav-pills,.nav-right,.brand-logo,.nav-links a,.nav-hover-fx,.nav-hover-fx::before,.nav-hover-fx::after{transition:none!important}.nav-hover-fx{will-change:auto}}
@media(prefers-reduced-motion:reduce){.nav.nav-hover-crossing .nav-hover-fx,.nav.nav-hover-cross-reveal .nav-hover-fx{transition:none!important}}
.prop-pill{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:590;color:#fff;background:linear-gradient(180deg,rgba(0,255,81,0.096) 0%,rgba(0,255,81,0.024) 100%),rgba(6,7,11,0.6);border:none;border-radius:100px;padding:0 16px;height:38px;box-shadow:0 2px 6px rgba(0,0,0,0.28),inset 0 2px 12px 2px rgba(0,255,81,0.08);transition:box-shadow .25s,background .25s;white-space:nowrap}
html[lang="th"] [data-menu-locale-exclude~="th"],
[data-menu-locale-exclude][hidden]{display:none}
.lang-btn{height:32px;width:32px}
.pp-logo{width:16px;height:16px;flex:none}
.prop-pill:hover{box-shadow:0 2px 6px rgba(0,0,0,0.28),inset 0 2px 16px 3px rgba(0,255,81,0.16)}
.mm-compact{display:none;width:16px;height:16px}
/* MM × MADRID static badge */
.mm-madrid{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:115px;height:38px;padding:0 14px;font-family:var(--body);font-weight:700;font-size:14px;color:#f0f4ff;background:linear-gradient(180deg,rgba(19,141,255,0.32) 0%,rgba(255,255,255,0.08) 100%),rgba(6,7,11,0.6);border:none;border-radius:100px;box-shadow:0 2px 6px rgba(0,0,0,0.28),inset 0 2px 12px 2px rgba(255,255,255,0.08);transition:background .25s,box-shadow .25s}
.mm-madrid:hover{box-shadow:0 2px 6px rgba(0,0,0,0.28),inset 0 2px 16px 3px rgba(120,170,255,.28)}
.mm-madrid-art{position:absolute;left:-5px;top:-23px;width:139px;height:61px;overflow:hidden;border-radius:25px;pointer-events:none;z-index:0}
.mm-madrid-art img{position:absolute;left:4px;top:4px;width:152px;height:64px;max-width:none;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}
.mm-text-window{position:relative;z-index:1;display:inline-flex;align-items:center;overflow:hidden;white-space:nowrap}
.mm-text{position:relative;z-index:1;white-space:nowrap}
.mm-text .x{margin:0 2px;color:#FF3355;font-weight:900}
@media(max-width:1280px){
.prop-pill{padding:0;width:32px;justify-content:center}
.pp-label{display:none}
.mm-madrid{min-width:0;width:32px;padding:0;gap:0}
.mm-text{display:none}
}
.btn-login{padding:13px 18px}
/* mega dropdown */
.has-mega{position:static}
.megas{position:absolute;left:0;right:0;top:100%;z-index:90;pointer-events:none;padding:0}
.mega{position:absolute;top:0;left:0;right:0;width:100%;border-radius:0 0 22px 22px;border:1px solid rgba(255,255,255,.1);background:rgba(11,13,19,.96);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 40px 90px rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:opacity .24s,visibility .24s}
.mega.show{opacity:1;visibility:visible;pointer-events:auto}
.mega-inner{display:grid;grid-template-columns:1fr 1fr 1fr 1.05fr;gap:30px;padding:36px var(--gutter);max-width:var(--maxw);margin:0 auto}
.mega-inner.g3{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1180px}
.mega-inner.g2{grid-template-columns:minmax(0,560px);max-width:1180px;justify-content:center}
.mega-inner.menu-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mega-inner.menu-cols-1{grid-template-columns:minmax(0,560px);max-width:1180px;justify-content:center}
.mega-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.mega-heading{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}
.mega-heading .mega-en{font-size:9px;font-weight:500;letter-spacing:.12em;color:var(--muted-2)}
.mega-heading.mega-subhead{margin-top:22px}
.mega-heading::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dot);box-shadow:0 0 8px var(--dot);flex:none}
.mega-col a{position:relative;display:flex;align-items:center;gap:12px;min-height:50px;color:rgba(243,245,248,.72);font-size:14.5px;padding:9px 10px;margin:0 -10px;border-radius:12px;border:1px solid transparent;transition:color .25s,background .25s,border-color .25s,box-shadow .25s,transform .25s cubic-bezier(.2,.7,.3,1)}
.mega-col a:hover{color:var(--fg);background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.mega-col .mi{width:28px;height:28px;flex:none;display:grid;place-items:center;color:#94a9cb;font-family:var(--display);font-weight:600;font-size:13px;transition:color .25s cubic-bezier(.2,.7,.3,1),transform .25s cubic-bezier(.2,.7,.3,1)}
.mega-col .mi>svg{width:20px;height:20px;overflow:visible}
.mega-col .mi>svg :is(path,rect,circle,line,polyline,polygon,ellipse){stroke-width:inherit;stroke-linecap:round;stroke-linejoin:round;vector-effect:none}
.mega-col a:hover .mi{color:#fff;transform:translateY(-1px)}
.mega-col a:hover .mi svg{filter:drop-shadow(0 2px 7px rgba(19,141,255,.65))}
.mega-col .mt{display:flex;flex-direction:column;gap:1px}
.mega-col .mtt{font-weight:600;color:var(--fg);display:flex;align-items:center;gap:6px}
.mega-col .mts{font-size:12px;color:var(--muted-2);font-weight:500}
.badge{font-size:9px;font-weight:700;color:#fff;padding:1px 6px;border-radius:20px;letter-spacing:.04em}
.badge.hot,.badge.new,.badge.ai{background:#D6002B}
@media(max-width:1080px){.megas{display:none}}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:100px;width:46px;height:46px;color:var(--fg);cursor:pointer}
.menu-btn svg{margin:auto;width:18px}
.drawer{position:fixed;inset:0;z-index:99;background:rgba(6,7,11,0.94);backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 var(--gutter);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s,visibility 0s linear .4s}
.drawer.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s}
.drawer>a{font-family:var(--display);font-size:2rem;font-weight:500;color:var(--muted);padding:10px 0;border-bottom:1px solid var(--line-soft);transition:color .25s}
.drawer>a:hover{color:var(--fg)}
.drawer a.drawer-detail-link{position:relative;min-height:44px;padding:8px 0 8px 18px;font-family:var(--body);font-size:1rem;font-weight:650;color:rgba(243,245,248,.66)}
.drawer a.drawer-detail-link::before{content:"";position:absolute;left:1px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(19,141,255,.58);transform:translateY(-50%)}
@media(max-width:980px) and (max-height:760px){.drawer{justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;padding-top:calc(88px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}}
/* hero */
.hero{--hero-banner-width:1280px;position:relative;height:805px;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:62px;padding:116px 0 0;overflow:hidden}
.hero-photo{position:absolute;z-index:0;left:50%;bottom:0;width:1920px;height:840px;max-width:none;transform:translate3d(-50%,var(--parallax-y,0px),0);overflow:hidden}
.hero-photo::after{content:none}
.hero-grad{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(6,7,11,.28) 0%,rgba(6,7,11,0) 22%,rgba(6,7,11,0) 58%,rgba(6,7,11,.9) 100%)}
.hero-inner{position:relative;z-index:3;width:100%;max-width:calc(var(--hero-banner-width) + var(--gutter) + var(--gutter));height:505px;display:flex;align-items:center}
.hero-copy{position:relative;z-index:2;max-width:692px}
.hero-headline{display:flex;flex-direction:column;justify-content:flex-end;min-height:2.4em;margin:0 0 12px;max-width:none;white-space:nowrap;font-weight:900;background:linear-gradient(180deg,#ffffff 26%,#dfe6f2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-headline .accent{-webkit-text-fill-color:var(--accent);color:var(--accent)}
.hero-headline .hero-title-brand,.hero-headline .hero-title-main{display:block}
.hero-headline .hero-title-brand{font-family:"SF Pro Display","SF Pro",var(--display);font-size:.84em;line-height:1.428571;font-weight:860;letter-spacing:0}
.hero-headline .hero-title-main{font-family:var(--display);font-size:1em;line-height:1.2;font-weight:900;letter-spacing:0}
html[lang^="zh"] .hero-headline[data-hero-copy-index="0"] .hero-title-main{letter-spacing:6px}
html[lang="th"] .hero-headline .hero-title-main{font-size:.78em}
.hero-sub{font-size:clamp(1.05rem,1.4vw,1.25rem);color:rgba(255,255,255,.62);max-width:46ch}
.hero-media-panel{opacity:0;visibility:hidden;transition:opacity .62s cubic-bezier(.2,.7,.3,1),visibility 0s linear .62s;will-change:auto}
.hero-media-panel.active{opacity:1;visibility:visible;transition-delay:0s}
#top.is-motion-active .hero-media-panel{will-change:opacity}
.hero-video-frame.hero-media-panel{transition:none;will-change:auto}
.hero-media-panel.hero-media-instant{transition:none!important}
.hero-backdrop-panel{position:absolute;z-index:0;left:50%;bottom:0;width:1920px;height:840px;max-width:none;transform:translate3d(-50%,0,0);overflow:hidden}
.hero-media-column{position:absolute;z-index:1;top:0;bottom:0;left:calc(50% + 20px);right:calc(var(--gutter) + 8px);pointer-events:none}
.hero-media-frame{position:absolute;right:-250px;top:calc(50% + 17.5px);width:1156px;height:650px;transform:translate3d(0,-50%,0);overflow:hidden;background:#06070b}
.hero-video-frame{isolation:isolate;contain:paint;overflow:hidden;background:#06070b}
.hero-video-viewport{position:absolute;z-index:0;inset:14px 25px;overflow:hidden;contain:paint;background:#06070b;-webkit-clip-path:inset(.5px);clip-path:inset(.5px);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 64%,rgba(0,0,0,.985) 68%,rgba(0,0,0,.94) 72%,rgba(0,0,0,.86) 76%,rgba(0,0,0,.75) 80%,rgba(0,0,0,.62) 84%,rgba(0,0,0,.47) 87%,rgba(0,0,0,.32) 90%,rgba(0,0,0,.19) 92.5%,rgba(0,0,0,.1) 94.5%,rgba(0,0,0,.04) 96%,rgba(0,0,0,.01) 97.5%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(180deg,#000 0%,#000 64%,rgba(0,0,0,.985) 68%,rgba(0,0,0,.94) 72%,rgba(0,0,0,.86) 76%,rgba(0,0,0,.75) 80%,rgba(0,0,0,.62) 84%,rgba(0,0,0,.47) 87%,rgba(0,0,0,.32) 90%,rgba(0,0,0,.19) 92.5%,rgba(0,0,0,.1) 94.5%,rgba(0,0,0,.04) 96%,rgba(0,0,0,.01) 97.5%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
.hero-video-left-fade{position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.01) 2%,rgba(0,0,0,.04) 4%,rgba(0,0,0,.1) 6%,rgba(0,0,0,.19) 8.5%,rgba(0,0,0,.32) 11%,rgba(0,0,0,.47) 14%,rgba(0,0,0,.62) 17%,rgba(0,0,0,.75) 20%,rgba(0,0,0,.86) 23%,rgba(0,0,0,.94) 26%,rgba(0,0,0,.985) 29%,#000 32%,#000 100%);mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.01) 2%,rgba(0,0,0,.04) 4%,rgba(0,0,0,.1) 6%,rgba(0,0,0,.19) 8.5%,rgba(0,0,0,.32) 11%,rgba(0,0,0,.47) 14%,rgba(0,0,0,.62) 17%,rgba(0,0,0,.75) 20%,rgba(0,0,0,.86) 23%,rgba(0,0,0,.94) 26%,rgba(0,0,0,.985) 29%,#000 32%,#000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
.hero-video-frame video{position:absolute;z-index:0;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;display:block;background:#06070b;transform:scale(1.03);transform-origin:50% 50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.hero-video-poster{position:absolute;z-index:1;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;display:block;background:#06070b;transform:scale(1.03);transform-origin:50% 50%;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.hero-video-frame.is-video-frame-ready .hero-video-poster{opacity:0;visibility:hidden}
.hero-video-frame::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:
linear-gradient(90deg,rgba(6,7,11,0) 0%,rgba(6,7,11,0) 77%,rgba(6,7,11,.06) 81%,rgba(6,7,11,.24) 86%,rgba(6,7,11,.62) 92%,rgba(6,7,11,.96) 97%,#06070b 100%),
linear-gradient(180deg,#06070b 0%,rgba(6,7,11,.92) 3%,rgba(6,7,11,.54) 8%,rgba(6,7,11,.18) 14%,rgba(6,7,11,0) 20%,rgba(6,7,11,0) 100%)}
.hero-video-frame:not(.is-video-frame-ready),.hero-video-frame:not(.is-video-frame-ready) .hero-video-viewport{background:transparent}
.hero-video-frame:not(.is-video-frame-ready)::after{opacity:0}
html.wire .hero-video-frame{display:grid;place-items:center;background:#262625!important}
html.wire .hero-video-frame video{display:none}
html.wire .hero-video-frame::before{content:"影片";position:relative;z-index:1;color:var(--muted);font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:.08em}
.signup-bar{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;margin:40px 0 0;width:460px;max-width:100%}
.signup-field-shell{position:relative;width:396px;max-width:calc(100% - 64px);height:48px;flex:1 1 396px;min-width:0}
.signup-field{position:relative;width:100%;height:48px;display:flex;align-items:center;gap:8px;overflow:visible;border:0;border-radius:100px;padding:0 20px;background:transparent;box-shadow:none;transition:box-shadow .3s}
html:not(.wire) .signup-field::before{content:"";position:absolute;z-index:0;inset:-1px;border-radius:25px;padding:0;background:var(--surface-form-input) center/100% 100% no-repeat;-webkit-mask:none;mask:none;pointer-events:none}
html:not(.wire) .signup-field>*{position:relative;z-index:1}
.signup-field-icon,.signup-field-eye{display:block;width:20px;height:20px;max-width:none;flex:none}
.signup-field input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:#fff;-webkit-text-fill-color:#fff;caret-color:#8fc9ff;color-scheme:dark;-webkit-appearance:none;appearance:none;font-family:"SF Pro",-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.signup-field input::placeholder{color:rgba(255,255,255,.6);opacity:1}
.signup-field input:focus{background:transparent;color:#fff;-webkit-text-fill-color:#fff}
.signup-field input::selection{background:rgba(19,141,255,.38);color:#fff;-webkit-text-fill-color:#fff}
.signup-field input:-webkit-autofill,
.signup-field input:-webkit-autofill:hover,
.signup-field input:-webkit-autofill:focus,
.signup-field input:-webkit-autofill:active{
-webkit-text-fill-color:#fff!important;
caret-color:#8fc9ff;
-webkit-background-clip:text;
background-clip:text;
transition:background-color 9999s ease-out 0s
}
.signup-field input:autofill{
color:#fff!important;
-webkit-text-fill-color:#fff!important;
caret-color:#8fc9ff;
background-color:transparent!important;
-webkit-background-clip:text;
background-clip:text
}
.signup-bar .btn{height:48px}
.btn-infield{position:absolute;z-index:2;top:0;right:0;width:111px;height:48px!important;padding:12px 16px;justify-content:center;flex:none;font-size:16px;font-weight:var(--mm-button-weight);line-height:normal}
.btn-infield>span{display:flex;align-items:center;justify-content:center;padding:0 8px 2px}
.btn-icon{width:52px;height:48px;padding:12px 16px;justify-content:center;flex:0 0 52px}
.btn-icon img{display:block;width:20px;height:20px;max-width:none}
/* terminal quote card */
.terminal{position:relative;border-radius:22px;border:1px solid var(--line);background:rgba(13,16,23,0.66);backdrop-filter:blur(14px);padding:24px;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.term-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.term-pair{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:600;font-size:17px}
.term-pair .dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.term-chg{font-family:var(--display);font-weight:600;font-size:14px;color:var(--green)}
.term-price{font-family:var(--display);font-weight:600;font-size:clamp(2.4rem,4vw,3.2rem);letter-spacing:-0.03em;line-height:1;margin-bottom:6px}
.term-px-l{font-size:13px;color:var(--muted-2);margin-bottom:20px}
.term-chart{height:84px;margin:0 -4px 18px;display:block}
.term-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.term-cell{border:1px solid var(--line-soft);border-radius:13px;padding:12px 14px;background:rgba(255,255,255,0.02)}
.term-cell .l{font-size:11px;color:var(--muted-2);letter-spacing:.06em}
.term-cell .v{font-family:var(--display);font-weight:600;font-size:18px;margin-top:3px}
.float-tag{position:absolute;display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--fg);background:rgba(13,16,23,0.85);border:1px solid var(--line);border-radius:100px;padding:8px 13px;backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.float-tag .pill{font-size:10px;font-weight:700;letter-spacing:.05em;color:#0a0b0f;background:var(--accent);border-radius:100px;padding:2px 8px}
.float-tag.t1{top:-16px;right:24px}
.float-tag.t2{bottom:-16px;left:18px}
/* promo strip */
.promo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:54px}
.promo-item{display:flex;align-items:center;gap:13px;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:rgba(14,17,24,0.5)}
.promo-item .pico{width:38px;height:38px;border-radius:10px;flex:none;display:grid;place-items:center;border:1px solid var(--line-soft);background:linear-gradient(145deg,#1a2030,#0c0f17);color:var(--accent)}
.promo-item .pico svg{width:19px;height:19px}
.promo-item .t{font-family:var(--display);font-weight:500;font-size:15px}
.promo-item .d{font-size:12.5px;color:var(--muted-2);margin-top:1px;line-height:1.4}
/* section scaffolding */
section{position:relative}
.sec{padding:clamp(72px,10vh,128px) 0}
.sec-center{text-align:center;max-width:720px;margin:0 auto clamp(48px,6vh,72px)}
.sec-center .eyebrow{justify-content:center;margin-bottom:18px}
.sec-center .lead{margin:10px auto 0}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;margin-bottom:48px}
.sec-head .lead{margin-top:16px}
/* stats */
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat{padding:32px 28px;border-radius:20px;border:1px solid var(--line);background:var(--card);text-align:center}
.stat .n{font-family:var(--display);font-weight:600;font-size:clamp(2.2rem,3.6vw,3rem);letter-spacing:-0.03em;line-height:1;background:linear-gradient(120deg,#fff,#9fb0cc);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat .l{color:var(--muted);font-size:14px;margin-top:12px}
/* ticker */
.ticker{display:flex;align-items:center;overflow:hidden;border:none;padding:40px 0;margin:0 0 100px;white-space:nowrap;user-select:none;-webkit-user-select:none}
.ticker-track{display:inline-flex;flex:none;gap:32px;align-items:center}
.tk{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid transparent;border-radius:100px;padding:8px 24px 8px 14px;background:radial-gradient(131.69px 70px at 50% 0%,rgba(255,255,255,.12) 0%,rgba(13,13,13,0) 100%) padding-box,linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)) padding-box,radial-gradient(90% 120% at 90% 82%,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 100%) border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 16px #000;transform-origin:center center;will-change:auto}
.tk>.tk-copy{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.tk .ico{width:50px;height:50px;border-radius:50%;flex:none;overflow:hidden}
.tk .ico img{width:100%;height:100%;margin:0;object-fit:cover;display:block}
.tk .nm{font-family:"SF Pro",var(--body);font-weight:510;font-size:16px;line-height:1.2}
.tk .sb{font-family:var(--display);font-weight:500;font-size:14px;color:rgba(255,255,255,.7);line-height:1.2}
/* generic card grid */
.grid-auto{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{position:relative;padding:30px 26px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,var(--card-2),var(--card));overflow:hidden;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.2,.7,.3,1),border-color .3s}
.card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,0.2)}
.card .tag{font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:0.08em;color:var(--muted-2);border:1px solid var(--line);border-radius:100px;padding:5px 12px;align-self:flex-start;margin-bottom:26px}
.card h4{font-size:1.25rem;margin-bottom:10px}
.card p{color:var(--muted);font-size:14.5px;margin-bottom:20px;flex:1}
.card .glow{position:absolute;width:150px;height:150px;border-radius:50%;right:-50px;top:-50px;background:radial-gradient(circle,oklch(0.6 0.14 255 / .32),transparent 70%);filter:blur(6px);opacity:0;transition:opacity .45s}
.card:hover .glow{opacity:1}
.card .learn{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--muted)}
.card:hover .learn{color:var(--fg)}
/* account cards — selectable (scales 3 / 4 / 5 across) */
.acct-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}
.acct{position:relative;padding:25px;border-radius:20px;border:1px solid transparent;background:linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.04) 100%) padding-box,linear-gradient(145deg,rgba(255,255,255,.12) 0%,rgba(6,7,11,0) 46.5485%,rgba(255,255,255,.12) 100%) border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:24px;text-align:left;font-family:inherit;color:inherit;cursor:pointer;transition:transform .4s cubic-bezier(.2,.7,.3,1),background .3s ease,border-color .3s ease,box-shadow .3s ease}
.acct--with-meta{gap:7.142857px}
.acct-meta{z-index:2;min-height:20px;display:flex;align-items:center;gap:12px;color:var(--mm-page-faint);font-size:12px;line-height:20px;font-weight:700}
.acct-meta__index{color:var(--mm-page-blue-soft);font-family:var(--mono);font-size:11px;line-height:20px;font-weight:750}
.acct.sel{transform:none;border:1px solid transparent;border-radius:20px;background:radial-gradient(105% 40% at 50% 0%,rgba(19,141,255,.2) 5.6894%,rgba(6,7,11,0) 88.7835%) padding-box,linear-gradient(rgba(19,141,255,.24),rgba(19,141,255,.24)) padding-box,linear-gradient(145deg,rgba(19,141,255,.8),rgba(255,255,255,0)) border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -4px 20px rgba(6,7,11,.8)}
.acct:hover{transform:translateY(-8px)}
.acct.sel::before{display:none}
.acct.sel>*{position:relative;z-index:1}
.acct.sel>.flag{position:absolute;z-index:3}
.acct.sel:hover{border-color:transparent}
.acct .flag{position:absolute;top:-13px;right:25px;left:auto;height:29px;transform:none;background:radial-gradient(34.7px 29px at 50% 0%,rgba(255,255,255,.12) 0%,rgba(255,0,51,0) 100%) padding-box,radial-gradient(80.57px 39.74px at 50% 0%,rgba(255,0,51,.8) 5.6894%,rgba(255,0,51,0) 88.7835%) padding-box,linear-gradient(#f03,#f03) padding-box,radial-gradient(32.44px 16.24px at 50% 0%,rgba(255,255,255,.6),rgba(255,255,255,0)) border-box,linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.1)) border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid transparent;box-shadow:none;color:#fff;font-size:12px;line-height:15px;font-weight:700;padding:5px 12px 7px;border-radius:20px;white-space:nowrap;z-index:2}
.acct-head{height:82px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.acct-en{font-family:var(--display);font-weight:500;font-size:16px;line-height:28px;color:#fff;padding-right:30px}
.acct-name,[data-mm-account-component] .acct-name{font-family:var(--display);font-weight:700;font-size:36px;line-height:50px;letter-spacing:0;color:#fff;text-shadow:0 0 6px rgba(19,141,255,.6),0 0 20px rgba(19,141,255,.8);margin:0}
.acct-desc{height:60px;min-height:60px;font-size:14px;line-height:20px;color:#fff;font-weight:500}
.acct.sel .acct-desc{color:#a1d1ff}
.acct ul{height:176px;list-style:none;margin:0}
.acct li{height:44px;display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.12);font-size:14px;line-height:20px;color:rgba(255,255,255,.6)}
.acct li:last-child{border-bottom:0}
.acct li b{color:#fff;font-weight:510;font-family:var(--display)}
.acct-state,[data-mm-account-component] .acct-state{position:relative;isolation:isolate;height:48px;flex-shrink:0;margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-align:center;font-family:var(--mm-button-font);font-size:16px;font-weight:var(--mm-button-weight);color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 200.66%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #fff;box-shadow:inset 0 -4px 8px rgba(154,180,255,.08);border-radius:100px;padding:0 16px;transition:background .3s,border-color .3s}
.acct-state::after{content:"";position:absolute;z-index:-1;inset:-2px 6px 4px;border-radius:1000px;background:rgba(255,255,255,.16);filter:blur(5px)}
.acct.sel .acct-state{background:radial-gradient(52.04px 48px at 50% 0%,rgba(255,255,255,.32) 0%,rgba(196,227,255,.24) 25%,rgba(137,198,255,.16) 50%,rgba(78,170,255,.08) 75%,rgba(19,141,255,0) 100%),rgba(12,85,252,.9);color:#fff;border:1px solid #fff;box-shadow:none;transform:none}
.acct.sel .acct-state::after{inset:-2px 6px 4px;background:radial-gradient(49.5px 23px at 50% 50%,rgba(255,255,255,.6) 52.885%,rgba(196,227,255,.6) 64.663%,rgba(137,198,255,.6) 76.442%,rgba(78,170,255,.6) 88.221%,rgba(19,141,255,.6) 100%);filter:blur(6px);opacity:1}
.acct.sel .acct-state::before{content:"";width:7px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin:0 6px 3px;flex:none}
/* open-account flow — open step band (no card container) */
.flow-panel{margin-top:clamp(36px,4.5vh,50px);padding:clamp(30px,3.5vw,44px) 2px 0;border-top:1px solid var(--line-soft)}
.flow-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:clamp(20px,2vw,24px)}
.flow-label{font-family:var(--display);font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:100px;background:radial-gradient(320% 196% at 50% 0%,rgba(255,255,255,0.14) 0%,rgba(13,13,13,0) 100%),rgba(19,141,255,0.14);box-shadow:inset 0 0 0 1px rgba(154,180,255,.25)}
.flow-label::before{content:none}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-label-mobile{display:none}
.flow-chev{position:relative;display:inline-block;width:33px;height:14px;flex:none;overflow:visible}
.flow-chev svg{position:absolute;left:-.707px;top:-.707px;width:35.1213px;height:15.4142px;max-width:none;overflow:visible}
.flow-chev path{animation:chevPulse 1.2s infinite;animation-play-state:paused;animation-fill-mode:both}
.flow-chev path:nth-child(2){animation-delay:.15s}
.flow-chev path:nth-child(3){animation-delay:.3s}
.flow-panel.is-motion-active .flow-chev path{animation-play-state:running;will-change:opacity}
@keyframes chevPulse{0%,100%{opacity:.25}50%{opacity:1}}
.flow-note{display:inline-flex;align-items:center;gap:12px;color:var(--muted);font-size:14px;white-space:nowrap}
.flow-note-copy{display:inline-flex;align-items:center;gap:4px}
@media (prefers-reduced-motion:reduce){.flow-chev path{animation:none}.flow-rail-fill{transition:none}}
.flow-note b{color:#a1d1ff;font-weight:800}
.flow-div{width:1px;height:16px;background:var(--line-soft)}
.flow-cta-btn{margin-left:auto}
.flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px);position:relative}
.fstep{position:relative;cursor:default}
/* JS-positioned rail (exact badge-center alignment) + animated fill */
.flow-rail{position:absolute;top:21px;left:7px;right:7px;height:2px;background:rgba(255,255,255,.16);border-radius:2px;z-index:0}
.flow-rail.ready{opacity:1}
.flow-rail-fill{position:absolute;left:0;top:0;height:100%;width:100%;border-radius:2px;background:linear-gradient(90deg,var(--mm-progress-rail-stops));box-shadow:0 0 14px var(--mm-progress-rail-glow);transform:scaleX(0);transform-origin:left center;transition:transform .7s cubic-bezier(.4,.1,.2,1)}
.fnum{position:relative;isolation:isolate;width:44px;height:44px;border-radius:50%;border:none;background:radial-gradient(120% 140% at 50% -25%,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 55%),rgba(154,180,255,0.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(154,180,255,0.22),inset 0 1px 1px rgba(255,255,255,0.18);display:grid;place-items:center;font-family:var(--display);font-weight:600;font-size:17px;color:#fff;z-index:2;margin-bottom:22px;transition:color .4s,box-shadow .4s,background .4s,transform .4s cubic-bezier(.2,.7,.3,1)}
.fnum-n{transition:transform .4s}
.fstep.on .fnum{position:relative;isolation:isolate;color:#fff;background:radial-gradient(120% 140% at 50% -25%,rgba(255,255,255,0.45) 0%,rgba(255,255,255,0) 55%),#138DFF;border-color:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.4),inset 0 1px 1px rgba(255,255,255,0.55),0 8px 22px -6px rgba(19,141,255,.9);transform:translateY(-2px) scale(1.06)}
.fstep.done .fnum{color:#fff;background:radial-gradient(120% 140% at 50% -25%,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 55%),rgba(19,141,255,.45);box-shadow:inset 0 0 0 1px rgba(120,170,255,.5),inset 0 1px 1px rgba(255,255,255,.3)}
.ftext b{display:block;font-family:var(--display);font-weight:700;font-size:1.25rem;margin-bottom:8px;transition:color .4s}
.ftext i{display:block;font-style:normal;color:var(--muted-2);font-size:14.5px;line-height:1.55;transition:color .4s}
.fstep.on .ftext i{color:var(--muted)}
.fstep:not(.on) .ftext b{color:rgba(243,245,248,.75)}
.fstep.on .ftext b{color:var(--fg)}
[data-mm-flow-tone="completed-bright"] .fstep.done .ftext b,[data-mm-flow-tone="completed-bright"] .fstep.on .ftext b{color:#fff}
[data-mm-flow-tone="completed-bright"] .fstep.done .ftext i,[data-mm-flow-tone="completed-bright"] .fstep.on .ftext i{color:rgba(243,245,248,.7)}
@media(max-width:760px){
.flow-steps{grid-template-columns:1fr;gap:4px}
.flow-rail{display:none}
.fstep{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;padding:16px 0;border-top:1px solid var(--line-soft)}
.fstep:first-child{border-top:none}
.fnum{margin-bottom:0}
}
/* Canonical account and process geometry shared by the homepage and detail pages. */
[data-mm-account-cards] .acct--with-meta{gap:2.75px}
[data-mm-account-cards] .acct--with-meta>.acct-meta{position:absolute;inset-block-start:-22px;inset-inline-start:25px}
[data-mm-flow-variant] .fmeta{display:block;margin-top:12px;color:var(--mm-page-blue-soft);font:700 12px/1.35 var(--mono-bold)}
@media(min-width:761px){
[data-mm-account-cards] .acct--with-meta{height:464.571429px;min-height:464.571429px}
[data-mm-flow-variant] .fstep{min-width:0}
[data-mm-flow-variant] .fmeta{position:absolute;inset-block-start:0;inset-inline-end:0;max-width:calc(100% - 58px);margin-top:0;text-align:end}
}
@media(min-width:1201px){
[data-mm-account-layout="trio"]{width:1156px;max-width:100%;box-sizing:border-box;padding:0;grid-template-columns:repeat(3,364px);gap:32px;margin-inline:auto}
[data-mm-account-layout="single"]{width:364px;max-width:100%;grid-template-columns:364px;justify-content:center;margin-inline:auto}
[data-mm-account-layout] .acct{width:364px;height:488px;min-height:488px}
[data-mm-flow-variant]{width:1156px;max-width:100%;box-sizing:border-box;margin:70px auto 0;padding:0;border:0}
[data-mm-flow-variant="account"]{height:192px;min-height:192px}
[data-mm-flow-variant="account"] .flow-head{min-height:48px;margin-bottom:24px}
[data-mm-flow-variant="account"] .flow-steps{height:120px;min-height:120px}
[data-mm-flow-count="3"] .flow-steps{grid-template-columns:repeat(3,356px);gap:44px}
[data-mm-flow-count="4"] .flow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
}
/* The four-step variant is a shared flow contract; App Trader supplies only its section placement. */
@media(min-width:901px){
[data-mm-flow-variant="steps-only"][data-mm-flow-count="4"]{width:1024px;max-width:100%;margin:0 auto;padding:0;border:0}
[data-mm-flow-variant="steps-only"][data-mm-flow-count="4"] .flow-steps{grid-template-columns:repeat(4,232px);gap:32px}
[data-mm-flow-variant="steps-only"][data-mm-flow-count="4"] .fstep{text-align:center}
[data-mm-flow-variant="steps-only"][data-mm-flow-count="4"] .fnum{margin:0 auto 20px}
[data-mm-flow-variant="steps-only"][data-mm-flow-count="4"] .flow-rail{left:116px;right:116px}
[data-mm-flow-variant="steps-only"][data-mm-flow-count="4"] .ftext b{font-size:16px;line-height:24px}
[data-mm-flow-variant="steps-only"][data-mm-flow-count="4"] .ftext i{font-size:12px;line-height:18px}
}
@media(min-width:761px) and (max-width:1200px){
[data-mm-account-layout]{width:361.333333px;max-width:100%;grid-template-columns:361.333333px;justify-content:center;margin-inline:auto}
[data-mm-account-layout] .acct{width:361.333333px;height:464.571429px;min-height:464.571429px}
[data-mm-flow-variant]{width:min(960px,100%);margin:54px auto 0}
[data-mm-flow-count="4"] .flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
[data-mm-flow-variant="steps-only"]{padding-bottom:24px}
@media(max-width:760px){
[data-mm-account-layout]{width:min(340px,100%);grid-template-columns:minmax(0,1fr);justify-content:center;margin-inline:auto;gap:24px}
[data-mm-account-layout] .acct{width:100%;height:488px;min-height:488px}
[data-mm-flow-variant]{width:min(340px,100%);margin:44px auto 0;padding-inline:2px}
[data-mm-flow-variant="account"]{min-height:541.64px;padding-top:30px}
[data-mm-flow-variant="account"] .flow-head{min-height:48px;margin-bottom:24px}
[data-mm-flow-variant] .flow-note{white-space:normal}
}
/* regulation */
.reg-layout{display:grid;grid-template-columns:0.65fr 1fr;gap:40px;align-items:center;max-width:1200px;margin:0 auto}
.reg-visual{position:relative;min-height:clamp(360px,34vw,489px)}
.reg-globe-poster{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none;user-select:none;opacity:1;transition:opacity .28s ease}
.reg-globe-poster>img{display:block;width:100%;height:100%;max-width:none;object-fit:fill}
#globe3d{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y;z-index:2;opacity:0;transition:opacity .28s ease}
.reg-visual.is-globe-live>.reg-globe-poster{opacity:0}
.reg-visual.is-globe-live>#globe3d{opacity:1}
#globe3d:active{cursor:grabbing}
.glabels{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:visible}
@media(min-width:861px){
#reg .reg-visual{overflow:visible}
#reg #globe3d,#reg .reg-globe-poster,#reg .glabels{inset:auto;left:-116px;top:-13.836px;width:570px;height:580px}
}
.glabel{position:absolute;left:0;top:0;display:flex;align-items:center;gap:7px;padding:5px 12px;border:1px solid rgba(19,141,255,.45);border-radius:999px;background:rgba(8,12,22,.9);white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.5);opacity:0;transform:translate(-50%,-100%);transform-origin:bottom center;transition:opacity .18s,border-color .18s,box-shadow .18s;will-change:auto;font-family:var(--mono)}
.glabel::after{content:"";position:absolute;left:50%;top:100%;width:1.5px;height:10px;background:linear-gradient(rgba(19,141,255,.75),transparent);transform:translateX(-50%)}
.glabel.on{border-color:var(--blue);box-shadow:0 0 0 1px rgba(19,141,255,.3),0 0 16px rgba(19,141,255,.35),0 8px 24px rgba(0,0,0,.65)}
.reg-visual.is-globe-active .glabel.on{will-change:transform}
@media(prefers-reduced-motion:reduce){.glabel{will-change:auto!important}}
.glabel .gl-reg{font-size:13px;font-weight:700;letter-spacing:.05em;color:#fff}
.glabel .gl-city{display:none;font-size:11.5px;font-weight:500;color:rgba(243,245,248,.62)}
.glabel.on .gl-city{display:inline}
.reg-info .eyebrow{margin-bottom:16px}
.reg-info h2{line-height:1.18;margin-bottom:8px;text-align:center}
.reg-info>.lead{margin-inline:auto;margin-bottom:40px;text-align:center}
@media(min-width:1280px){
html:is([lang="zh-CN"],[lang="zh-TW"]) #reg .reg-info>.lead{position:relative;left:50%;width:max-content;max-width:none;font-size:clamp(18px,1.38888889vw,20px);white-space:nowrap;transform:translateX(-50%)}
}
.reg-tip{display:block;margin-top:10px;color:var(--accent);font-size:13.5px;font-weight:600}
.reg-info .reg-grid{grid-template-columns:repeat(6,1fr);gap:24px;margin-top:4px}
.reg-info .reg-grid .reg-item:nth-child(-n+3){grid-column:span 2}
.reg-info .reg-grid .reg-item:nth-child(n+4){grid-column:span 3}
.reg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.reg-item{position:relative;isolation:isolate;display:flex;flex-direction:column;text-align:left;font-family:inherit;color:var(--fg);cursor:default;height:160px;min-height:160px;padding:18px 24px;border-radius:20px;border:0;background:var(--mm-surface-reg-card-default) center/100% 100% no-repeat;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:43px 112px 34px rgba(0,0,0,0),28px 72px 31px rgba(0,0,0,.02),16px 40px 26px rgba(0,0,0,.06),7px 18px 19px rgba(0,0,0,.1),2px 4px 11px rgba(0,0,0,.12);transition:box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s}
.reg-item:hover{padding:18px 24px;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transform:none}
.reg-item::before{content:"";position:absolute;z-index:1;inset:0;border-radius:20px;background:var(--mm-control-reg-active-218) center/100% 100% no-repeat;opacity:0;transition:opacity .3s;pointer-events:none}
.reg-item:hover::before{opacity:1}
.reg-item::after{content:"";position:absolute;z-index:0;inset:-3px 12px 8px;border-radius:20px;background:radial-gradient(closest-side,rgba(255,255,255,.2) 52.8846%,rgba(19,141,255,.2) 100%);filter:blur(10px);opacity:0;transition:opacity .35s;pointer-events:none}
.reg-item:hover::after{opacity:1}
.reg-item>*{position:relative;z-index:2}
.reg-item .rc{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.reg-item .ab{font-family:"SF Pro",var(--display);font-weight:700;font-size:28px;line-height:33px;background:linear-gradient(137.727deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%);-webkit-background-clip:text;background-clip:text;color:transparent}
:is(html[lang="zh-CN"],html[lang="zh-TW"]) .reg-item .reg-protection-title{font-size:27px;line-height:32px;letter-spacing:-.04em;white-space:nowrap}
.reg-item .lic{font-family:Manrope,var(--body);font-size:12px;line-height:16px;font-weight:600;color:#fff;border:none;background:rgba(255,255,255,.12);border-radius:100px;padding:2px 8px 4px}
.reg-item .reg-license-long{font-size:10px}
.reg-item p{font-size:14px;line-height:20px;font-weight:400;color:rgba(255,255,255,.7)}
.reg-loc{display:inline-flex;align-items:center;gap:8px;margin-top:auto;font-size:12px;line-height:17px;font-weight:700;color:rgba(255,255,255,.8);opacity:0;transform:none;transition:opacity .3s}
.reg-loc::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#f03;box-shadow:0 0 8px #f03}
.reg-item:hover .reg-loc{gap:10px;opacity:1;color:rgba(255,255,255,.8)}
.reg-item:hover .reg-loc::before{box-shadow:0 0 10px #f03,0 0 0 4px rgba(255,0,51,.12),0 0 8px #f03}
.pay-strip{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:44px}
.pay-badge{height:48px;width:70px;padding:0;background:none;border:none;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.28);cursor:default;overflow:hidden;will-change:auto;transition:transform .5s cubic-bezier(.34,1.8,.5,1),box-shadow .5s cubic-bezier(.34,1.8,.5,1)}
.pay-badge:hover{transform:translateY(-7px);box-shadow:0 16px 28px -12px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.08)}
.pay-badge svg{height:48px;width:70px;display:block}
.pay-heading{display:contents}
.pay-label{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;font-family:var(--display);font-weight:900;font-size:clamp(20px,1.9vw,28px);line-height:0;letter-spacing:0;margin-top:0;overflow:visible}
.pay-label-text{display:block;line-height:normal}
html:not(.wire) .pay-label-text{background-image:linear-gradient(180deg,#fff 41.138%,rgba(255,255,255,.6) 103.57%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.pay-strip{margin-top:36px}
@media(max-width:860px){.reg-layout{grid-template-columns:1fr;gap:32px}.reg-visual{order:-1;min-height:300px}.reg-info .reg-grid{grid-template-columns:1fr 1fr}.reg-info .reg-grid .reg-item{grid-column:auto}}
@media(max-width:520px){.reg-info .reg-grid{grid-template-columns:1fr}.reg-info .reg-grid .reg-item{grid-column:auto}}
/* big CTA */
.cta.cta-full{--cta-pay-top-gap:clamp(56px,6vw,80px);--cta-main-gap:clamp(80px,20.9vw,400px);--cta-main-shift:min(var(--cta-pay-top-gap),calc(var(--cta-main-gap) - 64px));position:relative;isolation:isolate;border-radius:0;border:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 0 clamp(72px,15vw,195px);text-align:center;overflow:hidden}
.cta.cta-full .cta-inner{position:relative;z-index:1;max-width:1156px;padding-top:var(--cta-pay-top-gap)}
.pay-label{font-size:clamp(20px,1.9vw,28px);margin-bottom:40px}
/* Preserve the enlarged payment-area top gap through the rest of the CTA flow. */
.cta-full .pay-strip{margin-bottom:var(--cta-main-gap)}
.cta-full .pay-strip{flex-wrap:nowrap;gap:16px;width:1274px;max-width:none;position:relative;left:50%;transform:translateX(-50%)}
.cta.cta-full h2.h-1{font-size:clamp(1.9rem,2.6vw,3.125rem)}
.cta{position:relative;border-radius:28px;overflow:hidden;border:1px solid var(--line);padding:clamp(54px,8vw,104px) clamp(28px,5vw,70px);text-align:center}
.cta.cta-full img{object-position:50% 75.1%;object-fit:cover;transform:translate3d(0,var(--parallax-y,0px),0)}
.cta.cta-full::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(268.47760377823624deg,#06070b 10.018%,rgba(6,7,11,0) 13.972%,rgba(6,7,11,0) 88.858%,#06070b 93.473%),linear-gradient(180.0000024940669deg,#06070b 32.478%,rgba(6,7,11,0) 59.141%,rgba(6,7,11,0) 85.831%,#06070b 96.17%)}
.cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.cta::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 120% at 50% 30%,rgba(6,7,11,.45),rgba(6,7,11,.88) 75%)}
.cta.cta-full::after{display:none}
.cta h2{margin:0 auto 18px;max-width:20ch}
.cta .lead{margin:16px auto 40px;color:rgba(255,255,255,.8);line-height:1.5}
.cta-full .cta-inner .btn{width:max-content;min-width:0;height:54px;padding:12px var(--mm-button-18-padding-inline);font-size:18px;line-height:normal}
.cta-points{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:48px}
.cta-point{display:flex;align-items:center;gap:11px;padding:12px 20px;border-radius:100px;border:1px solid var(--line);background:rgba(8,10,15,.4);backdrop-filter:blur(8px)}
.cta-point .pnum{font-family:var(--display);font-size:12px;font-weight:600;color:var(--accent)}
.cta-point span:last-child{font-weight:600;font-size:14.5px}
/* footer */
.foot{padding-top:clamp(32px,4vh,40px)}
/* Keep page atmosphere visible beneath the shared Footer content. */
[data-site-shell="footer"]#contact{position:relative;z-index:10;isolation:isolate;background:transparent}
.foot .wrap{max-width:1920px}
@keyframes spin{to{transform:rotate(360deg)}}
.foot-cta{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;margin-bottom:clamp(56px,7vh,90px)}
.foot-cta h2{max-width:16ch;margin-bottom:24px}
.foot-globe{justify-self:end;width:clamp(150px,20vw,280px);animation:spin 80s linear infinite reverse}
.foot-bottom{border-top:none;padding:8px 0 40px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:32px}
.foot-col :is(h5,h2){font-size:15px;line-height:inherit;letter-spacing:.01em;color:#fff;font-weight:700;margin-bottom:16px}
.foot-col a,.foot-col p{display:block;color:rgba(255,255,255,.8);font-size:14.5px;padding:5px 0;transition:color .25s}
.foot-col a:hover{color:var(--fg)}
.foot-brand .brand{margin-bottom:0}
.foot-brand p{font-size:14px;color:rgba(255,255,255,.7);max-width:260px;padding:0}
.foot-logo{height:30px;width:auto;display:block;margin-bottom:12px}
.foot-social{position:relative;isolation:isolate;display:flex;flex-wrap:wrap;align-content:flex-start;column-gap:8px;row-gap:8px;width:256px;height:80px;margin-top:12px;margin-left:0;margin-right:auto}
.foot-col .foot-social a{--social-color:#fff;--social-mark-color:var(--social-color);--social-rgb:255 255 255;position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;overflow:hidden;border:.8px solid rgba(216,216,216,.055);border-radius:12px;padding:0;color:var(--social-mark-color);background:linear-gradient(135deg,rgba(248,251,255,.045),rgba(255,255,255,0) 64%),rgba(8,12,18,.15);box-shadow:inset 0 0 6px rgb(var(--social-rgb)/.3),6px 3px 12px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .26s cubic-bezier(.22,1,.36,1),border-color .22s ease,background .22s ease,box-shadow .22s ease}
.foot-col .foot-social a::before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(135deg,rgb(var(--social-rgb)/.14),transparent 49%);pointer-events:none}
.foot-col .foot-social a::after{content:"";position:absolute;z-index:0;left:8px;right:8px;bottom:-4px;height:10px;border-radius:50%;background:rgb(var(--social-rgb)/.48);filter:blur(6px);opacity:.76;pointer-events:none;transition:opacity .22s ease}
.foot-col .foot-social a:active{transform:translateY(1px) scale(.985)}
.foot-col .foot-social a:focus-visible{outline:2px solid rgb(var(--social-rgb)/.78);outline-offset:2px}
.social-icon{position:relative;z-index:1;display:block;width:20px;height:20px;overflow:visible;color:var(--social-mark-color);shape-rendering:geometricPrecision;filter:drop-shadow(0 0 3px rgb(var(--social-rgb)/.48)) drop-shadow(0 1px 1px rgba(0,0,0,.42));transition:opacity .22s ease;pointer-events:none}
.foot-col .foot-social a.social-facebook{--social-mark-color:#0866ff}.foot-col .foot-social a:is(.social-threads,.social-x,.social-tiktok){--social-mark-color:#e4eaf2}.foot-col .foot-social a.social-baidu{--social-mark-color:#334ee9}.foot-col .foot-social a.social-xhs{--social-mark-color:#ff2442}.foot-col .foot-social a.social-zhihu{--social-mark-color:#168df4}.foot-col .foot-social a.social-sohu{--social-mark-color:#ff8c00}.foot-col .foot-social a.social-toutiao{--social-mark-color:#f34848}
.social-facebook .social-icon{width:26px;height:26px}.social-instagram .social-icon{width:21.5px;height:21.5px}.social-threads .social-icon,.social-tiktok .social-icon{width:21px;height:21px}.social-x .social-icon{width:18.5px;height:18.5px}.social-baidu .social-icon{width:20px;height:20px}.social-xhs .social-icon{width:22.5px;height:22.5px}.social-zhihu .social-icon{width:23px;height:23px}.social-bilibili .social-icon{width:20.5px;height:20.5px}.social-kuaishou .social-icon{width:20px;height:20px}.social-sohu .social-icon,.social-toutiao .social-icon{width:22.5px;height:22.5px}
.foot-social.foot-social--brand{--social-tile-size:32px;--social-unit:calc(var(--social-tile-size)/32);column-gap:12px;row-gap:12px;width:252px;height:76px;margin-top:20px}
.foot-col .foot-social--brand a{--social-tile-rgb:var(--social-rgb);flex:0 0 var(--social-tile-size);width:var(--social-tile-size);height:var(--social-tile-size);min-height:var(--social-tile-size);border:0;border-radius:calc(var(--social-tile-size)*.375);background:radial-gradient(74% 21% at 42% -2%,rgba(255,255,255,.3) 0%,rgba(255,255,255,.08) 44%,transparent 76%),linear-gradient(148deg,rgba(255,255,255,.025) 0%,transparent 52%,rgba(0,0,0,.055) 100%),rgb(var(--social-tile-rgb));box-shadow:inset 0 var(--social-unit) 0 rgba(255,255,255,.4),inset 0 calc(var(--social-unit)*-1) 0 rgba(0,0,0,.17),0 calc(var(--social-unit)*3) calc(var(--social-unit)*8) rgb(var(--social-tile-rgb)/.18),0 calc(var(--social-unit)*6) calc(var(--social-unit)*12) rgba(0,0,0,.25);-webkit-backdrop-filter:none;backdrop-filter:none}
.foot-col .foot-social--brand a::before{inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,.28),rgba(255,255,255,.08) 26%,transparent 62%) top/100% 1px no-repeat,linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.05) 34%,transparent 100%) left top/1px 84% no-repeat,linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025) 34%,transparent 100%) right top/1px 80% no-repeat,radial-gradient(72% 20% at 42% 0%,rgba(255,255,255,.26),rgba(255,255,255,.08) 46%,transparent 78%),linear-gradient(138deg,rgba(255,255,255,.045),transparent 44%);opacity:1}
.foot-col .foot-social--brand a::after{inset:0;height:auto;border-radius:inherit;background:linear-gradient(180deg,transparent 64%,rgba(0,0,0,.07) 100%),radial-gradient(76% 28% at 50% 112%,rgb(var(--social-tile-rgb)/.22),transparent 74%);filter:none;opacity:1}
.foot-social--brand .social-icon{width:calc(var(--social-tile-size)*.65625);height:calc(var(--social-tile-size)*.65625);color:#fff;filter:brightness(0) saturate(0) invert(1) drop-shadow(0 1px .8px rgba(0,0,0,.48)) drop-shadow(0 -.35px .35px rgba(255,255,255,.28));opacity:.99}
.foot-social--brand .social-icon>use{transform-box:view-box;transform-origin:center;transform:scale(var(--social-mark-scale,1))}
.foot-col .foot-social--brand a.social-facebook{--social-mark-scale:1.06}.foot-col .foot-social--brand a.social-instagram{--social-mark-scale:.9}.foot-col .foot-social--brand a.social-threads{--social-mark-scale:1}.foot-col .foot-social--brand a.social-x{--social-mark-scale:.88}.foot-col .foot-social--brand a.social-tiktok{--social-mark-scale:.9}.foot-col .foot-social--brand a.social-baidu{--social-mark-scale:.86}.foot-col .foot-social--brand a.social-xhs{--social-mark-scale:1.16}.foot-col .foot-social--brand a.social-zhihu{--social-mark-scale:1.18}.foot-col .foot-social--brand a.social-bilibili{--social-mark-scale:.97}.foot-col .foot-social--brand a.social-kuaishou{--social-mark-scale:.91}.foot-col .foot-social--brand a.social-sohu{--social-mark-scale:1.18}.foot-col .foot-social--brand a.social-toutiao{--social-mark-scale:1.04}
.foot-social--brand .social-toutiao .social-icon{filter:drop-shadow(0 1px .8px rgba(0,0,0,.45)) drop-shadow(0 -.35px .35px rgba(255,255,255,.2))}
.foot-social--brand .social-tiktok .social-icon{filter:drop-shadow(0 1px .8px rgba(0,0,0,.48));opacity:1}
.foot-col .foot-social--brand a.social-facebook{--social-tile-rgb:24 119 242}.foot-col .foot-social--brand a.social-threads{--social-tile-rgb:48 45 49;--social-reflection-rgb:255 245 246}.foot-col .foot-social--brand a.social-x{--social-tile-rgb:26 34 45;--social-reflection-rgb:225 239 255}.foot-col .foot-social--brand a.social-tiktok{--social-tile-rgb:9 9 11}.foot-col .foot-social--brand a.social-baidu{--social-tile-rgb:52 72 255}.foot-col .foot-social--brand a.social-zhihu{--social-tile-rgb:0 132 255}.foot-col .foot-social--brand a.social-bilibili{--social-tile-rgb:0 174 236}.foot-col .foot-social--brand a.social-kuaishou{--social-tile-rgb:255 73 6}.foot-col .foot-social--brand a.social-sohu{--social-tile-rgb:255 140 0}.foot-col .foot-social--brand a.social-toutiao{--social-tile-rgb:245 52 60}
.foot-col .foot-social--brand a:is(.social-threads,.social-x)::before{background:linear-gradient(90deg,rgb(var(--social-reflection-rgb)/.38),rgb(var(--social-reflection-rgb)/.12) 28%,transparent 66%) top/100% 1px no-repeat,linear-gradient(180deg,rgb(var(--social-reflection-rgb)/.24),rgb(var(--social-reflection-rgb)/.07) 36%,transparent 100%) left top/1px 86% no-repeat,linear-gradient(180deg,rgb(var(--social-reflection-rgb)/.14),rgb(var(--social-reflection-rgb)/.04) 36%,transparent 100%) right top/1px 82% no-repeat,radial-gradient(72% 22% at 42% 0%,rgb(var(--social-reflection-rgb)/.34),rgb(var(--social-reflection-rgb)/.11) 48%,transparent 80%),linear-gradient(138deg,rgb(var(--social-reflection-rgb)/.07),transparent 46%)}
.foot-col .foot-social--brand a.social-instagram{background:radial-gradient(74% 21% at 42% -2%,rgba(255,255,255,.3) 0%,rgba(255,255,255,.08) 44%,transparent 76%),linear-gradient(148deg,rgba(255,255,255,.025) 0%,transparent 52%,rgba(0,0,0,.055) 100%),linear-gradient(145deg,#ffd84a 0%,#ff7a38 23%,#f5266b 48%,#d62d8a 68%,#9139c8 84%,#4c67ff 100%)}
.social-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.foot-social .social-link.social-th{display:none}
@media(hover:hover) and (pointer:fine){.foot-col .foot-social a:hover{transform:translateY(-1px);border-color:rgba(216,216,216,.1);background:linear-gradient(135deg,rgba(248,251,255,.07),rgba(255,255,255,0) 66%),rgba(8,12,18,.14);box-shadow:inset 0 0 7px rgb(var(--social-rgb)/.38),6px 5px 15px rgba(0,0,0,.12)}.foot-col .foot-social a:hover::after{opacity:.92}}
@media(hover:hover) and (pointer:fine){.foot-col .foot-social--brand a:hover{transform:translateY(-1.4px);background:radial-gradient(76% 22% at 42% -2%,rgba(255,255,255,.36) 0%,rgba(255,255,255,.1) 44%,transparent 76%),linear-gradient(148deg,rgba(255,255,255,.035) 0%,transparent 54%,rgba(0,0,0,.035) 100%),rgb(var(--social-tile-rgb));box-shadow:inset 0 1px 0 rgba(255,255,255,.46),inset 0 -1px 0 rgba(0,0,0,.14),0 4px 10px rgb(var(--social-tile-rgb)/.24),0 7px 14px rgba(0,0,0,.26)}.foot-col .foot-social--brand a:hover::before,.foot-col .foot-social--brand a:hover::after{opacity:1}.foot-col .foot-social--brand a.social-instagram:hover{background:radial-gradient(76% 22% at 42% -2%,rgba(255,255,255,.36) 0%,rgba(255,255,255,.1) 44%,transparent 76%),linear-gradient(148deg,rgba(255,255,255,.035) 0%,transparent 54%,rgba(0,0,0,.035) 100%),linear-gradient(145deg,#ffe05d 0%,#ff843f 23%,#fa2f72 48%,#df3694 68%,#9a42cf 84%,#5872ff 100%)}}
@media(prefers-reduced-motion:reduce){.foot-col .foot-social a,.social-icon{transition:none!important}.foot-col .foot-social a:hover,.foot-col .foot-social a:active,.foot-col .foot-social a:hover .social-icon{transform:none}}
.risk{border-top:1px solid var(--line);padding:28px 0;color:var(--muted-2);font-size:12.5px;line-height:1.7}
.legal{border-top:1px solid rgba(255,255,255,.28);padding:21px 0 40px;color:rgba(255,255,255,.6);font-size:12.5px;line-height:1.78}
.legal-top{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:18px}
.legal-links{display:flex;flex-wrap:wrap;gap:10px 24px}
.legal-links a{color:#fff;font-size:13.5px;font-weight:600;transition:color .25s}
.legal-links a:hover{color:#fff}
.legal-contact{color:#fff;font-size:13px;margin:0;text-align:right}
.legal-contact a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.legal-contact a:hover{color:#fff}
.legal>p{margin-bottom:14px}
.legal-entities{list-style:none;display:flex;flex-direction:column;gap:10px;margin:4px 0 22px;padding:0}
.legal-entities li{padding-left:16px;position:relative}
.legal-entities li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.6)}
.legal .copy{border-top:1px solid rgba(255,255,255,.28);padding:20px 0 0;margin:0;color:rgba(255,255,255,.8)}
.copy{border-top:1px solid var(--line);padding:24px 0 46px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:rgba(243,245,248,.5);font-size:13.5px}
/* trust stat strip + spread comparison panel */
/* full-bleed helper (break out of the centered wrap) */
.full-bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
/* trust: stats flanking a centered spread table */
.exec-layout{display:grid;grid-template-columns:320px 1fr 320px;gap:0;align-items:center;max-width:1344px;margin:0 auto}
.spread-head{text-align:center;margin-bottom:50px}
.exec-col{display:flex;flex-direction:column;gap:120px}
.estat{padding:clamp(20px,2.5vw,30px) 18px;border:none;border-radius:0;background:transparent;text-align:center;transition:none}
.estat>*{transition:transform .4s cubic-bezier(.2,.7,.3,1)}
.estat:hover>*{transform:translateY(-4px)}
.estat:hover{background:transparent}
.estat .n{font-family:var(--display);font-weight:600;font-size:clamp(2.6rem,4.1vw,4rem);line-height:1;letter-spacing:-.03em;background:linear-gradient(180deg,#D9ECFF 0%,#8FBCFF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-flex;align-items:baseline;gap:2px;justify-content:center;filter:drop-shadow(0 0 18px rgba(19,141,255,.3))}
.estat .n-num{font-family:"SF Pro",-apple-system,sans-serif;font-weight:700}
.estat .n-unit{font-family:var(--display);font-size:.45em;font-weight:700;align-self:flex-end;padding-bottom:.18em;letter-spacing:-.02em}
.estat .n-plus{font-family:"SF Pro",-apple-system,sans-serif;font-size:.7em;font-weight:700}
.estat .l{color:var(--muted);font-size:13.5px;margin-top:12px}
.spread-table tbody tr{transition:background .25s}
.spread-table tbody tr:hover{background:rgba(19,141,255,.08)}
.spread-panel{border-radius:20px;border:none;background:radial-gradient(120% 100% at 50% 0%,rgba(255,255,255,0.12) 0%,rgba(13,13,13,0) 100%);-webkit-backdrop-filter:blur(23px);backdrop-filter:blur(23px);padding:0 0 40px;box-shadow:none}
.spread-head .sp-title{font-family:var(--display);font-weight:900;font-size:clamp(1.7rem,1.67vw,2rem);text-align:center;letter-spacing:-.01em;color:#A5DBFF}
.spread-head .sp-sub{text-align:center;color:rgba(255,255,255,.8);font-size:16px;letter-spacing:.06em;margin:8px 0 0}
.spread-cols{display:grid;grid-template-columns:0.83fr 1.1fr 1fr;align-items:stretch}
.sp-col{display:flex;flex-direction:column;padding:0 4px}
.sp-list{display:flex;flex-direction:column;gap:0;margin-top:40px}
.sp-head{height:58px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:860;font-size:20px;letter-spacing:-.03em;color:#fff}
.sp-prod{padding-left:22px}
.sp-prod .sp-head{justify-content:flex-start;padding-left:40px}
.sp-row{height:64px;display:flex;align-items:center;gap:12px;border:none;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;font-family:var(--display);transition:background .25s,border-color .25s,color .25s,box-shadow .25s}
.sp-list .sp-row:last-child{border-bottom:none}
.sp-row:hover{background:linear-gradient(90deg,rgba(19,141,255,.07),rgba(19,141,255,.13));border-bottom-color:rgba(19,141,255,.42)}
.sp-prod .sp-row:hover{color:#cfe9ff;box-shadow:-40px 0 0 rgba(19,141,255,.07)}
.sp-mm .sp-row:hover{background:rgba(255,255,255,.06)}
.sp-avg .sp-row:hover{color:#e3f2ff}
.sp-prod .sp-row{padding:0 40px 0 40px;color:rgba(255,255,255,.6);font-weight:500;font-size:16px;letter-spacing:-.04em}
.sp-mm{position:relative;z-index:1;border-radius:20px}
.sp-mm::before{content:"";position:absolute;left:0;right:0;top:-20px;bottom:-20px;z-index:-1;border-radius:20px;background:radial-gradient(120% 60% at 50% 0%,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 55%),linear-gradient(180deg,#1E6FE8 0%,#0B3F9E 100%);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 -4.584px 22.921px rgba(6,7,11,.8)}
.sp-mm .sp-head{height:58px}
.sp-mm .sp-row{justify-content:center;padding:0 40px;font-weight:700;font-size:20px;letter-spacing:-.03em;color:#fff;border-bottom-color:rgba(255,255,255,.25)}
.sp-logo{height:24px;width:auto;display:block}
.sp-mark-wrap{position:relative;width:24px;height:24px;overflow:hidden;flex:none}
.sp-mark{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain}
.sp-value{width:82px;flex:none;text-align:left}
.sp-avg-value{width:76px;flex:none;text-align:left}
.sp-avg .sp-row{justify-content:center;padding:0 40px;font-weight:300;font-size:20px;letter-spacing:-.03em;color:#fff}
.spread-foot{font-size:12px;color:rgba(255,255,255,.55);margin:50px auto 0;line-height:1.7;max-width:480px;text-align:center;padding:0 20px}
@media(max-width:560px){.sp-prod .sp-head,.sp-prod .sp-row{padding-left:16px}.sp-mm .sp-row{padding:0 12px}}
.mm-head{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end}
.mm-dot{width:16px;height:16px;border-radius:5px;background:var(--accent);color:#0a0b0f;font-size:10px;font-weight:800;display:inline-grid;place-items:center;font-family:var(--body)}
@media(max-width:900px){.exec-layout{grid-template-columns:1fr 1fr}.exec-col.center{grid-column:1 / -1;order:-1}}
@media(max-width:560px){.exec-layout{grid-template-columns:1fr}}
/* trust section: QC round-2 spacing overrides (asymmetric outer padding + tight heading-to-ticker gap) */
#trust{padding-top:190px;padding-bottom:80px}
#trust .sec-center{margin-bottom:20px}
#platforms .sec-center{max-width:560px}
/* platform tabs */
.tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:max-content;margin:0 auto 20px;background:rgba(154,180,255,0.08);border:1px solid rgba(154,180,255,0.16);border-radius:100px;padding:6px}
.tab{position:relative;isolation:isolate;font-family:var(--mm-button-font);font-size:16px;font-weight:var(--mm-button-weight);letter-spacing:.01em;color:#fff;background:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;box-shadow:none;border-radius:100px;padding:13px 26px;cursor:pointer;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s,background .3s,color .3s}
.tab:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(154,180,255,0.4),inset 0 1px 1px rgba(255,255,255,0.26)}
.tab:hover{color:var(--fg)}
.tab.active{color:#fff;background:radial-gradient(120% 140% at 50% -25%,rgba(255,255,255,0.42) 0%,rgba(255,255,255,0) 55%),rgba(12,85,252,.9);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.34),inset 0 1px 1px rgba(255,255,255,0.5),0 8px 26px -8px rgba(19,141,255,.85)}
.tab.active::before{content:"";position:absolute;z-index:-1;inset:-3px 8px -5px;border-radius:inherit;background:radial-gradient(50% 70% at 50% 50%,rgba(255,255,255,0.55),#138DFF 70%,transparent 100%);filter:blur(9px);opacity:.7}
.platform-panel-stage{position:relative;isolation:isolate}
.tab-panel{display:none}
.tab-panel.active{display:block}
#platforms .platform-panel-stage .tab-panel.active{position:relative;z-index:2}
#platforms .platform-panel-stage .tab-panel.is-leaving{display:block;position:absolute;z-index:1;left:0;top:0;width:100%;pointer-events:none}
#platforms .platform-panel-stage .tab-panel.is-transitioning>.panel-grid{will-change:transform,opacity}
.panel-grid{--pnl-pad:0;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border:0;border-radius:26px;background:transparent;padding:0;max-width:800px;margin:0 auto;overflow:visible;box-shadow:none}
.pg-text{display:flex;flex-direction:column;align-items:flex-start}
.pg-name{width:100%;font-family:var(--display);font-size:28px;line-height:1.17857143;font-weight:800;margin:0 0 8px;letter-spacing:-.02em;color:#fff}
.pg-tagline{width:100%;color:#A1D1FF;font-size:14px;line-height:1.21428571;font-weight:600;margin:0 0 24px}
.feat{list-style:none;display:flex;flex-direction:column;gap:15px;margin:0 0 24px;padding:0 0 8px}
.feat li{display:flex;gap:12px;align-items:center;color:#fff;font-size:16px;line-height:normal;letter-spacing:-.085px}
.feat-icon{display:block;width:24px;height:24px;max-width:none;flex:none;margin:0}
.pg-chips{display:flex;flex-wrap:wrap;gap:10px}
.pg-chip{font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:8px 14px}
.device{border-radius:20px;border:1px solid var(--line);background:rgba(13,16,23,.62);padding:20px;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.device-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-family:var(--display);font-weight:500;font-size:15px}
.device-badge{font-size:11px;color:#0a0b0f;background:var(--accent);border-radius:100px;padding:3px 11px;font-weight:700;font-family:var(--body)}
.device .term-chart{height:124px;margin:0 -4px 16px}
.pg-visual-photo{display:flex;align-items:center;justify-content:center;align-self:stretch;margin:calc(var(--pnl-pad) * -1) calc(var(--pnl-pad) * -1) calc(var(--pnl-pad) * -1) 0;border-radius:20px;overflow:visible}
.pg-photo{display:block;width:100%;max-width:none;height:auto;object-fit:contain}
.apptrader-panel .pg-tagline{line-height:23.8px;margin-bottom:32px}
.apptrader-panel .feat{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:15px;width:max-content;max-width:100%;margin:0 0 48px;padding:0}
.apptrader-panel .feat li{min-width:0}
.apptrader-download{position:relative;isolation:isolate;display:grid;grid-template-columns:126px minmax(0,1fr);align-items:center;gap:20px;width:100%;max-width:380px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;direction:ltr;overflow:visible;transform:translateX(-7px)}
.apptrader-download::before{content:"";position:absolute;z-index:-1;left:-38px;top:-22px;width:210px;height:170px;background:radial-gradient(circle,rgba(19,141,255,.16),rgba(19,141,255,0) 72%);filter:blur(12px);pointer-events:none}
.apptrader-download-body{display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0;min-height:126px;direction:ltr}
.apptrader-download-copy{display:grid;min-width:0}
.apptrader-download-title{color:#fff;font-family:var(--display);font-size:17px;font-weight:700;line-height:21px;letter-spacing:-.01em}
.apptrader-download-title{transform:translateX(-2px)}
.apptrader-download-actions{display:grid;grid-template-columns:repeat(3,60px);align-items:start;gap:12px;width:max-content;max-width:100%;min-width:0}
.apptrader-store-link{display:grid;place-items:center;min-width:0;width:60px;height:60px;padding:0;border:0;border-radius:16px;background:transparent;box-shadow:none;color:rgba(224,235,245,.82);text-align:center;text-decoration:none;transition:transform .24s cubic-bezier(.22,1,.36,1),color .24s ease}
.apptrader-platform-mark{--apptrader-icon-w:28px;--apptrader-icon-h:28px;--apptrader-icon-y:0px;--apptrader-icon-scale:1;position:relative;isolation:isolate;display:grid;width:60px;height:60px;place-items:center;border:1px solid transparent;border-radius:16px;background:radial-gradient(92% 72% at 50% 0%,rgba(124,192,255,.13),rgba(124,192,255,0) 72%) padding-box,linear-gradient(150deg,rgba(14,29,48,.78),rgba(7,15,27,.62) 58%,rgba(4,10,18,.5)) padding-box,linear-gradient(145deg,rgba(176,218,255,.25),rgba(124,192,255,.06) 48%,rgba(255,255,255,.12)) border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),inset 0 -14px 24px rgba(2,7,15,.13),0 10px 28px rgba(0,8,20,.14);overflow:hidden;transition:background .24s ease,box-shadow .24s ease}
.apptrader-platform-mark::after{content:"";position:absolute;z-index:0;top:0;right:18%;left:18%;height:1px;background:linear-gradient(90deg,rgba(190,224,255,0),rgba(190,224,255,.42),rgba(190,224,255,0));opacity:.62;pointer-events:none;transition:opacity .24s ease}
.apptrader-platform-mark.is-google{--apptrader-icon-w:25.3px;--apptrader-icon-h:28px}
.apptrader-platform-mark.is-apple{--apptrader-icon-w:23.7px;--apptrader-icon-h:28px;--apptrader-icon-y:-.35px}
.apptrader-platform-mark.is-android{--apptrader-icon-w:28px;--apptrader-icon-h:27px;--apptrader-icon-y:.35px}
.apptrader-platform-mark svg,.apptrader-platform-mark img{position:relative;z-index:1;display:block;width:var(--apptrader-icon-w);height:var(--apptrader-icon-h);max-width:none;object-fit:contain;transform:translateY(var(--apptrader-icon-y)) scale(var(--apptrader-icon-scale))}
.apptrader-qr-link{position:relative;z-index:1;isolation:isolate;display:grid;place-items:center;justify-self:center;width:112px;height:112px;padding:5px;border:1px solid transparent;border-radius:17px;background:radial-gradient(92% 72% at 50% 0%,rgba(124,192,255,.2),rgba(124,192,255,0) 72%) padding-box,linear-gradient(150deg,rgba(16,34,56,.92),rgba(6,14,25,.88) 58%,rgba(3,9,17,.84)) padding-box,linear-gradient(145deg,rgba(191,225,255,.5),rgba(124,192,255,.1) 48%,rgba(255,255,255,.2)) border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.075),inset 0 -14px 24px rgba(2,7,15,.16),0 16px 38px rgba(4,13,26,.42),0 12px 34px rgba(19,141,255,.1);overflow:hidden;transition:transform .24s cubic-bezier(.22,1,.36,1),background .24s ease,box-shadow .24s ease}
.apptrader-qr-link::after{content:"";position:absolute;z-index:0;top:0;right:14%;left:14%;height:1px;background:linear-gradient(90deg,rgba(206,233,255,0),rgba(206,233,255,.68),rgba(206,233,255,0));opacity:.78;pointer-events:none}
.apptrader-qr-link img{position:relative;z-index:1;display:block;width:100%;height:100%;max-width:none;padding:2px;border-radius:11px;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.3),0 5px 14px rgba(0,7,16,.22)}
.apptrader-store-link:focus-visible,.apptrader-qr-link:focus-visible{outline:2px solid #7cc0ff;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.apptrader-store-link:hover{transform:translateY(-2px);color:#fff}.apptrader-store-link:hover .apptrader-platform-mark{background:radial-gradient(96% 76% at 50% 0%,rgba(124,192,255,.2),rgba(124,192,255,0) 72%) padding-box,linear-gradient(150deg,rgba(17,36,59,.88),rgba(8,18,32,.72) 58%,rgba(5,12,22,.58)) padding-box,linear-gradient(145deg,rgba(176,218,255,.44),rgba(124,192,255,.12) 48%,rgba(255,255,255,.2)) border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.065),inset 0 -14px 24px rgba(2,7,15,.1),0 14px 30px rgba(2,15,32,.24)}.apptrader-store-link:hover .apptrader-platform-mark::after{opacity:.9}.apptrader-qr-link:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 0 0 1px rgba(124,192,255,.34),0 18px 42px rgba(4,13,26,.48),0 14px 36px rgba(19,141,255,.14)}}
.apptrader-store-link:active{transform:translateY(1px)}
.apptrader-qr-link:active{transform:translateY(1px) scale(.99)}
@media(prefers-reduced-motion:reduce){.apptrader-store-link,.apptrader-qr-link{transition:none}.apptrader-store-link:hover,.apptrader-qr-link:hover{transform:none}}
.device-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.device-cell{border:1px solid var(--line-soft);border-radius:12px;padding:11px 13px;background:rgba(255,255,255,.02)}
.device-cell .l{font-size:11px;color:var(--muted-2)}
.device-cell .v{font-family:var(--display);font-weight:600;font-size:16px;margin-top:3px}
@media(min-width:901px){#platforms .apptrader-panel .panel-grid,#platforms .copytrader-panel .panel-grid{height:450px}#platforms .apptrader-panel .pg-text{align-self:center;height:404px;padding-top:51px}#platforms .apptrader-panel .feat,#platforms .apptrader-panel .apptrader-download{max-width:none}#platforms .apptrader-panel .apptrader-download{width:460px}}
@media(max-width:820px){.panel-grid{grid-template-columns:1fr;gap:30px}.pg-visual{order:-1}.pg-visual-photo{margin:0;align-self:auto}.pg-photo{position:static;width:min(100%,626px);height:auto}.apptrader-panel .pg-text{height:auto;padding-top:0}.apptrader-panel .pg-photo{width:min(78vw,300px)}}
@media(max-width:520px){.apptrader-panel .feat{grid-template-columns:max-content;margin-bottom:42px}.apptrader-download{grid-template-columns:104px minmax(0,1fr);gap:14px;transform:translateX(-4px)}.apptrader-download-body{gap:12px;min-height:104px}.apptrader-download-actions{grid-template-columns:repeat(3,52px);gap:14px}.apptrader-store-link{width:52px;height:52px;border-radius:14px}.apptrader-platform-mark{--apptrader-icon-scale:.9;width:52px;height:52px;border-radius:14px}.apptrader-qr-link{width:96px;height:96px;padding:5px;border-radius:15px}.apptrader-qr-link img{border-radius:9px}}
@media(max-width:400px){.apptrader-download{grid-template-columns:100px minmax(0,1fr);gap:12px}.apptrader-download-body{gap:12px;min-height:100px}.apptrader-download-title{font-size:16px;line-height:20px}.apptrader-download-actions{grid-template-columns:repeat(3,48px);gap:12px}.apptrader-store-link{width:48px;height:48px;border-radius:13px}.apptrader-platform-mark{--apptrader-icon-scale:.86;width:48px;height:48px;border-radius:13px}.apptrader-qr-link{width:92px;height:92px}}
@media(max-width:350px){.apptrader-download{grid-template-columns:90px minmax(0,1fr);gap:10px;transform:translateX(-2px)}.apptrader-download-body{gap:10px;min-height:90px}.apptrader-download-title{font-size:15px;line-height:18px}.apptrader-download-actions{grid-template-columns:repeat(3,44px);gap:10px}.apptrader-store-link{width:44px;height:44px;border-radius:12px}.apptrader-platform-mark{--apptrader-icon-scale:.8;width:44px;height:44px;border-radius:12px}.apptrader-qr-link{width:86px;height:86px;padding:4px;border-radius:13px}.apptrader-qr-link img{padding:1px;border-radius:8px}}
/* hero carousel */
.vcard{border-radius:22px;border:1px solid var(--line);background:rgba(13,16,23,.66);backdrop-filter:blur(14px);padding:30px 28px;box-shadow:0 30px 70px rgba(0,0,0,.45);min-height:330px}
.vcard.center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}
.vcard .vhead{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:500;font-size:16px;margin-bottom:20px}
.vcard .vhead svg{width:20px;height:20px;color:var(--accent)}
.v-badges{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v-badge{border:1px solid var(--line-soft);border-radius:14px;padding:16px 14px;background:rgba(255,255,255,.02)}
.v-badge b{font-family:var(--display);font-size:1.3rem;font-weight:600;display:block}
.v-badge span{font-size:11.5px;color:var(--muted-2)}
.v-emoji{width:66px;height:66px;border-radius:18px;background:linear-gradient(145deg,#1a2030,#0c0f17);border:1px solid var(--line-soft);display:grid;place-items:center;color:var(--accent)}
.v-emoji svg{width:30px;height:30px}
.v-big{font-family:var(--display);font-size:1.7rem;font-weight:500}
.v-pct{font-family:var(--display);font-size:4.2rem;font-weight:600;line-height:1;background:linear-gradient(120deg,oklch(0.86 0.12 250),oklch(0.7 0.13 255));-webkit-background-clip:text;background-clip:text;color:transparent}
.v-note{font-size:13.5px;color:var(--muted);max-width:34ch}
.v-tiers{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.v-tier{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:5px 13px}
.hero-inds{--hero-ind-columns:5;position:relative;z-index:4;width:100%;max-width:calc(var(--hero-banner-width) + var(--gutter) + var(--gutter));margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:repeat(var(--hero-ind-columns),1fr);gap:16px}
html[lang="th"] .hero-inds{--hero-ind-columns:4}
html[lang="th"] [data-hero-locale-exclude~="th"],
[data-hero-locale-exclude][hidden]{display:none}
/* On a throttled streaming parse, reserve the desktop indicator row before its
markup arrives so the already-painted hero content never jumps upward. */
@media(min-width:1025px){.hero:not(:has(>.hero-inds))::after{content:"";display:block;flex:0 0 122px;width:100%}}
.hero-ind{position:relative;display:flex;align-items:center;gap:14px;text-align:left;padding:18px 16px;min-height:122px;border-radius:30px;border:1px solid transparent;background:radial-gradient(357.93px 122px at 50% 0%,rgba(19,141,255,.4) 0%,rgba(19,141,255,0) 100%) padding-box,linear-gradient(rgba(255,255,255,.04),rgba(255,255,255,.04)) padding-box,radial-gradient(75% 110% at 101% 43%,rgba(255,255,255,.2) 0%,rgba(255,255,255,0) 100%) border-box;box-shadow:0 0 20px rgba(0,0,0,.2);overflow:visible;cursor:pointer;font-family:inherit;color:inherit}
:is(.hero-ind,[data-mm-hero-card-motion]){
--mm-hero-card-hover-lift:-5.566px;
--mm-hero-card-media-lift:-2.42px;
--mm-hero-card-media-scale:1.0495;
--mm-hero-card-motion-duration:.5s;
--mm-hero-card-motion-ease:cubic-bezier(.34,1.98,.5,1);
--mm-hero-card-surface-duration:.3s;
--mm-hero-card-surface-ease:cubic-bezier(.34,1.56,.64,1);
transform:translate3d(0,0,0);
transition:transform var(--mm-hero-card-motion-duration) var(--mm-hero-card-motion-ease),background var(--mm-hero-card-surface-duration) var(--mm-hero-card-surface-ease),border-color var(--mm-hero-card-surface-duration) var(--mm-hero-card-surface-ease)
}
:is(.hero-ind,[data-mm-hero-card-motion]) :is(.pico,[data-mm-hero-card-media]){transform:translate3d(0,0,0);transition:transform var(--mm-hero-card-motion-duration) var(--mm-hero-card-motion-ease),box-shadow .35s}
.hero-ind.active .pico{transform:none}
@media(hover:hover) and (pointer:fine){
:is(.hero-ind,[data-mm-hero-card-motion]):hover{z-index:4;transform:translate3d(0,var(--mm-hero-card-hover-lift),0)}
:is(.hero-ind,[data-mm-hero-card-motion]):hover :is(.pico,[data-mm-hero-card-media]){transform:translate3d(0,var(--mm-hero-card-media-lift),0) scale(var(--mm-hero-card-media-scale))}
}
:is(.hero-ind,[data-mm-hero-card-motion]):active{transform:translate3d(0,-2px,0) scale(.985)}
.hero-ind.active{background:radial-gradient(366.9px 182px at 50% 50%,rgba(19,141,255,0) 0%,rgba(112,186,255,.4) 50%,rgba(158,208,255,.6) 75%,rgba(205,231,255,.8) 100%) padding-box,linear-gradient(rgba(19,141,255,.4),rgba(19,141,255,.4)) padding-box,linear-gradient(145deg,rgba(255,255,255,.4),rgba(255,255,255,0)) border-box;box-shadow:0 0 20px rgba(0,0,0,.2)}
.hero-ind .pico{width:92px;height:80px;border-radius:14px;flex:none;display:grid;place-items:center;border:none;background:none;overflow:visible}
.hero-ind .pico img{width:128%;height:128%;object-fit:contain;display:block;transform:scale(.85);transform-origin:center}
@media(prefers-reduced-motion:reduce){:is(.hero-ind,[data-mm-hero-card-motion]),:is(.hero-ind,[data-mm-hero-card-motion]) :is(.pico,[data-mm-hero-card-media]){transition:none!important}:is(.hero-ind,[data-mm-hero-card-motion]):is(:hover,:active),:is(.hero-ind,[data-mm-hero-card-motion]):hover :is(.pico,[data-mm-hero-card-media]){transform:none!important}}
.dp-motion-disabled [data-mm-hero-card-motion],.dp-motion-disabled [data-mm-hero-card-motion] [data-mm-hero-card-media]{transform:none!important;transition:none!important}
.hero-ind .pico svg{width:21px;height:21px}
.hero-ind .t{font-family:var(--display);font-weight:700;font-size:14.5px;display:block;color:#fff;transition:color .35s}
.hero-ind.active .t{color:#fff}
.hero-ind .d{font-size:12px;color:rgba(255,255,255,.6);margin-top:2px;line-height:1.35;display:block}
.ind-prog{position:absolute;z-index:3;left:18px;right:18px;bottom:8px;height:1px;width:auto;pointer-events:none;background:linear-gradient(90deg,rgba(103,181,225,.9),rgba(188,224,243,.96) 58%,rgba(232,245,252,.98));box-shadow:0 0 6px rgba(92,181,233,.24);border-radius:999px;transform:scaleX(0);transform-origin:0 50%;will-change:auto}
.hero-ind:not(.active) .ind-prog{opacity:0}
@media(max-width:1024px){.hero-inds{grid-template-columns:1fr 1fr 1fr}.hero-headline{white-space:normal}}
@media(max-width:600px){.hero-inds{grid-template-columns:1fr 1fr}}
@media(max-width:1024px){.hero{min-height:0;height:auto;padding:140px 0 48px;display:block}.hero-inner{height:auto;display:block}.hero-media-column{position:relative;left:calc(50% - 50vw);right:auto;width:100vw;height:clamp(300px,56.25vw,500px);margin-top:28px}.hero-media-frame{inset:0;width:100%;height:100%;transform:none}.hero-video-viewport{inset:12px 20px}.hero-inds{position:static;margin:44px auto 0;max-width:var(--maxw);padding:0 var(--gutter)}}
/* reviews — interleaved columns */
.proof-reviews{display:grid;grid-template-columns:repeat(var(--rev-cols,3),1fr);gap:32px;height:clamp(380px,56vh,600px);overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 15.185%,#000 67.3149%,transparent 94.7798%);mask-image:linear-gradient(to bottom,transparent 0%,#000 15.185%,#000 67.3149%,transparent 94.7798%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;margin-bottom:0}
.proof-reviews.full-bleed{
--review-fill-max:1920px;
--review-fill-half:960px;
--review-hover-bleed:min(24px,calc(var(--gutter) - 4px));
width:calc(min(calc(100vw - var(--page-scrollbar-width)),var(--review-fill-max)) - var(--gutter) - var(--gutter) + var(--review-hover-bleed) + var(--review-hover-bleed));
margin-left:calc(50% - min(calc(50vw - var(--page-scrollbar-half)),var(--review-fill-half)) + var(--gutter) - var(--review-hover-bleed));
margin-right:calc(50% - min(calc(50vw - var(--page-scrollbar-half)),var(--review-fill-half)) + var(--gutter) - var(--review-hover-bleed));
padding-inline:var(--review-hover-bleed)
}
.rev-col{min-width:0;overflow:visible}
.rev-track{display:flex;flex-direction:column;gap:32px;transform-origin:50% 42%;will-change:transform}
.review{position:relative;padding:20px 24px;border-radius:20px;border:1px solid transparent;background:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)) padding-box,radial-gradient(114% 89% at 50% 107%,rgba(255,255,255,.4) 0%,rgba(255,255,255,0) 100%) border-box;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:43px 112px 34px rgba(0,0,0,0),28px 72px 31px rgba(0,0,0,.02),16px 40px 26px rgba(0,0,0,.06),7px 18px 19px rgba(0,0,0,.1),2px 4px 11px rgba(0,0,0,.12),inset -12px 10px 34.5px 4px rgba(98,179,255,.12);display:flex;flex-direction:column;gap:16px;cursor:default;transition:background .3s,border-color .3s,box-shadow .3s}
.review::after{display:none}
.review:hover{transform:none;border:1px solid transparent;background:linear-gradient(180deg,rgba(255,255,255,.128) 0%,rgba(255,255,255,.032) 100%) padding-box,linear-gradient(145deg,rgba(255,255,255,.12) 0%,rgba(6,7,11,0) 46.5485%,rgba(255,255,255,.12) 100%) border-box;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.review>*{position:relative;z-index:1}
.review-copy{display:flex;flex-direction:column;gap:8px;width:100%}
.review .stars{color:#F5B441;font-size:14px;line-height:17px;letter-spacing:1px}
.review p{font-size:14px;line-height:24px;color:#f3f5f8}
.review .who{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);font-size:14px;line-height:17px}
.review .who b{font-family:"SF Pro",var(--body);font-weight:510;color:#fff;font-size:14px}
.review .src{font-family:"SF Pro",var(--body);font-weight:860;color:rgba(243,245,248,.38)}
@media(max-width:820px){.proof-reviews{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.proof-reviews{grid-template-columns:1fr}}
/* media marquee */
.media-marq{overflow:hidden;border:1px solid rgba(255,255,255,0.04);background:radial-gradient(86% 100% at 50% 100%,rgba(19,141,255,0.08) 16.42%,rgba(13,13,13,0) 100%),rgba(6,7,11,0.6);padding:20px 0;white-space:nowrap;margin-bottom:150px}
.media-track{display:inline-flex;gap:clamp(36px,5vw,50px);align-items:center;will-change:auto;padding-left:var(--gutter)}
.media-track.is-motion-active{will-change:transform}
.media-track img{display:block;flex:none;max-width:none;object-fit:contain}
.media-track img:nth-child(13n+1){width:116px;height:24px}.media-track img:nth-child(13n+2){width:100px;height:22px}.media-track img:nth-child(13n+3){width:189px;height:18px}.media-track img:nth-child(13n+4){width:142px;height:24px}.media-track img:nth-child(13n+5){width:94px;height:22px}.media-track img:nth-child(13n+6){width:77px;height:32px}.media-track img:nth-child(13n+7){width:76px;height:28px}.media-track img:nth-child(13n+8){width:107px;height:28px}.media-track img:nth-child(13n+9){width:168px;height:24px}.media-track img:nth-child(13n+10){width:94px;height:28px}.media-track img:nth-child(13n+11){width:90px;height:28px}.media-track img:nth-child(13n+12){width:137px;height:20px}.media-track img:nth-child(13n+13){width:120px;height:22px}
/* awards — premium flip cards */
.awards{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-height:520px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 64%,transparent 98%);mask-image:linear-gradient(180deg,#000 64%,transparent 98%);transition:max-height .65s cubic-bezier(.2,.8,.2,1)}
.award{--award-flip:0deg;--award-lift:0px;--award-rx:0deg;--award-ry:0deg;--award-hover-y:0px;--award-hover-scale:1;--award-light-x:50%;--award-light-y:34%;--award-light-o:.16;--award-shadow-x:0px;--award-shadow-y:14px;--award-shadow-scale:.96;--award-shadow-o:.34;--award-art-x:0px;--award-art-y:0px;--award-copy-x:0px;--award-copy-y:0px;position:relative;container-type:inline-size;min-height:224px;border:none;background:transparent;padding:0;perspective:1000px;cursor:pointer;overflow:visible;transform-origin:50% 50%;transition:transform .36s cubic-bezier(.16,1,.3,1)}
.awards.open{max-height:1400px}
.award-inner{position:relative;width:100%;height:100%;min-height:224px;transform:translateZ(var(--award-lift)) rotateY(var(--award-flip));transition:transform .9s cubic-bezier(.45,0,.55,1);transform-style:preserve-3d;will-change:auto}
.award.is-flipped{--award-flip:180deg;--award-lift:4px;--award-light-o:.2;--award-shadow-y:17px;--award-shadow-scale:.94;--award-shadow-o:.48}
.award-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:30px;border:1px solid transparent;background:linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.04) 100%) padding-box,linear-gradient(145deg,rgba(255,255,255,.12) 0%,rgba(6,7,11,0) 46.5485%,rgba(255,255,255,.12) 100%) border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:43px 112px 34px rgba(0,0,0,0),28px 72px 31px rgba(0,0,0,.02),16px 40px 26px rgba(0,0,0,.06),7px 18px 19px rgba(0,0,0,.1),2px 4px 11px rgba(0,0,0,.12);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;padding:26px 28px;text-align:left;transform-style:flat;isolation:isolate}
.aw-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%}
.aw-img{width:96px;height:96px;object-fit:contain;display:block;margin:-6px 0 0 -8px}
[data-mm-awards] .award[data-award-density="compact"] .aw-img{width:60px;height:60px;margin:0}
.aw-yr{font-family:var(--mono-bold);font-weight:700;font-size:28px;line-height:24px;letter-spacing:1.2px;color:rgba(255,255,255,.3);padding-top:4px}
.aw-body{display:flex;flex-direction:column;gap:8px;width:100%}
.award .nm{font-family:var(--display);font-weight:900;font-size:18px;line-height:1.25;letter-spacing:0;background:linear-gradient(173.143deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;min-height:0;text-align:left}
.aw-strip{width:100%;border-top:1px solid rgba(255,255,255,.4);border-bottom:none;padding:10px 0 0;font-family:"SF Pro",var(--body);font-weight:510;font-size:14px;line-height:20px;color:#fff}
[data-mm-awards] .award .nm,
[data-mm-awards] .award .aw-strip,
[data-mm-awards] .award .aw-sp-nm{white-space:normal;overflow-wrap:normal;word-break:normal}
[data-mm-awards][data-award-fit-active] .award .nm,
[data-mm-awards][data-award-fit-active] .award .aw-strip{white-space:nowrap;overflow-wrap:normal;word-break:normal}
[data-mm-awards] .award[data-award-name-lines] .nm,
[data-mm-awards] .award[data-award-strip-lines] .aw-strip{white-space:normal;overflow-wrap:normal;word-break:normal}
[data-mm-awards] .award[data-award-strip-lines] .aw-strip{padding-top:6px}
[data-mm-awards] .award[data-award-name-lines][data-award-strip-lines] .aw-body{gap:4px}
[data-mm-awards] .award[data-award-front-fit] .nm{font-size:var(--award-fit-name-size);line-height:var(--award-fit-name-line)}
[data-mm-awards] .award[data-award-strip-fit] .aw-strip{font-size:var(--award-fit-strip-size);line-height:var(--award-fit-strip-line)}
[data-mm-awards] .award[data-award-back-fit] .aw-sp-nm{font-size:var(--award-fit-publisher-size);line-height:var(--award-fit-publisher-line)}
.award-face.front{transform:translateZ(3px)}
.award-face.back{transform:rotateY(180deg) translateZ(3px);align-items:center;justify-content:center;text-align:center;background:radial-gradient(160% 190% at 50% 148%,rgba(255,0,51,.3) 5.6894%,rgba(255,114,0,0) 100%) padding-box,linear-gradient(rgba(255,0,51,.16),rgba(255,0,51,.16)) padding-box,linear-gradient(rgba(6,7,11,.6),rgba(6,7,11,.6)) padding-box,linear-gradient(145deg,rgba(255,0,51,.8),rgba(255,255,255,.16)) border-box;border:1px solid transparent;box-shadow:inset 0 2px 24px rgba(255,0,51,.12),13px 124px 35px rgba(0,0,0,0),8px 79px 32px rgba(0,0,0,.03),5px 45px 27px rgba(0,0,0,.1),2px 20px 20px rgba(0,0,0,.17),1px 5px 11px rgba(0,0,0,.2)}
.aw-back-yr{font-family:var(--mono-bold);font-weight:700;font-size:2.1rem;color:rgba(255,255,255,.85);line-height:1}
@media(max-width:900px){.awards{grid-template-columns:1fr 1fr}}
@media(min-width:561px) and (max-width:900px){.award,.award-inner{height:262px;min-height:262px}}
@media(max-width:560px){.awards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.award{--award-lift:0px!important;transform:none!important;transition:none;will-change:auto}.award-inner{transition:none;will-change:auto}}
/* ===== scroll animations: reveal / parallax / count-up ===== */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.reveal-stagger.in{transition-delay:calc(var(--ri,0) * 70ms)}
.awards-head.reveal{transform:none}
.scroll-parallax-layer{translate:0 0;will-change:auto}
.scroll-parallax-layer.is-parallax-active{will-change:translate}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
@media(prefers-reduced-motion:reduce){.scroll-parallax-layer{translate:none!important;will-change:auto}}
.hero-photo,.cta.cta-full img{will-change:auto}
/* ===== stacking pinned sections: each block covers the previous as you scroll ===== */
.stack-layer{position:relative;z-index:var(--sz,1);isolation:isolate;background:none}
.stack-layer:not(:first-of-type){border-radius:36px 36px 0 0;box-shadow:0 -40px 70px -28px rgba(0,0,0,.65)}
#proof.stack-layer{background:none}
@supports (position:sticky){ .stack-layer{position:sticky;top:0} }
.scrub-inner{position:relative}
.stack-glow{position:absolute;z-index:0;border-radius:50%;pointer-events:none;filter:blur(60px);transform:translateY(calc(var(--progress,0) * -70px))}
.stack-layer>.wrap,.stack-layer>.cta{position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){ .stack-layer{position:relative!important;box-shadow:none!important;border-radius:0!important} .scrub-inner{transform:none!important} .stack-glow{display:none} }
@media(prefers-reduced-motion:reduce){ #accounts.stack-layer{padding-top:calc(clamp(50px,8vh,80px) + 40px)!important} }
/* award stat line + year-grouped rows */
.awards-head{margin-bottom:50px;position:relative;padding-bottom:0}
#awards{scroll-margin-top:96px}
.awards-head h2{text-align:left}
.award-stat-line{display:flex;align-items:center;gap:14px;margin:10px 0 0;max-width:none}
.award-stat-line .lead{white-space:nowrap;margin:0;font-size:20px;line-height:1.4}
.award-stat-divider{flex:1;height:1px;background:rgba(255,255,255,.24)}
.award-stat-num{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.08em;color:rgba(255,255,255,.6);white-space:nowrap}
.award-stat-num b{font-weight:700;color:#fff}
.award-stat-sep{font-family:var(--mono-bold);font-weight:700;color:rgba(255,255,255,.35)}
.awards-years{display:flex;flex-direction:column}
.award-more-wrap{text-align:center;margin-top:64px}
.award-year-row{display:flex;gap:clamp(28px,5vw,80px);align-items:flex-start;padding:30px 0;border-top:1px solid var(--line)}
.awards-years.clipped{max-height:none;overflow:clip;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 84px),rgba(0,0,0,.96) calc(100% - 72px),rgba(0,0,0,.78) calc(100% - 52px),rgba(0,0,0,.42) calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 84px),rgba(0,0,0,.96) calc(100% - 72px),rgba(0,0,0,.78) calc(100% - 52px),rgba(0,0,0,.42) calc(100% - 28px),transparent 100%)}
.award-year-row:first-child{border-top:none;padding-top:0}
.award-year-rail{position:sticky;top:96px;z-index:3;align-self:flex-start;width:168px;flex:none;display:flex;flex-direction:column;gap:18px}
.ay-year{font-family:var(--mono-bold);font-weight:700;font-size:clamp(3rem,4.6vw,5rem);line-height:1;color:rgba(255,255,255,.5);letter-spacing:-.02em}
.ay-count{display:inline-flex;gap:5px;align-items:baseline;font-family:var(--mono);font-size:12.5px;font-weight:500;color:var(--muted);border:none;border-top:1px solid rgba(255,255,255,.25);border-radius:0;padding:14px 0 0;align-self:flex-start;letter-spacing:.06em}
.ay-count b{font-weight:700;color:#fff}
html:not([lang^="zh"]) :is(.award-stat-num,.ay-count) b{font-family:var(--mono-bold)}
html:is([lang="zh-CN"],[lang="zh-TW"]) :is(.award-stat-num,.ay-count){font-family:var(--body);font-variant-numeric:tabular-nums}
.award-year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;flex:1;min-width:0;align-content:start}
@media(max-width:1200px){.award-year-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.award-year-row{flex-direction:column;gap:18px}.award-year-rail{position:relative;top:auto;width:auto;flex-direction:row;align-items:center;gap:14px}.ay-year{font-size:2rem}}
@media(max-width:560px){.award-year-grid{grid-template-columns:1fr}}
/* ===== 2026-06 全面视觉优化 ===== */
/* 文字选区与滚动条 — 细节质感 */
::selection{background:rgba(19,141,255,.32);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#07090f}
::-webkit-scrollbar-thumb{background:#1d2533;border-radius:8px;border:2px solid #07090f}
::-webkit-scrollbar-thumb:hover{background:#2a3447}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
img{-webkit-user-drag:none}
/* 排版：避免孤字、断行更优雅 */
.lead,.review p,.ftext i,.acct li,.legal>p{text-wrap:pretty}
/* 按钮按压反馈 */
.btn:active{transform:translateY(0) scale(.97)}
/* 滚动后导航投影，层次更清楚 */
header.scrolled .nav{box-shadow:0 12px 40px -12px rgba(0,0,0,.55)}
/* 首屏大标题：金属感渐变（强调字保持品牌色） */
/* 区块标题：金属感渐变（强调字保持品牌蓝） */
.h-1{background:linear-gradient(180deg,#ffffff 30%,#b9c6de 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.h-1 .accent{-webkit-text-fill-color:var(--accent);color:var(--accent)}
html.wire .h-1{background:none!important;color:var(--fg)!important;-webkit-text-fill-color:var(--fg)!important}
.hero-slide h1,.hero-headline{background:linear-gradient(180deg,#ffffff 26%,#b9c6de 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-slide h1 .accent,.hero-headline .accent{-webkit-text-fill-color:var(--accent);color:var(--accent)}
/* 点差表：MONETA 列整列强调 */
.spread-table th.col-mm{background:rgba(19,141,255,.06);border-radius:10px 10px 0 0}
.spread-table td.col-mm{background:rgba(19,141,255,.06)}
.spread-table tr:last-child td.col-mm{border-radius:0 0 10px 10px}
/* 行情条芯片悬停轻浮起 */
.tk{transition:transform .3s cubic-bezier(.2,.7,.3,1),border-color .3s}
.tk:hover{transform:translateY(-2px);border-color:transparent}
/* 区块标题节奏统一 */
.sec-center{margin-bottom:clamp(44px,5.5vh,50px)}
#proof .sec-center{margin-bottom:40px}
/* 奖项 hover 由 Figma 的独立背面状态呈现，正面不叠加隐藏光效。 */
.award-face.front{transition:background .4s,box-shadow .4s,border-color .4s}
.aw-sp-row{display:flex;align-items:center;gap:4px;align-self:stretch}
.aw-laurel{display:block;width:clamp(32px,16cqi,57px);height:auto;aspect-ratio:192/327;object-fit:contain;object-position:center;flex:none}
.aw-laurel.flip{transform:scaleX(-1)}
.aw-sp-nm{flex:1;text-align:center;font-size:14px;line-height:20px;font-weight:510;color:rgba(255,255,255,.7)}
@container (max-width:300px){
.aw-sp-row{position:relative;justify-content:center;min-width:0}
.aw-laurel{position:absolute;top:50%;width:30px;opacity:.72}
.aw-laurel:first-child{left:-26px;transform:translateY(-50%)}
.aw-laurel.flip{right:-26px;transform:translateY(-50%) scaleX(-1)}
.aw-sp-nm{position:relative;z-index:1;min-width:0}
}
/* 数据卡悬停：数字蓝色光晕 */
.estat:hover .n{filter:drop-shadow(0 6px 18px rgba(19,141,255,.35))}
/* 页脚链接微动效 */
.foot-col a{transition:color .25s,transform .25s}
.foot-col:not(.foot-brand)>a:hover{transform:translateX(3px)}
/* Figma 可见态：牌照号标签为 12% 白色填充。 */
.reg-item .lic{background:rgba(255,255,255,.12)}
/* C4D 风格配图 */
.hero-c4d{width:100%;max-width:540px;height:auto;display:block;filter:drop-shadow(0 30px 60px rgba(238,31,57,.18))}
.award-c4d{width:150px;height:auto;display:block;margin:0 auto 14px}
/* atmosphere tweak */
body.atmo-minimal #stars{opacity:.35}
body.atmo-minimal .hero-glow{opacity:.45}
body.atmo-minimal .reg-visual .gsphere-glow{opacity:.5}
/* tweaks panel */
#tweaksPanel{position:fixed;right:18px;bottom:18px;z-index:1000;width:248px;background:rgba(13,16,23,.94);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.6);padding:16px 16px 18px;font-family:var(--body);color:var(--fg)}
#tweaksPanel[hidden]{display:none}
#tweaksPanel .tw-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--display);font-weight:600;font-size:15px;margin-bottom:14px}
#tweaksPanel .tw-x{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;line-height:1;padding:4px;border-radius:6px}
#tweaksPanel .tw-x:hover{color:var(--fg);background:rgba(255,255,255,.08)}
#tweaksPanel .tw-sec{margin-top:14px}
#tweaksPanel .tw-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-bottom:9px}
#tweaksPanel .tw-swatches{display:flex;gap:10px}
#tweaksPanel .__accentSwatch{width:34px;height:34px;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s;outline:1px solid rgba(255,255,255,.12)}
#tweaksPanel .__accentSwatch:hover{transform:translateY(-2px)}
#tweaksPanel .__accentSwatch.on{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.25)}
#tweaksPanel .tw-seg{display:flex;gap:6px;background:rgba(255,255,255,.04);border:1px solid var(--line-soft);border-radius:100px;padding:4px}
#tweaksPanel .tw-seg button{flex:1;font-family:var(--body);font-size:12.5px;font-weight:600;color:var(--muted);background:none;border:none;border-radius:100px;padding:7px 4px;cursor:pointer;transition:color .2s,background .2s;white-space:nowrap}
#tweaksPanel .tw-seg button:hover{color:var(--fg)}
#tweaksPanel .tw-seg button.on{color:#0a0b0f;background:var(--fg)}
@media(max-width:560px){#tweaksPanel{right:10px;left:10px;bottom:10px;width:auto}}
@media (prefers-reduced-motion:reduce){.foot-globe,.reg-globe,.ticker-track{animation:none}html{scroll-behavior:auto}}
/* ===== Wireframe mode (Tweaks：线框稿·深色) — 去除视觉设计系统，保留布局、动画与 hover ===== */
html.wire{--bg:#131312;--bg-soft:#191918;--card:#1d1d1c;--card-2:#1d1d1c;--line:#3f3f3c;--line-soft:#2c2c2a;--fg:#e9e9e6;--muted:#a3a39f;--muted-2:#7a7a76;--accent:#a3a39f;--accent-deep:#8f8f8b;--blue:#a3a39f;--blue-deep:#8f8f8b;--dot:#7a7a76;--green:#a3a39f;--green-bright:#a3a39f;--mono:ui-monospace,Menlo,Consolas,monospace;--display:Arial,Helvetica,sans-serif;--body:Arial,Helvetica,sans-serif}
html.wire body{background:var(--bg);color:var(--fg);font-family:var(--body)}
html.wire body *:not(#tweaksPanel):not(#tweaksPanel *):not(.hero-photo),html.wire body *:not(#tweaksPanel):not(#tweaksPanel *):not(.hero-photo)::before,html.wire body *:not(#tweaksPanel):not(#tweaksPanel *):not(.hero-photo)::after{box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-image:none!important}
html.wire ::selection{background:#3a3a38;color:#fff}
html.wire ::-webkit-scrollbar-track{background:#1a1a19}
html.wire ::-webkit-scrollbar-thumb{background:#3f3f3c;border-color:#1a1a19}
/* gradient-clip text → plain */
html.wire .hero-headline,html.wire .estat .n,html.wire .stat .n,html.wire .v-pct,html.wire .acct-name,html.wire .acct-desc,html.wire .award .nm,html.wire .reg-item .ab{background:none!important;color:var(--fg)!important;-webkit-text-fill-color:var(--fg)!important;filter:none!important}
html.wire .hero-headline .accent,html.wire .accent{color:var(--fg)!important;-webkit-text-fill-color:var(--fg)!important}
/* filled surfaces → dark boxes with gray outline */
html.wire header{background:none!important}
html.wire header .nav,html.wire .mega,html.wire .drawer,html.wire .lang-menu,html.wire .prop-pill,html.wire .mm-madrid,html.wire .lang-btn,html.wire .menu-btn,html.wire .btn-primary,html.wire .btn-sub-red,html.wire .btn-ghost,html.wire .tab,html.wire .tabs,html.wire .signup-field,html.wire .hero-ind,html.wire .tk,html.wire .tk .ico,html.wire .review,html.wire .media-marq,html.wire .award-face,html.wire .ay-count,html.wire .spread-panel,html.wire .sp-mm,html.wire .panel-grid,html.wire .device,html.wire .device-cell,html.wire .device-badge,html.wire .pg-chip,html.wire .acct,html.wire .acct .flag,html.wire .acct-state,html.wire .fnum,html.wire .flow-label,html.wire .reg-item,html.wire .reg-item .lic,html.wire .pay-badge,html.wire .foot-social a,html.wire .glabel,html.wire .badge,html.wire .float-tag{background:#1d1d1c!important;color:var(--fg)!important;border:1px solid #4a4a47!important;box-shadow:none!important}
html.wire .btn,html.wire .btn-primary,html.wire .btn-sub-red,html.wire .btn-ghost,html.wire .tab,html.wire .acct-state,html.wire .fnum,html.wire .lang-btn,html.wire .menu-btn,html.wire .flow-label{background:#1d1d1c!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
html.wire .btn-primary::before,html.wire .btn-sub-red::before,html.wire .btn-ghost::before,html.wire .acct-state::after,html.wire .fnum::after,html.wire .tab::before,html.wire #awardMore::before{display:none!important;background:none!important;filter:none!important}
html.wire .cta.cta-full{background:#181817!important;border:0!important}
html.wire .mega-col a:hover{background:#262624!important}
/* hover stays visible, just gray */
html.wire .btn-primary:hover,html.wire .btn-ghost:hover,html.wire .tab:hover,html.wire .reg-item:hover,html.wire .review:hover,html.wire .hero-ind:hover,html.wire .pay-badge:hover,html.wire .tk:hover,html.wire .prop-pill:hover,html.wire .mm-madrid:hover,html.wire .lang-btn:hover{background:#282826!important;border-color:#6b6b68!important}
/* active / selected → solid light ink */
html.wire .tab.active,html.wire .fstep.on .fnum,html.wire .lang-option.on,html.wire .acct.sel .acct-state{background:#e9e9e6!important;color:#131312!important;border-color:#e9e9e6!important;-webkit-text-fill-color:#131312}
html.wire .acct.sel .acct-state::before{border-color:#131312}
html.wire .acct.sel{border:1px solid #e9e9e6!important;background:#1d1d1c!important}
html.wire .acct:hover{transform:translateY(-8px)}
html.wire .hero-ind.active{background:#37373a!important;border-color:#4a4a47!important}
html.wire .flow-rail{background:#2c2c2a!important}
html.wire .flow-rail-fill{background:#e9e9e6!important}
html.wire .ind-prog{left:32px;background:#e9e9e6!important}
html.wire .review .stars{color:#7a7a76!important}
html.wire .hero-ind .t{color:var(--fg)!important}
html.wire .hero-ind .d{color:var(--muted-2)!important}
html.wire .sp-title,html.wire .pg-tagline,html.wire .reg-tip{color:var(--muted)!important}
html.wire .award-stat-divider{background:#3f3f3c}
html.wire .ay-count{background:transparent!important;border:0!important;border-top:1px solid #4a4a47!important;padding:14px 0 0!important}
html.wire .sp-mm{border:1.5px solid #4a4a47!important}
html.wire .foot-social a{background:#3a3a38!important;border:0!important}
html.wire .social-icon{filter:grayscale(1)!important;opacity:.82}
html.wire .foot-social a img{display:none!important}
/* imagery → flat dark placeholder blocks (motion preserved on canvas) */
html.wire img{filter:grayscale(1) contrast(0) brightness(.52)!important}
html.wire canvas{filter:grayscale(1) contrast(.85)!important}
html.wire #globe3d{filter:none!important}
html.wire body .hero-photo{background:#242422!important}
html.wire body .cta.cta-full>img{display:none!important}
html.wire .cta::after{display:none}
html.wire svg [stroke="#fff"],html.wire svg [stroke="#ffffff"],html.wire svg [stroke="#0a0b0f"],html.wire svg [stroke="#f3f5f8"],html.wire svg [stroke="#FF0033"],html.wire svg [stroke="#3FD18C"],html.wire svg [stroke="#0b1126"]{stroke:#b5b5b1!important}
html.wire svg [fill="#FF0033"],html.wire svg [fill="#fff"],html.wire svg [fill="#f4f7ff"],html.wire svg [fill="#0b1126"],html.wire svg [fill="#00FF51"]{fill:#b5b5b1!important}
html.wire .tab.active svg [stroke],html.wire .acct.sel .acct-state svg [stroke]{stroke:#131312!important}
html.wire .pay-badge svg{filter:grayscale(1) invert(.85) opacity(.85)}
html.wire .mm-text .x{color:var(--fg)!important}
html.wire .flow-chev{color:var(--muted)!important}
html.wire .flow-chev path{stroke:var(--muted)!important}
html.wire .flow-note b{color:var(--fg)!important}
html.wire .feat li svg{background:#3a3a38!important}
html.wire .estat .n{filter:none!important}
html.wire .sp-mm::before{background:#242422!important;box-shadow:none!important}
html.wire .mega-col a:hover .mi svg{filter:none!important}
html.wire .mega-col .mi{color:var(--muted)!important}
html.wire .award:hover .award-face.front{background:#282826!important;box-shadow:none!important}
/* responsive */
@media(max-width:1024px){
.hero-grid{grid-template-columns:1fr;gap:40px}
.promo-strip{grid-template-columns:1fr 1fr}
.stats-row,.awards{grid-template-columns:1fr 1fr}
.foot-bottom{grid-template-columns:1fr 1fr}
.foot-cta{grid-template-columns:1fr}
.foot-globe{display:none}
}
@media(max-width:980px){
.nav-links{display:none}
.menu-btn{display:grid}
.btn-login{display:none}
.prop-pill,.mm-madrid{display:none}
}
@media(max-width:600px){
.promo-strip,.stats-row,.awards,.foot-bottom{grid-template-columns:1fr}
.term-row{grid-template-columns:1fr 1fr 1fr}
.sec-head{flex-direction:column;align-items:flex-start}
.copy{flex-direction:column}
}
/* P2.4 Figma parity */
:root{
--display:"SF Pro Display","SF Pro","Alibaba PuHuiTi 3.0","Noto Sans SC",sans-serif;
--body:"SF Pro Text","SF Pro","Alibaba PuHuiTi 3.0","Noto Sans SC",sans-serif;
}
.h-hero,.h-1,.pg-name{font-family:"SF Pro Display","SF Pro","Alibaba PuHuiTi 3.0","Noto Sans SC",sans-serif}
.h-hero .heading-latin,.h-1 .heading-latin{font-family:"SF Pro Display","SF Pro",sans-serif;font-weight:800}
body,h1,h2,h3,h4{letter-spacing:0}
.hero-headline{background-image:linear-gradient(172.51596979956489deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%)}
#trust .h-1{background-image:linear-gradient(171.6089024304518deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%)}
#proof .sec-center .h-1{background-image:linear-gradient(162.91173218733917deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%)}
#proof .awards-head .h-1{background-image:linear-gradient(164.93400536202915deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%)}
#platforms .h-1{background-image:linear-gradient(166.41809460273203deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%)}
:is(#accounts,[data-mm-account-component]) .h-1{background-image:linear-gradient(167.8590624810739deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%)}
#reg .h-1{background-image:linear-gradient(171.42073534401806deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%)}
.cta.cta-full .h-1{background-image:linear-gradient(163.75548292788818deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%)}
.term-price,.stat .n,.estat .n,.estat .n-unit,.spread-head .sp-title,.sp-head,.sp-prod .sp-row,.sp-mm .sp-row,.sp-avg .sp-row,.pg-name,.ay-year{letter-spacing:0}
html,body{overflow-x:clip}
.media-picture{display:contents}
.figma-bg{--parallax-x:-50%;--parallax-y:0px;position:absolute;z-index:1;display:block;max-width:none;object-fit:cover;object-position:center;pointer-events:none;user-select:none;transform:translate3d(var(--parallax-x),var(--parallax-y),0);will-change:auto}
.figma-bg-trust{left:calc(50% - 35px);top:-100px;width:2108px;height:1888px}
#trust>.figma-bg-trust-clip{
position:absolute;
z-index:2;
inset:0;
overflow:hidden;
pointer-events:none
}
html:not(.wire) #trust>.figma-bg-trust-clip{
-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.04) 48px,rgba(0,0,0,.16) 96px,rgba(0,0,0,.4) 152px,rgba(0,0,0,.7) 210px,#000 280px);
mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.04) 48px,rgba(0,0,0,.16) 96px,rgba(0,0,0,.4) 152px,rgba(0,0,0,.7) 210px,#000 280px);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat
}
.figma-bg-review-hf{--parallax-x:0;left:0;top:-856.07px;width:1920px;height:1044px;overflow:hidden}
.figma-bg-review-hf>img{position:absolute;left:-15.16%;top:-26.53%;width:130.22%;height:134.71%;max-width:none}
.figma-bg-review-hf::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06070b 0%,rgba(6,7,11,0) 71.851%,#06070b 100%)}
.figma-bg-awards-clip{position:absolute;z-index:1;left:0;right:0;top:287px;bottom:0;overflow:clip;pointer-events:none;user-select:none}
.figma-bg-awards-pin{position:sticky;top:var(--award-sticky-top,0px);height:var(--award-sticky-height,100vh);pointer-events:none}
.figma-bg-awards{left:calc(50% + 40px);top:0;width:2152px;height:2069px;opacity:.82;filter:none;transform:translate3d(var(--parallax-x),var(--parallax-y,0px),0)}
html:not(.wire) .figma-bg-awards-clip::after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(6,7,11,0) 0%,rgba(6,7,11,0) 48%,rgba(6,7,11,.04) 57%,rgba(6,7,11,.12) 66%,rgba(6,7,11,.28) 74%,rgba(6,7,11,.5) 82%,rgba(6,7,11,.72) 88%,rgba(6,7,11,.9) 93%,#06070b 97%,#06070b 100%);pointer-events:none}
.figma-bg-platform{left:calc(50% - 389.527px);top:-955.18px;width:2450.745px;height:2441.716px}
.figma-bg-accounts{left:50%;top:-927.07px;width:1920px;height:1141px;overflow:hidden}
.figma-bg-accounts>img{position:absolute;left:-.56%;top:-.88%;width:100.76%;height:101.29%;max-width:none}
.figma-bg-accounts::after{content:"";position:absolute;inset:0;background:linear-gradient(179.523074213756deg,#06070b .66119%,rgba(6,7,11,0) 67.847%,#06070b 99.309%)}
.figma-bg-reg{left:calc(50% + 388px);top:-598px;width:2094px;height:1753px}
@media(max-width:600px){
.figma-bg-trust{left:50%;width:878px}
.figma-bg-awards{width:952px}
.figma-bg-platform{left:50%;width:870px}
.figma-bg-reg{left:50%;width:878px}
}
.hero-grad{display:none}
.stack-layer{background:none;overflow:clip}
.stack-layer:not(:first-of-type){border-radius:0;box-shadow:none}
#proof.stack-layer{background:none}
html:not(.wire) #proof::after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:-1px;height:440px;background:linear-gradient(180deg,rgba(6,7,11,0) 0%,rgba(6,7,11,.05) 18%,rgba(6,7,11,.16) 36%,rgba(6,7,11,.38) 55%,rgba(6,7,11,.64) 72%,rgba(6,7,11,.86) 86%,#06070b 96%,#06070b 100%);pointer-events:none}
.stack-layer>.wrap,.stack-layer>.scrub-inner,.stack-layer>.ticker,.stack-layer>.cta{position:relative;z-index:3;background:transparent}
html:not(.wire) .figma-bg-trust{z-index:2}
#trust .stack-glow,#proof .stack-glow,:is(#accounts,[data-mm-account-component]) .stack-glow{display:none}
.media-track img{display:block;flex:none;max-width:none;max-height:none}
.pay-badge img{display:block;width:70px;height:48px}
@media(min-width:1201px){
.h-1{font-size:50px;line-height:70px;font-weight:900}
.sec-center .lead{font-size:20px;line-height:28px;margin-top:10px}
.sec-center{height:108px;margin-bottom:50px}
.hero-copy{padding-left:8px}
.hero-headline{font-size:50px;line-height:60px}
.hero-sub{font-size:20px;line-height:28px}
.signup-field,.signup-bar .btn{height:48px}
.signup-field{min-width:0}
.btn-infield{width:111px;height:48px!important;padding:12px 16px}
.btn-icon{width:52px;height:48px}
.hero-ind{justify-content:center;gap:8px;padding:20px 16px}
.hero-ind .pico{position:relative;width:80px;height:80px;overflow:visible}
.hero-ind .pico img{position:absolute;display:block;max-width:none;object-fit:cover;transform:none}
.hero-ind:nth-child(1) .pico img{left:-1.1px;top:-1px;width:83px;height:83px}
.hero-ind:nth-child(2) .pico img{left:-3.3px;top:-5px;width:87px;height:87px}
.hero-ind:nth-child(3) .pico img{left:-9px;top:-6px;width:92px;height:92px}
.hero-ind:nth-child(4) .pico img{left:-9.2px;top:-10px;width:94px;height:94px}
.hero-ind:nth-child(5) .pico img{left:-1.9px;top:-3.37px;width:78px;height:78px}
.hero-ind .t{font-size:16px;line-height:22px}
.hero-ind .d{font-size:12px;line-height:16.2px;margin-top:4px}
#trust{height:1249.336px;padding-top:140px;padding-bottom:80px;overflow:clip}
#trust .sec-center{height:70px;margin-bottom:20px}
#trust .ticker{height:150px;padding:40px 0;margin-bottom:100px}
#trust .spread-head{display:flex;flex-direction:column;align-items:center;width:max-content;height:85.336px;margin:0 auto 50px;padding:0 32px 13.752px 0}
#trust .sp-title{font-size:32.089px;line-height:45px}
#trust .sp-sub{font-size:16.044px;line-height:22px;margin-top:4.584px}
#trust .exec-layout{grid-template-columns:320px 704.14px 320px;max-width:1344.14px}
#trust .spread-panel{width:704.14px;height:438px;padding:0;border:0;border-radius:20px;background:radial-gradient(130% 100% at 50% 0%,rgba(255,255,255,.12) 0%,rgba(13,13,13,0) 100%);-webkit-backdrop-filter:blur(11.46px);backdrop-filter:blur(11.46px)}
#trust .spread-cols{grid-template-columns:200px 264.14px 240px;height:100%;align-items:center}
#trust .sp-col{height:438px;padding:20px 0;gap:40px}
#trust .sp-head{height:58px;flex:none}
#trust .sp-list{width:100%;gap:20px;margin:0}
#trust .sp-row{height:44px;min-height:44px;flex:none;align-items:flex-start;line-height:24px}
#trust .sp-prod{width:200px;padding:20px 0 20px 40px}
#trust .sp-prod .sp-head{justify-content:flex-start;padding:0 40px 0 0}
#trust .sp-prod .sp-row{padding:0 40px 20px 0;font-size:16px;line-height:24px}
#trust .sp-mm{width:264.14px;height:478px;align-self:center;padding:40px 0;gap:40px;border:0;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:0 -4.584px 22.921px rgba(6,7,11,.8)}
#trust .sp-mm::before{inset:0;background:radial-gradient(212.6% 100% at 50% 0%,rgba(19,141,255,.6) 0%,rgba(15,107,194,.45) 25%,rgba(12,74,133,.3) 50%,rgba(9,40,72,.15) 75%,rgba(6,7,11,0) 100%),linear-gradient(rgba(19,141,255,.3),rgba(19,141,255,.3)),linear-gradient(rgba(6,7,11,.2),rgba(6,7,11,.2))}
#trust .sp-mm .sp-head{height:58px;padding:0 40px}
#trust .sp-logo{width:153.44px;height:30px}
#trust .sp-mm .sp-row{height:44px;padding:0 40px 20px;gap:12px;font-size:20px;line-height:24px;border-bottom-color:#fff}
#trust .sp-mark-wrap{position:relative;width:24px;height:24px;overflow:hidden;flex:none}
#trust .sp-value{width:82px;flex:none;text-align:left;line-height:24px}
#trust .sp-avg{width:240px;padding:20px 40px 20px 0}
#trust .sp-avg .sp-head{height:58px;padding:0 40px}
#trust .sp-avg .sp-row{height:44px;padding:0 40px 20px;font-size:20px;line-height:24px}
#trust .sp-avg-value{width:76px;flex:none;text-align:left;line-height:24px}
#trust .spread-foot{width:472.163px;max-width:100%;height:46px;margin-top:50px;font-size:13.752px;line-height:22.921px;padding:0}
#proof{padding-top:80px!important;padding-bottom:80px!important;overflow:clip}
#proof>.scrub-inner>.wrap{max-width:1560px}
#proof>.scrub-inner>.wrap>.review-stage>.sec-center{max-width:447px}
#proof .sec-center{height:108px;margin-bottom:40px}
.proof-reviews{height:600px}
.review{height:165px;padding:20px 24px;gap:16px}
.media-marq{height:86px;padding:24px 0;margin-bottom:160px}
.media-track{height:38px;gap:50px;padding-left:var(--gutter)}
.awards-head{height:108px;margin-bottom:50px}
.awards-head h2{height:70px}
.award-stat-line{height:28px;margin-top:10px}
.award-year-row{padding:0;border-top:0}
.award-year-row+.award-year-row{margin-top:50px;padding-top:40px;border-top:1px solid var(--line)}
.award-year-rail{width:168px;gap:20px}
.award-year-grid{grid-template-columns:repeat(3,1fr);gap:32px}
.award{height:204px;min-height:204px}
.award-inner{height:204px;min-height:204px}
.award-face{height:204px;padding:27px 29px;border:1px solid transparent}
.aw-img{width:60px;height:60px;margin:0}
.aw-yr{font-size:28px;line-height:24px;padding-top:4px}
.award .nm{font-size:18px;line-height:22px}
.aw-strip{font-size:14px;line-height:20px;padding-top:9px}
.award-face.back{padding:32px;gap:8px;border:1px solid transparent}
.aw-back-yr{font-size:28px;line-height:24px;letter-spacing:1.2px}
.awards-years.clipped{max-height:none}
#awardMore{width:max-content;min-width:0;height:54px}
#awardMore{border:1px solid #fff;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 200.66%);box-shadow:inset 0 -4px 8px rgba(154,180,255,.08)}
#awardMore::before{inset:-2px 6px 4px;background:rgba(255,255,255,.16);filter:blur(5px);opacity:1}
#awardMore:hover{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.03) 200.66%);border-color:#fff;box-shadow:inset 0 -4px 8px rgba(154,180,255,.12)}
#platforms{height:893px;padding-top:120px!important;padding-bottom:120px!important;overflow:clip}
#platforms .wrap{max-width:1284px}
#platforms .sec-center{height:108px;max-width:560px;margin-bottom:60px}
#platforms .tabs{width:746px;height:61px;padding:8px;margin-bottom:20px;flex-wrap:nowrap}
#platforms .tab{height:45px;padding:0 26px;line-height:45px}
#platforms .panel-grid{width:800px;height:404px;grid-template-columns:380px 380px;gap:40px;align-items:center;padding:0;border:0;border-radius:26px;background:transparent;overflow:visible;box-shadow:none}
#platforms .pg-text{width:380px}
#platforms .pg-visual-photo{position:relative;width:380px;height:404px;margin:0;display:block;border-radius:20px;overflow:visible}
#platforms .pg-photo{position:absolute;max-width:none;object-fit:contain}
:is(#accounts,[data-mm-account-component]){height:1148px;min-height:1148px;padding-top:120px!important;padding-bottom:80px!important;overflow:visible}
:is(#accounts,[data-mm-account-component])>.wrap{max-width:1284px}
:is(#accounts,[data-mm-account-component]) .sec-center{height:108px;margin-bottom:70px}
#acctSelect{width:1156px;height:464.571429px;box-sizing:border-box;padding-inline:4px;grid-template-columns:repeat(3,361.333333px);gap:32px}
.acct{height:464.571429px;gap:16.190476px}
:is(#accounts,[data-mm-account-component]) .flow-panel{width:1156px;height:192px;margin:70px 0 0;padding:0;border:0}
:is(#accounts,[data-mm-account-component]) .flow-head{height:48px;margin-bottom:24px}
:is(#accounts,[data-mm-account-component]) .flow-steps{height:120px;grid-template-columns:repeat(3,356px);gap:44px}
#reg{height:814px;padding-top:180px!important;padding-bottom:120px!important;overflow:clip}
#reg .reg-layout{width:1200px;height:514px;grid-template-columns:457px 703px;gap:40px}
#reg .reg-visual{width:457px;height:489px;min-height:489px}
#reg .reg-info{width:703px;height:514px}
#reg .reg-info h2{height:70px;margin-bottom:8px}
#reg .reg-info>.lead{height:56px;margin-bottom:40px;font-size:20px;line-height:28px}
#reg .reg-info .reg-grid{height:340px;margin-top:0}
#reg .reg-item{height:160px;min-height:160px}
.cta.cta-full{height:calc(1022px + var(--cta-main-shift));padding:0 0 195px;border:0}
.cta.cta-full .cta-inner{width:1156px;max-width:1156px;height:calc(827px + var(--cta-main-shift));padding:var(--cta-pay-top-gap) 0 0}
.cta.cta-full>img{inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 75.1%;transform:translate3d(0,var(--parallax-y,0px),0);will-change:auto}
.pay-label{height:39px;margin-bottom:40px;font-size:28px;line-height:0}
.cta-full .pay-strip{height:48px;margin-top:0;margin-bottom:400px;gap:16px}
.cta.cta-full h2.h-1{width:728px;max-width:728px;height:140px;font-size:50px;line-height:70px;margin-bottom:16px}
.cta .lead{width:335px;max-width:335px;height:56px;margin:0 auto 40px;font-size:20px;line-height:28px;white-space:nowrap}
.cta-full .cta-inner .btn{width:max-content;min-width:0;height:54px;padding:0 var(--mm-button-18-padding-inline)}
.foot{height:826.594px;padding-top:40px;overflow:hidden}
.foot .wrap{height:786.594px;padding:0 var(--gutter)}
.foot-bottom{height:209.594px;padding:0;grid-template-columns:475.429px 47.238px repeat(4,minmax(0,1fr));gap:32px}
.foot-bottom>.foot-col:nth-child(1){grid-column:1}
.foot-bottom>.foot-col:nth-child(2){grid-column:3}
.foot-bottom>.foot-col:nth-child(3){grid-column:4}
.foot-bottom>.foot-col:nth-child(4){grid-column:5}
.foot-bottom>.foot-col:nth-child(5){grid-column:6}
.foot-bottom>.foot-col:not(.foot-brand),.foot-bottom>.foot-col:not(.foot-brand)>a{width:100%;min-width:0}
html:is([lang="zh-CN"],[lang="zh-TW"]) .foot-bottom>.foot-col:nth-child(3){padding-inline-start:33.44px}
html:is([lang="zh-CN"],[lang="zh-TW"]) .foot-bottom>.foot-col:nth-child(4){padding-inline-start:9.64px}
html[lang="th"] .foot-bottom>.foot-col:nth-child(2),
html[lang="th"] .foot-bottom>.foot-col:nth-child(5){padding-inline-start:9.42px}
html[lang="th"] .foot-bottom>.foot-col:nth-child(3){padding-inline-start:38.22px}
.foot-brand .brand{height:35px;padding:0;margin:0;align-items:flex-start}
.foot-logo{width:153.44px;height:30px;margin:5px 0 0}
.foot-brand p{width:252px;max-width:252px;height:44px;margin-top:12px;font-size:14px;line-height:22px}
.foot-social{height:80px;margin-top:12px;gap:8px}
.foot-col :is(h5,h2){height:22px;margin:0;font-size:15px;line-height:22px}
.foot-col a{height:32px;padding:5px 0;font-size:14.5px;line-height:22px}
.foot-col :is(h5,h2)+a{height:39px;padding-top:12px;padding-bottom:5px}
.legal{height:497px;margin-top:40px;padding:21px 0 0;font-size:12.5px;line-height:23px}
.legal-top{height:24px;margin-bottom:20px}
.legal>p{margin-bottom:12px;line-height:22.5px}
.legal-entities{gap:12px;margin:0 0 20px}
.legal-entities li{line-height:23px}
.legal .copy{height:45px;padding-top:20px}
}
@media(max-width:1200px){
.figma-bg{display:block}
.signup-field input{min-width:0}
#platforms .tabs{max-width:100%;overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap}
.award-year-grid{width:100%}
.cta.cta-full>img{inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 75.1%;transform:translate3d(0,var(--parallax-y,0px),0);will-change:auto}
}
@media(min-width:901px){
#trust{height:1249.336px;padding-top:140px;padding-bottom:80px;overflow:clip}
#trust .sec-center{height:70px;margin-bottom:20px}
#trust .ticker{height:150px;padding:40px 0;margin-bottom:100px}
#trust .spread-head{display:flex;flex-direction:column;align-items:center;gap:4.584px;width:max-content;height:85.336px;margin:0 auto 50px;padding:0 32px 13.752px 0}
#trust .sp-title{font-size:32.089px;line-height:45px}
#trust .sp-sub{font-size:16.044px;line-height:22px;margin:0}
#trust .exec-layout{position:relative;left:50%;grid-template-columns:320px 704.14px 320px;width:1344.14px;max-width:none;margin:0;transform:translateX(-50%);align-items:center}
#trust .exec-layout>.exec-col:not(.center){height:308px;gap:120px;align-items:center;transform:translateY(-19.668px)}
#trust .exec-layout>.exec-col.center{height:438px}
#trust .estat{display:flex;flex:0 0 94px;height:94px;padding:0 18px;flex-direction:column;justify-content:flex-start}
#trust .estat .n{display:flex;height:60px;font-size:50px;line-height:60px;align-items:center;gap:2px}
#trust .estat .n-num{font-size:50px;line-height:60px}
#trust .estat .n-unit{font-size:20px;line-height:28px;align-self:center;padding:10px 0 0}
#trust .estat .n-plus{font-size:30px;line-height:36px;align-self:center}
#trust .exec-layout>.exec-col:first-child .estat:first-child .n-unit,#trust .exec-layout>.exec-col:first-child .estat:first-child .n-plus{align-items:center;justify-content:center}
#trust .exec-layout>.exec-col:first-child .estat:first-child .n-unit{position:relative;top:-2px}
#trust .exec-layout>.exec-col:first-child .estat:first-child .n-plus{padding-top:5px}
#trust .estat .l{font-size:16px;line-height:22px;margin-top:12px}
#trust .spread-panel{position:relative;width:704.14px;height:438px;padding:0;border:0;border-radius:20px;background:radial-gradient(130.06% 100% at 50% 0%,rgba(255,255,255,.12) 0%,rgba(195,195,195,.09) 25%,rgba(134,134,134,.06) 50%,rgba(74,74,74,.03) 75%,rgba(13,13,13,0) 100%);-webkit-backdrop-filter:blur(11.46px);backdrop-filter:blur(11.46px);box-shadow:none}
html:not(.wire) #trust .spread-panel::after{content:"";position:absolute;z-index:3;inset:0;border-radius:20px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20704.14%20438%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22s%22%20gradientUnits%3D%22userSpaceOnUse%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%2210%22%20gradientTransform%3D%22matrix(1.599999%2043.800001%20-39.670705%2018.424909%20359.570333%20-0.336422)%22%3E%3Cstop%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.08%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20x%3D%22.5%22%20y%3D%22.5%22%20width%3D%22703.14%22%20height%3D%22437%22%20rx%3D%2219.5%22%20fill%3D%22none%22%20stroke%3D%22url(%23s)%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;pointer-events:none}
#trust .spread-cols{grid-template-columns:200px 264.14px 240px;height:100%;align-items:center}
#trust .sp-col{height:438px;padding:20px 0;gap:40px}
#trust .sp-head{height:58px;flex:none}
#trust .sp-list{width:100%;gap:20px;margin:0}
#trust .sp-row{height:44px;min-height:44px;flex:none;align-items:flex-start;line-height:24px}
#trust .sp-prod{width:200px;padding:20px 0 20px 40px}
#trust .sp-prod .sp-head{justify-content:flex-start;padding:0 40px 0 0}
#trust .sp-prod .sp-row{padding:0 40px 20px 0;font-size:16px;line-height:24px;border-bottom-color:rgba(255,255,255,.1)}
#trust .sp-mm{width:264.14px;height:478px;align-self:center;padding:40px 0;gap:40px;border:0;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:0 -4.584px 22.921px rgba(6,7,11,.8)}
#trust .sp-mm::before{inset:0;background:radial-gradient(212.6% 100% at 50% 0%,rgba(19,141,255,.6) 0%,rgba(15,107,194,.45) 25%,rgba(12,74,133,.3) 50%,rgba(9,40,72,.15) 75%,rgba(6,7,11,0) 100%),linear-gradient(rgba(19,141,255,.3),rgba(19,141,255,.3)),linear-gradient(rgba(6,7,11,.2),rgba(6,7,11,.2))}
html:not(.wire) #trust .sp-mm::after{content:"";position:absolute;z-index:2;inset:0;border-radius:20px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20264.14%20478%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22s%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22250.276%22%20y1%3D%22-16.168%22%20x2%3D%22-72.237%22%20y2%3D%22217.209%22%3E%3Cstop%20stop-color%3D%22%23138dff%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.12%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20x%3D%22.75%22%20y%3D%22.75%22%20width%3D%22262.64%22%20height%3D%22476.5%22%20rx%3D%2219.25%22%20fill%3D%22none%22%20stroke%3D%22url(%23s)%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;pointer-events:none}
#trust .sp-mm .sp-head{height:58px;padding:0 40px}
#trust .sp-logo{width:153.44px;height:30px}
#trust .sp-mm .sp-row{height:44px;padding:0 40px 20px;gap:12px;font-size:20px;line-height:24px;border-bottom-color:#fff}
#trust .sp-mark-wrap{position:relative;width:24px;height:24px;overflow:hidden;flex:none}
#trust .sp-value{width:82px;flex:none;text-align:left;line-height:24px}
#trust .sp-avg{width:240px;padding:20px 40px 20px 0}
#trust .sp-avg .sp-head{height:58px;padding:0 40px}
#trust .sp-avg .sp-row{height:44px;padding:0 40px 20px;font-size:20px;line-height:24px;border-bottom-color:rgba(255,255,255,.1)}
#trust .sp-avg-value{width:76px;flex:none;text-align:left;line-height:24px}
#trust .spread-foot{width:472.163px;max-width:100%;height:46px;margin-top:50px;padding:0;color:rgba(255,255,255,.8);font-size:13.752px;line-height:22.921px}
html.wire #trust .spread-panel{border:1px solid #4a4a47;background:#1d1d1c!important;-webkit-backdrop-filter:none;backdrop-filter:none}
#platforms{height:893px;padding-top:120px!important;padding-bottom:120px!important;overflow:clip}
#platforms .wrap{max-width:1284px}
#platforms .sec-center{position:relative;z-index:3;height:108px;max-width:560px;margin-bottom:60px}
#platforms .tabs{position:relative;z-index:2;width:746px;height:61px;padding:8px;margin-bottom:20px;flex-wrap:nowrap}
#platforms .tab{height:45px;padding:0 26px;line-height:45px}
#platforms .tab-panel{position:relative;z-index:2}
#platforms .panel-grid{width:800px;height:404px;grid-template-columns:380px 380px;gap:40px;align-items:center;padding:0;border:0;border-radius:26px;background:transparent;overflow:visible;box-shadow:none}
#platforms .pg-text{width:380px}
#platforms .pg-visual-photo{position:relative;width:380px;height:404px;margin:0;display:block;border-radius:20px;overflow:visible}
#platforms .pg-photo{position:absolute;max-width:none;object-fit:contain}
#platforms .apptrader-panel .panel-grid,#platforms .copytrader-panel .panel-grid{height:450px}
#platforms .apptrader-panel .pg-visual-photo,#platforms .copytrader-panel .pg-visual-photo{height:450px}
#platforms .pg-photo--mt4{left:-174px;top:-6px;width:603px;height:466px}
#platforms .pg-photo--mt5{left:-157px;top:26px;width:607px;height:424px}
#platforms .pg-photo--protrader{left:-142px;top:10px;width:626px;height:444px}
#platforms .pg-photo--apptrader{left:-33px;top:-30px;width:427px;height:582px}
#platforms .pg-photo--copytrader{left:-149px;top:2px;width:520px;height:520px}
}
@media(max-width:560px){
.exec-layout,.exec-col,.spread-panel,.spread-cols,.sp-col{min-width:0;width:100%}
.spread-cols{grid-template-columns:.83fr 1.1fr 1fr}
.sp-col{padding-left:2px;padding-right:2px}
.sp-head{font-size:12px}
.sp-prod .sp-head,.sp-prod .sp-row{padding-left:8px}
.sp-prod .sp-row{font-size:12px}
.sp-mm .sp-row,.sp-avg .sp-row{padding-left:4px;padding-right:4px;font-size:13px}
.sp-row{gap:4px}
.sp-logo{max-width:100%;height:auto;max-height:20px}
}
@media(max-width:600px){
header{padding-left:14px;padding-right:14px}
.nav{gap:8px;padding:0 12px}
.nav-pills{display:none}
.brand-center{margin:0 auto 0 0}
.nav-right{flex:none;gap:6px;padding:0}
.nav-right .btn-sm{width:auto;padding:0 16px}
.nav-right>.lang{margin-left:0}
.menu-btn{width:36px!important;height:36px;flex:0 0 36px}
.hero-headline{font-size:32px;line-height:44px;white-space:nowrap}
.hero-sub{font-size:16px;line-height:24px}
.hero-inds{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--gutter);scrollbar-width:none;padding-bottom:4px}
.hero-inds::-webkit-scrollbar{display:none}
.hero-ind{flex:0 0 275px;scroll-snap-align:start}
.hero-ind .t,.hero-ind .d{white-space:nowrap}
}
/* Exact visible Figma component surfaces. The dark underlays reproduce Figma GLASS in CSS. */
@media(min-width:1281px){.prop-pill{width:162px;justify-content:center}.mm-madrid{width:128px;min-width:128px}}
html:not(.wire) header .nav{
border:1px solid transparent;
background:radial-gradient(320% 196% at 50% 0%,rgba(255,255,255,.12) 0%,rgba(13,13,13,0) 100%) padding-box,linear-gradient(rgba(255,255,255,.02),rgba(255,255,255,.02)) padding-box,linear-gradient(rgba(6,7,11,.6),rgba(6,7,11,.6)) padding-box,radial-gradient(114% 89% at 50% 107%,rgba(255,255,255,.3),rgba(255,255,255,0)) border-box;
-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 20px rgba(0,0,0,.2)
}
html:not(.wire) .prop-pill{
border:1px solid transparent;
background:linear-gradient(180deg,rgba(0,255,81,.096),rgba(0,255,81,.024)) padding-box,linear-gradient(rgba(6,7,11,.6),rgba(6,7,11,.6)) padding-box,linear-gradient(145deg,rgba(255,255,255,.12),rgba(6,7,11,0) 46.548%,rgba(255,255,255,.12)) border-box;
box-shadow:0 2px 6px rgba(0,0,0,.28),inset 0 2px 12px 2px rgba(0,255,81,.08)
}
html:not(.wire) .mm-madrid{
border:1px solid transparent;
background:linear-gradient(180deg,rgba(19,141,255,.32),rgba(255,255,255,.08)) padding-box,linear-gradient(rgba(6,7,11,.6),rgba(6,7,11,.6)) padding-box,linear-gradient(145deg,rgba(255,255,255,.12),rgba(6,7,11,0) 46.548%,rgba(255,255,255,.12)) border-box;
box-shadow:0 2px 6px rgba(0,0,0,.28),inset 0 2px 12px 2px rgba(255,255,255,.08)
}
html:not(.wire) .prop-pill:hover{box-shadow:0 2px 6px rgba(0,0,0,.28),inset 0 2px 12px 2px rgba(0,255,81,.08)}
html:not(.wire) .mm-madrid:hover{box-shadow:0 2px 6px rgba(0,0,0,.28),inset 0 2px 12px 2px rgba(255,255,255,.08)}
html:not(.wire) .lang-btn,html:not(.wire) .lang-btn:hover{width:32px;height:32px;padding:4px;border:0;background:none;box-shadow:none;color:rgba(255,255,255,.6)}
html:not(.wire) .lang-globe{width:24px;height:24px}
html:not(.wire) .btn-ghost,html:not(.wire) #awardMore,html:not(.wire) .acct-state{
border:1px solid transparent;
background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 200.66%) padding-box,radial-gradient(114% 89% at 50% 107%,rgba(255,255,255,.5),rgba(255,255,255,0)) border-box,linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.1)) border-box;
-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 -4px 8px rgba(154,180,255,.08)
}
html:not(.wire) .btn-ghost:hover,html:not(.wire) #awardMore:hover{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 200.66%) padding-box,radial-gradient(114% 89% at 50% 107%,rgba(255,255,255,.5),rgba(255,255,255,0)) border-box,linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.1)) border-box;box-shadow:inset 0 -4px 8px rgba(154,180,255,.08)}
html:not(.wire) #hdr .btn-primary{
border:1px solid transparent;
background:radial-gradient(47% 100% at 50% 0%,rgba(255,255,255,.32),rgba(255,191,204,.24) 25%,rgba(255,128,153,.16) 50%,rgba(255,64,102,.08) 75%,rgba(255,0,51,0)) padding-box,linear-gradient(rgba(255,0,51,.8),rgba(255,0,51,.8)) padding-box,radial-gradient(114% 89% at 50% 107%,rgba(255,255,255,.6),rgba(255,255,255,0)) border-box,linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.3)) border-box;
-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:none
}
html:not(.wire) #hdr .btn-primary::before{background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.6) 52.8846%,rgba(255,0,51,.6) 100%);filter:blur(6px)}
html:not(.wire) #hdr .btn-login,html:not(.wire) .btn-sub-red{
border:1px solid transparent;
background:radial-gradient(100% 89.5% at 50% 0%,rgba(255,0,51,.25),rgba(7,12,27,.25) 62.863%) padding-box,linear-gradient(#070c1b,#070c1b) padding-box,linear-gradient(145deg,#ff8918 0%,#f03 35.379%,#070c1b 65.615%,#138dff) border-box;
-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 2px 8px rgba(255,111,68,.25)
}
html:not(.wire) #hdr .btn-login::before,html:not(.wire) .btn-sub-red::before{background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,193,186,.6) 52.8846%,rgba(255,0,51,.6) 100%);filter:blur(6px)}
html:not(.wire) .pg-text .btn-ghost{
border:1px solid transparent;
background:radial-gradient(100% 89.5% at 50% 0%,rgba(19,141,255,.25),rgba(7,12,27,.25) 62.863%) padding-box,linear-gradient(#070c1b,#070c1b) padding-box,linear-gradient(145deg,#138dff 27.64%,#070c1b 55.795%,#f03 79.211%,#ff8918) border-box;
-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 2px 8px rgba(19,141,255,.25)
}
html:not(.wire) .signup-field,
html:not(.wire) .signup-field:hover,
html:not(.wire) .signup-field:active,
html:not(.wire) .signup-field:focus-within{
border-color:transparent;
background:
linear-gradient(180deg,rgba(19,141,255,.16) 0%,rgba(19,141,255,.04) 100%),
linear-gradient(180deg,rgba(255,255,255,.256) -29.1667%,rgba(255,255,255,.064) 102.0833%),
#080a11;
box-shadow:inset 0 2px 16px 4px #06070b
}
html:not(.wire) .signup-field::before,
html:not(.wire) .signup-field:hover::before,
html:not(.wire) .signup-field:active::before,
html:not(.wire) .signup-field:focus-within::before{
inset:-1px;box-sizing:border-box;border:0;border-radius:25px;
background:var(--surface-form-input) center/100% 100% no-repeat;
box-shadow:none
}
html:not(.wire) .tk{background:radial-gradient(131.69px 70px at 50% 0%,rgba(255,255,255,.12),rgba(13,13,13,0)) padding-box,linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)) padding-box,radial-gradient(90% 120% at 90% 82%,rgba(255,255,255,.3),rgba(255,255,255,0)) border-box}
#trust .spread-cols{grid-template-rows:100%;align-content:center}
#trust .spread-panel{isolation:isolate}
html:not(.wire) #trust .spread-panel{background:radial-gradient(130.06% 100% at 50% 0%,rgba(255,255,255,.12),rgba(195,195,195,.09) 25%,rgba(134,134,134,.06) 50%,rgba(74,74,74,.03) 75%,rgba(13,13,13,0));-webkit-backdrop-filter:blur(11.46px);backdrop-filter:blur(11.46px)}
html:not(.wire) #trust .spread-panel::after{opacity:1}
html:not(.wire) #trust .spread-panel::after{z-index:0}
html:not(.wire) #trust .sp-mm::before{background:radial-gradient(212.6% 100% at 50% 0%,rgba(19,141,255,.6),rgba(15,107,194,.45) 25%,rgba(12,74,133,.3) 50%,rgba(9,40,72,.15) 75%,rgba(6,7,11,0)),linear-gradient(rgba(19,141,255,.3),rgba(19,141,255,.3)),linear-gradient(rgba(6,7,11,.2),rgba(6,7,11,.2));-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:0 -4.584px 22.921px rgba(6,7,11,.8)}
html:not(.wire) #trust .sp-mm .sp-row{border-bottom:1px solid rgba(255,255,255,.1);background:none}
html:not(.wire) #trust .sp-mm .sp-row:hover{background:rgba(255,255,255,.065)}
html:not(.wire) #trust .sp-mm .sp-row:last-child{border-bottom:0;background:none}
html:not(.wire) #trust .sp-mm .sp-row:last-child:hover{background:rgba(255,255,255,.065)}
html.wire #trust .sp-row:hover{background:#282826!important;color:var(--fg)!important;border-bottom-color:#6b6b68!important;box-shadow:none!important}
html.wire #trust .sp-prod .sp-row:hover{box-shadow:-40px 0 0 #282826!important}
@media(min-width:901px){
#trust .sp-row{position:relative;isolation:isolate}
#trust .sp-row::before{content:"";position:absolute;z-index:-1;top:-20px;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .25s}
#trust .sp-prod .sp-row::before{left:-40px}
#trust .sp-avg .sp-row::before{right:-40px}
#trust .sp-row:hover::before{opacity:1}
html:not(.wire) #trust .sp-prod .sp-row::before,html:not(.wire) #trust .sp-avg .sp-row::before{background:linear-gradient(90deg,rgba(19,141,255,.07),rgba(19,141,255,.13))}
html:not(.wire) #trust .sp-mm .sp-row::before{background:rgba(255,255,255,.065)}
html:not(.wire) #trust .sp-prod .sp-row:hover,html:not(.wire) #trust .sp-avg .sp-row:hover{background:transparent;box-shadow:none}
html:not(.wire) #trust .sp-mm .sp-row:hover{background:none}
html:not(.wire) #trust .sp-mm .sp-row:last-child:hover{background:none}
html.wire #trust .sp-row::before{background:#282826}
html.wire #trust .sp-row:hover{background:transparent!important;color:var(--fg)!important;border-bottom-color:#6b6b68!important;box-shadow:none!important}
html.wire #trust .sp-prod .sp-row:hover{box-shadow:none!important}
}
html:not(.wire) .review{background:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)) padding-box,radial-gradient(114% 89% at 50% 107%,rgba(255,255,255,.4),rgba(255,255,255,0)) border-box;-webkit-backdrop-filter:none;backdrop-filter:none}
html:not(.wire) .review:hover{background:linear-gradient(180deg,rgba(255,255,255,.128),rgba(255,255,255,.032)) padding-box,linear-gradient(145deg,rgba(255,255,255,.12),rgba(6,7,11,0) 46.5485%,rgba(255,255,255,.12)) border-box;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
html:not(.wire) .award-face.front{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04)) padding-box,linear-gradient(145deg,rgba(255,255,255,.12),rgba(6,7,11,0) 46.5485%,rgba(255,255,255,.12)) border-box}
html:not(.wire) .award-face.back{border:1px solid transparent;background:radial-gradient(160% 190% at 50% 148%,rgba(255,0,51,.3) 5.6894%,rgba(255,114,0,0)) padding-box,linear-gradient(rgba(255,0,51,.16),rgba(255,0,51,.16)) padding-box,linear-gradient(rgba(6,7,11,.6),rgba(6,7,11,.6)) padding-box,linear-gradient(145deg,rgba(255,0,51,.8),rgba(255,255,255,.16)) border-box}
html:not(.wire) .tabs{background:rgba(255,255,255,.08);border:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 20px rgba(0,0,0,.2)}
html:not(.wire) .tab,html:not(.wire) .tab:hover{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none}
html:not(.wire) .flow-label{border:0;background:linear-gradient(rgba(19,141,255,.2),rgba(19,141,255,.2)),linear-gradient(rgba(255,255,255,.04),rgba(255,255,255,.04));box-shadow:none}
html:not(.wire) .acct{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04)) padding-box,linear-gradient(145deg,rgba(255,255,255,.12),rgba(6,7,11,0) 46.5485%,rgba(255,255,255,.12)) border-box}
html:not(.wire) .acct.sel{border-color:transparent;background:radial-gradient(105% 40% at 50% 0%,rgba(19,141,255,.2) 5.6894%,rgba(6,7,11,0) 88.7835%) padding-box,linear-gradient(rgba(19,141,255,.24),rgba(19,141,255,.24)) padding-box,linear-gradient(145deg,rgba(19,141,255,.8),rgba(255,255,255,0)) border-box;box-shadow:0 -4px 20px rgba(6,7,11,.8)}
html:not(.wire) .reg-item{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04)) padding-box,linear-gradient(145deg,rgba(255,255,255,.12),rgba(6,7,11,0) 46.5485%,rgba(255,255,255,.12)) border-box}
html:not(.wire) .reg-item:hover{padding:18px 24px;border:1px solid transparent;background:radial-gradient(100% 62.863% at 50% 0%,rgba(19,141,255,.12),rgba(7,12,27,.12) 62.863%) padding-box,radial-gradient(90% 100% at 90% 100%,rgba(19,141,255,.4) 5.6894%,rgba(6,7,11,.4) 88.7835%) padding-box,linear-gradient(#070c1b,#070c1b) padding-box,linear-gradient(145deg,#138dff,rgba(255,255,255,0)) border-box;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 2px 16px rgba(19,141,255,.12);transform:none}
html:not(.wire) .pay-badge{position:relative;z-index:0;overflow:visible;border-radius:14px;transform-style:preserve-3d;transform-origin:50% 50%;transform:perspective(320px) translate3d(var(--pay-wave-x,0px),var(--pay-wave-y,0px),var(--pay-wave-z,0px)) rotateX(var(--pay-wave-rx,3.5deg)) rotateY(var(--pay-wave-ry,-22deg)) rotateZ(var(--pay-wave-rz,0deg)) scale(var(--pay-wave-scale,.97));box-shadow:-7px 12px 18px -14px rgba(0,0,0,.96),-2px 7px 12px -9px rgba(0,0,0,.78);will-change:auto;backface-visibility:hidden;transition:none}
html:not(.wire) .pay-strip.is-motion-active .pay-badge{will-change:transform}
html:not(.wire) .pay-badge::before{content:"";position:absolute;z-index:0;inset:1px -2px -3px 2px;border-radius:14px 18px 18px 16px;background:linear-gradient(135deg,rgba(238,242,249,.98) 0%,rgba(157,167,185,.98) 38%,rgba(72,85,109,.98) 70%,rgba(24,31,46,.99) 100%);box-shadow:0 10px 15px -8px rgba(0,0,0,.78),inset -1px 0 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(255,255,255,.16);transform:translate3d(2px,1px,-8px);pointer-events:none}
html:not(.wire) .pay-badge::after{content:"";position:absolute;z-index:0;inset:1px -2px -3px 2px;border-radius:14px 18px 18px 16px;background:radial-gradient(110% 130% at 78% 78%,rgba(255,96,122,.44) 0%,rgba(255,0,51,.26) 52%,rgba(255,0,51,.06) 100%);box-shadow:inset -1px 0 0 rgba(255,105,130,.3),inset 0 -1px 0 rgba(255,0,51,.34);opacity:var(--pay-wave-light,0);transform:translate3d(2px,1px,-7px);transition:none;pointer-events:none}
html:not(.wire) .pay-badge svg,html:not(.wire) .pay-badge img{position:relative;z-index:1;border-radius:14px;clip-path:inset(0 round 14px);backface-visibility:hidden}
html:not(.wire) .pay-badge:hover{transform:perspective(320px) translate3d(var(--pay-wave-x,0px),var(--pay-wave-y,0px),var(--pay-wave-z,0px)) rotateX(var(--pay-wave-rx,3.5deg)) rotateY(var(--pay-wave-ry,-22deg)) rotateZ(var(--pay-wave-rz,0deg)) scale(var(--pay-wave-scale,.97));box-shadow:-7px 12px 18px -14px rgba(0,0,0,.96),-2px 7px 12px -9px rgba(0,0,0,.78)}
@media(prefers-reduced-motion:reduce){
html:not(.wire) .pay-badge,html:not(.wire) .pay-badge:hover{transform:perspective(320px) rotateX(3.5deg) rotateY(-22deg) translateZ(0) scale(.97)!important;transition:none!important}
}
/* Native Figma control stack: Blob -> exported Fill -> content. */
.acct-state-surface{display:none}
#awardMore{width:max-content;min-width:0;height:54px;justify-content:center;gap:10px;padding:12px var(--mm-button-18-padding-inline);font-size:18px;font-weight:var(--mm-button-weight);line-height:normal;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
#awardMore:hover{transform:translateY(3px)}
#awardMore .award-more-label{display:flex;align-items:center;justify-content:center;padding:0 8px}
#awardMore #awardChevron{--award-chevron-y:0px;--award-chevron-rotate:0deg;display:block;width:1.25em;height:1.25em;max-width:none;flex:none;transform:translateY(var(--award-chevron-y)) rotate(var(--award-chevron-rotate));transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
#awardMore:hover #awardChevron{--award-chevron-y:3px}
#awardMore[aria-expanded="true"] #awardChevron{--award-chevron-rotate:180deg}
html:not(.wire) .btn-primary,html:not(.wire) .btn-primary:hover,html:not(.wire) .btn-sub-red,html:not(.wire) .btn-sub-red:hover,html:not(.wire) .btn-ghost,html:not(.wire) .btn-ghost:hover,html:not(.wire) .tab.active,html:not(.wire) .tab.active:hover,html:not(.wire) .acct-state,html:not(.wire) .acct.sel .acct-state,html:not(.wire) .fnum,html:not(.wire) .fstep.on .fnum,html:not(.wire) .fstep.done .fnum{background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
html:not(.wire) #hdr .btn-primary,html:not(.wire) #hdr .btn-primary:hover,html:not(.wire) #hdr .btn-login,html:not(.wire) #hdr .btn-login:hover,html:not(.wire) .pg-text .btn-ghost,html:not(.wire) .pg-text .btn-ghost:hover,html:not(.wire) #awardMore,html:not(.wire) #awardMore:hover{background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
html:not(.wire) .btn-primary::before,html:not(.wire) .btn-sub-red::before,html:not(.wire) .btn-ghost::before,html:not(.wire) .tab.active::before,html:not(.wire) .acct-state::after,html:not(.wire) .fnum::after{z-index:-2;pointer-events:none}
html:not(.wire) .btn-primary::after,html:not(.wire) .btn-sub-red::after,html:not(.wire) .btn-ghost::after,html:not(.wire) .tab.active::after,html:not(.wire) .fnum::before{content:"";position:absolute;z-index:-1;inset:0;border:0;border-radius:inherit;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none;box-sizing:border-box}
html:not(.wire) .btn:is([data-mm-button-size],[data-mm-action-size])::after{clip-path:inset(0 round 999px)}
html:not(.wire) .acct-state-surface{display:block;position:absolute;z-index:-1;inset:0;border:0;border-radius:inherit;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none;box-sizing:border-box}
html:not(.wire) .btn-primary::before{inset:-2px 6px 4px;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.6) 52.8846%,rgba(255,0,51,.6) 100%);filter:blur(6px);opacity:1}
html:not(.wire) .btn-primary::after{background-image:var(--mm-control-red-action);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html:not(.wire) .flow-cta-btn:not([data-mm-button-size]){width:max-content;min-width:0;height:54px;padding:0 var(--mm-button-18-padding-inline);justify-content:center}
html:not(.wire) .btn-ghost::before{inset:-2px 6px 4px;background:rgba(255,255,255,.16);filter:blur(5px);opacity:1}
html:not(.wire) .btn-ghost::after{background-image:var(--mm-control-neutral-action);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html:not(.wire) .btn-ghost[data-mm-action-hover="blue"]{--mm-action-hover-glow:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.6) 52.885%,rgba(196,227,255,.6) 64.663%,rgba(137,198,255,.6) 76.442%,rgba(78,170,255,.6) 88.221%,rgba(19,141,255,.6) 100%);--mm-action-hover-surface:var(--mm-control-blue-314)}
html:not(.wire) .btn-ghost[data-mm-action-hover="red"]{--mm-action-hover-glow:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.6) 52.885%,rgba(255,191,204,.6) 64.663%,rgba(255,128,153,.6) 76.442%,rgba(255,64,102,.6) 88.221%,rgba(255,0,51,.6) 100%);--mm-action-hover-surface:var(--mm-control-red-action)}
html:not(.wire) .btn-ghost[data-mm-action-hover]:is(:hover,:focus-visible)::before{background:var(--mm-action-hover-glow);filter:blur(6px)}
html:not(.wire) .btn-ghost[data-mm-action-hover]:is(:hover,:focus-visible)::after{background-image:var(--mm-action-hover-surface)}
html:not(.wire) .btn-blue,html:not(.wire) .btn-blue:hover{position:relative;isolation:isolate;color:#fff;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
html:not(.wire) .btn-blue::before{content:"";position:absolute;z-index:-2;inset:-2px 6px 4px;border-radius:1000px;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.6) 52.885%,rgba(196,227,255,.6) 64.663%,rgba(137,198,255,.6) 76.442%,rgba(78,170,255,.6) 88.221%,rgba(19,141,255,.6) 100%);filter:blur(6px);pointer-events:none}
html:not(.wire) .btn-blue::after{content:"";position:absolute;z-index:-1;inset:0;border:0;border-radius:inherit;background:var(--mm-control-blue-314) center/100% 100% no-repeat;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}
html:not(.wire) .btn-icon::after{background-image:url(../figma-live/control-neutral-52.svg)}
html:not(.wire) #hdr .btn-login::before,html:not(.wire) .btn-sub-red::before{background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,193,186,.6) 52.8846%,rgba(255,0,51,.6) 100%);filter:blur(6px)}
html:not(.wire) #hdr .btn-login::after,html:not(.wire) .btn-sub-red::after{border:1px solid transparent;background:radial-gradient(163.6% 89.53% at 50% 0%,rgba(255,0,51,.25) 0%,rgba(7,12,27,.25) 62.8632%) padding-box,linear-gradient(#070c1b,#070c1b) padding-box,linear-gradient(157.26deg,#ff8918 0%,#ff0033 35.3789%,#070c1b 65.6146%,#138dff 100%) border-box;box-shadow:inset 0 2px 8px rgba(255,111,68,.25);-webkit-backdrop-filter:none;backdrop-filter:none}
html:not(.wire) .pg-text .btn-ghost{width:max-content;min-width:0;height:54px;padding:0 var(--mm-button-18-padding-inline);justify-content:center;font-size:18px;line-height:normal}
html:not(.wire) .pg-text .btn-ghost::before{background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.6) 52.8846%,rgba(19,141,255,.6) 100%);filter:blur(5px)}
html:not(.wire) .pg-text .btn-ghost::after{background-image:url(../figma-live/control-platform-131.svg);-webkit-backdrop-filter:none;backdrop-filter:none}
html:not(.wire) .tab.active::before{inset:-2px 6px 4px;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.6) 52.8846%,rgba(19,141,255,.6) 100%);filter:blur(6px);opacity:1}
html:not(.wire) .tab.active::after{background-image:var(--mm-control-blue-45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html:not(.wire) .tab:not(.active)::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:100px;background:rgba(255,255,255,.08);opacity:0;transform:none;transition:opacity .2s;pointer-events:none}
html:not(.wire) .tab:not(.active):hover::before,html:not(.wire) .tab:not(.active):focus-visible::before{opacity:1;transform:none}
html:not(.wire) .acct-state::after{inset:-2px 6px 4px;background:rgba(255,255,255,.16);filter:blur(5px);opacity:1}
html:not(.wire) .acct-state-surface{background-image:var(--mm-control-neutral-314);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html:not(.wire) .acct.sel .acct-state::after{background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.6) 52.8846%,rgba(19,141,255,.6) 100%);filter:blur(6px)}
html:not(.wire) .acct.sel .acct-state-surface{background-image:var(--mm-control-blue-314)}
html:not(.wire) .fnum::after{content:"";position:absolute;inset:-2px 6px 4px;border-radius:1000px;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.8) 52.8846%,rgba(19,141,255,.8) 100%);filter:blur(5px);opacity:1}
html:not(.wire) .fstep.on .fnum::after{inset:-2px 6px 4px;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.8) 52.8846%,rgba(19,141,255,.8) 100%);filter:blur(5px);opacity:1}
html:not(.wire) .fnum::before{background-image:url(../figma-live/control-step-off-44.svg)}
html:not(.wire) .fstep.on .fnum::before{background-image:url(../figma-live/control-step-on-44.svg)}
html:not(.wire) .fstep.done:not(.on) .ftext b{color:rgba(243,245,248,.75)}
html:not(.wire) .fstep.done:not(.on) .ftext i{color:var(--muted-2)}
html:not(.wire) .fnum-n{position:relative;z-index:1}
html:not(.wire) .reg-item::after{z-index:-2;inset:-3px 12px 8px;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.2) 52.8846%,rgba(19,141,255,.2) 100%);filter:blur(10px)}
/* Figma-final visible surfaces: exported fills/strokes stay exact at responsive sizes. */
html:not(.wire) header{background:linear-gradient(180deg,#06070b 0%,rgba(6,7,11,0) 100%)}
html:not(.wire) .mega{
border-style:solid;
border-color:rgba(255,255,255,.1);
border-width:0 1px 1px;
border-radius:0;
background:rgba(11,13,19,.96);
-webkit-backdrop-filter:blur(11px);
backdrop-filter:blur(11px);
box-shadow:0 40px 90px rgba(0,0,0,.55)
}
html:not(.wire) header .nav,
html:not(.wire) header.scrolled .nav{
border:0;
background:var(--surface-nav-fluid) center/100% 100% no-repeat;
-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px);
box-shadow:0 0 20px rgba(0,0,0,.2)
}
html:not(.wire) .prop-pill{border:0;background:var(--surface-nav-prop) center/100% 100% no-repeat}
html:not(.wire) .mm-madrid{border:0;background:var(--surface-nav-madrid) center/100% 100% no-repeat}
.prop-pill,.mm-madrid{transform:translate3d(0,0,0);transform-origin:center;will-change:transform;transition:transform .35s cubic-bezier(.2,.7,.3,1),background .3s,border-color .3s,color .3s}
@media(hover:hover) and (pointer:fine){
.prop-pill:hover,.mm-madrid:hover{transform:translate3d(0,-2px,0)}
}
.prop-pill:active,.mm-madrid:active{transform:translate3d(0,0,0) scale(.97)}
@media(prefers-reduced-motion:reduce){.prop-pill,.mm-madrid{transform:none!important;transition:none!important;will-change:auto}}
/* MM × MADRID: one kick drives the loop through a short breath, a grounded bounce and the lower-left release.
The entry trail follows its fixed guide; the upper trail is sampled from the ball's actual motion history. */
.mm-madrid{
--mm-madrid-loop-full:1.9s;
--mm-madrid-loop-compact:3.2s;
isolation:isolate
}
.mm-madrid::before{
content:"";
position:absolute;
z-index:1;
border-radius:50%;
pointer-events:none;
opacity:0;
animation:none
}
.mm-madrid .mm-madrid-art{z-index:4}
.mm-madrid .mm-madrid-art::after{
content:"";
position:absolute;
left:5px;
top:41px;
width:34px;
height:18px;
z-index:3;
border-radius:50%;
pointer-events:none;
opacity:0;
background:
radial-gradient(ellipse at 0 38%,rgba(255,255,255,.62) 0 5%,rgba(255,51,85,.3) 24%,rgba(255,51,85,.1) 52%,transparent 74%) 0 1px/100% 10px no-repeat,
radial-gradient(ellipse at 0 62%,rgba(255,255,255,.46) 0 4%,rgba(255,51,85,.22) 30%,transparent 72%) 0 9px/88% 8px no-repeat;
filter:blur(.6px);
transform:scale(.24,.62);
transform-origin:left center
}
.mm-madrid .mm-madrid-art img{
z-index:1;
opacity:1
}
.mm-madrid-trail,
.mm-madrid-entry-trail,
.mm-madrid-upper-trail-webkit,
.mm-madrid-entry-trail-webkit,
.mm-madrid-ball{
position:absolute;
display:none;
pointer-events:none
}
.mm-madrid-trail{
z-index:2;
left:1px;
top:4px;
width:152px;
max-width:none;
height:64px;
overflow:visible;
filter:drop-shadow(0 1px 1px rgba(0,0,0,.15));
opacity:0;
transform:translate3d(0,0,0)
}
.mm-madrid-entry-trail{
z-index:3;
left:0;
top:0;
width:152px;
max-width:none;
height:64px;
overflow:visible;
filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))
}
.mm-madrid-upper-trail-webkit,
.mm-madrid-entry-trail-webkit{
width:152px;
height:64px;
contain:paint
}
.mm-madrid-upper-trail-webkit{
z-index:2;
left:1px;
top:4px;
overflow:hidden
}
.mm-madrid-entry-trail-webkit{
z-index:3;
left:0;
top:0;
overflow:hidden
}
.mm-madrid .mm-madrid-upper-trail-webkit img,
.mm-madrid .mm-madrid-entry-trail-webkit img{
position:absolute;
left:0;
top:0;
display:block;
width:152px;
max-width:none;
opacity:0;
transform:translate3d(0,0,0);
transform-origin:0 0
}
.mm-madrid .mm-madrid-upper-trail-webkit img{height:4096px}
.mm-madrid .mm-madrid-entry-trail-webkit img{
height:2752px
}
.mm-madrid-entry-trail-head,
.mm-madrid-entry-trail-tail{stroke-dashoffset:100}
.mm-madrid-ball{
left:93px;
top:5px;
width:30px;
height:30px;
z-index:4;
border-radius:50%;
opacity:0;
transform-origin:47% 49%
}
.mm-madrid-ball::after{content:none}
.mm-madrid-ball-body,
.mm-madrid-ball-sprite,
.mm-madrid-ball-flare{
position:absolute;
pointer-events:none
}
.mm-madrid-ball-body,
.mm-madrid-ball-sprite,
.mm-madrid-ball-flare{
inset:0;
border-radius:50%
}
.mm-madrid-ball-body{
z-index:2;
transform-origin:47% 49%
}
.mm-madrid-ball-sprite{
z-index:1;
background:url("../fig/mm-madrid-badge-1x.webp") -92px -1px/152px 64px no-repeat;
background-image:image-set(url("../fig/mm-madrid-badge-1x.webp") 1x,url("../fig/mm-madrid-badge.webp?v=20260720-2") 2x);
filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));
-webkit-clip-path:circle(42% at 47% 49%);
clip-path:circle(42% at 47% 49%);
transform-origin:47% 49%
}
.mm-madrid-ball-flare{
inset:-4px;
z-index:1;
background:radial-gradient(circle at 47% 49%,rgba(255,255,255,.72) 0%,rgba(255,255,255,.32) 22%,rgba(255,51,85,.08) 48%,transparent 72%);
mix-blend-mode:screen;
opacity:0;
transform:scale(.55);
transform-origin:47% 49%
}
.mm-madrid .mm-word,
.mm-madrid .mm-text .x{
display:inline-block;
backface-visibility:hidden;
text-shadow:0 1px 0 rgba(255,255,255,.14),0 4px 8px rgba(0,0,0,.38);
transform:translate3d(0,0,0);
transform-origin:center;
transform-style:preserve-3d
}
.mm-madrid .mm-text{
position:relative;
transform-style:preserve-3d
}
.mm-madrid .mm-text-window{
z-index:3;
perspective:160px;
perspective-origin:50% 50%
}
@media(min-width:1281px) and (prefers-reduced-motion:no-preference){
.mm-madrid[data-mm-madrid-loop-ready="true"] .mm-madrid-art{
overflow:visible;
border-radius:0;
transform:translate3d(0,1px,0)
}
.mm-madrid[data-mm-madrid-loop-ready="true"] .mm-madrid-art::after{
animation:mmMadridImpactEcho var(--mm-madrid-loop-full) linear infinite;
will-change:opacity,transform
}
.mm-madrid[data-mm-madrid-loop-ready="true"] .mm-madrid-art img{opacity:0}
.mm-madrid .mm-madrid-trail,
.mm-madrid .mm-madrid-entry-trail,
.mm-madrid .mm-madrid-ball{
display:block
}
.mm-madrid[data-mm-madrid-loop-ready="true"] .mm-madrid-entry-trail-head{
animation:mmMadridEntryTrailHead var(--mm-madrid-loop-full) linear infinite
}
.mm-madrid[data-mm-madrid-loop-ready="true"] .mm-madrid-entry-trail-tail{
animation:mmMadridEntryTrailTail var(--mm-madrid-loop-full) linear infinite
}
.mm-madrid[data-mm-webkit-trails-ready="true"] :is(.mm-madrid-trail,.mm-madrid-entry-trail){
display:none
}
.mm-madrid[data-mm-webkit-trails-ready="true"] :is(.mm-madrid-upper-trail-webkit,.mm-madrid-entry-trail-webkit){
display:block
}
.mm-madrid[data-mm-madrid-loop-ready="true"][data-mm-webkit-trails-ready="true"] .mm-madrid-entry-trail-webkit img{
animation:mmMadridEntryTrailWebKit var(--mm-madrid-loop-full) linear infinite;
will-change:opacity,transform
}
.mm-madrid[data-mm-madrid-loop-ready="true"][data-mm-webkit-trails-ready="true"] .mm-madrid-upper-trail-webkit img{
animation:mmMadridUpperTrailWebKit var(--mm-madrid-loop-full) linear infinite;
will-change:opacity,transform
}
.mm-madrid[data-mm-webkit-trails-ready="true"] :is(.mm-madrid-entry-trail-head,.mm-madrid-entry-trail-tail){animation:none}
.mm-madrid[data-mm-madrid-loop-ready="true"] .mm-madrid-ball{
animation:mmMadridBallFlight var(--mm-madrid-loop-full) linear infinite
}
.mm-madrid[data-mm-madrid-loop-ready="true"] .mm-madrid-ball-body{
animation:mmMadridBallBody var(--mm-madrid-loop-full) linear infinite
}
.mm-madrid[data-mm-madrid-loop-ready="true"] .mm-madrid-ball-sprite{
animation:mmMadridBallSpin var(--mm-madrid-loop-full) linear infinite
}
.mm-madrid[data-mm-madrid-loop-ready="true"] .mm-madrid-ball-flare{
animation:mmMadridBallFlare var(--mm-madrid-loop-full) linear infinite
}
.mm-madrid[data-mm-madrid-loop-ready="true"] .mm-text-window{
overflow:visible;
-webkit-clip-path:none;
clip-path:none
}
.mm-madrid[data-mm-madrid-loop-ready="true"] .mm-text{
display:inline-block;
animation:mmMadridTextFlight var(--mm-madrid-loop-full) linear infinite
}
.mm-madrid[data-mm-madrid-loop-ready="true"] .mm-word-mm{
animation:mmMadridMmFlight var(--mm-madrid-loop-full) linear infinite
}
.mm-madrid[data-mm-madrid-loop-ready="true"] .mm-text .x{
animation:mmMadridXFlight var(--mm-madrid-loop-full) linear infinite
}
.mm-madrid[data-mm-madrid-loop-ready="true"] .mm-word-madrid{
animation:mmMadridWordFlight var(--mm-madrid-loop-full) linear infinite
}
.mm-madrid[data-mm-madrid-loop-ready="true"] :is(.mm-madrid-trail,.mm-madrid-entry-trail,.mm-madrid-upper-trail-webkit,.mm-madrid-entry-trail-webkit,.mm-madrid-ball,.mm-madrid-ball-body,.mm-madrid-ball-sprite,.mm-madrid-ball-flare,.mm-text,.mm-word,.mm-text .x){
will-change:transform,opacity
}
.mm-madrid[data-mm-madrid-loop-ready="true"] :is(.mm-madrid-entry-trail-head,.mm-madrid-entry-trail-tail){will-change:stroke-dashoffset,opacity}
.mm-madrid[data-mm-madrid-loop-ready="true"] .mm-text{will-change:transform,opacity,filter}
}
/* Select each captured row an epsilon before its exact 1/114 loop boundary;
otherwise WebKit can hold the preceding row on floating-point equality. */
@keyframes mmMadridEntryTrailWebKit{
0%,63.157889%{opacity:0;transform:translate3d(0,0,0)}
63.15789%{opacity:1;transform:translate3d(0,0,0);animation-timing-function:steps(42,end)}
100%{opacity:1;transform:translate3d(0,-2688px,0)}
}
@keyframes mmMadridUpperTrailWebKit{
0%{opacity:1;transform:translate3d(0,0,0);animation-timing-function:steps(63,end)}
55.26315%,100%{opacity:1;transform:translate3d(0,-4032px,0)}
}
@keyframes mmMadridBallFlight{
0%{opacity:1;transform:translate3d(-91.5px,30.5px,0) scale(.79);animation-timing-function:linear}
1.091%{opacity:1;transform:translate3d(-89.049px,28.613px,0) scale(.795)}
2.183%{opacity:1;transform:translate3d(-86.685px,26.805px,0) scale(.8)}
3.274%{opacity:1;transform:translate3d(-84.407px,25.076px,0) scale(.805)}
4.365%{opacity:1;transform:translate3d(-82.216px,23.426px,0) scale(.81)}
5.456%{opacity:1;transform:translate3d(-80.112px,21.855px,0) scale(.814)}
6.548%{opacity:1;transform:translate3d(-78.093px,20.363px,0) scale(.817)}
7.639%{opacity:1;transform:translate3d(-76.162px,18.95px,0) scale(.819)}
8.73%{opacity:1;transform:translate3d(-74.317px,17.616px,0) scale(.82)}
9.058%{opacity:1;transform:translate3d(-73.78px,17.23px,0) scale(.82)}
12.953%{opacity:1;transform:translate3d(-67.44px,12.69px,0) scale(.832)}
16.849%{opacity:1;transform:translate3d(-60.68px,8.83px,0) scale(.844)}
20.745%{opacity:1;transform:translate3d(-53.56px,5.66px,0) scale(.856)}
24.641%{opacity:1;transform:translate3d(-46.16px,3.21px,0) scale(.868)}
28.537%{opacity:1;transform:translate3d(-38.56px,1.49px,0) scale(.88)}
32.433%{opacity:1;transform:translate3d(-30.84px,.49px,0) scale(.892)}
36.328%{opacity:1;transform:translate3d(-23.08px,-.25px,0) scale(.902)}
40.224%{opacity:1;transform:translate3d(-15.33px,-1.07px,0) scale(.91)}
42.56%{opacity:1;transform:translate3d(-10.7px,-1.7px,0) scale(.912)}
45.179%{opacity:1;transform:translate3d(-5.4px,-3.1px,0) scale(.915)}
48.016%{opacity:1;transform:translate3d(.5px,-5.5px,0) scale(.915)}
49.762%{opacity:.9;transform:translate3d(4px,-7.4px,0) scale(.91)}
51.29%{opacity:.62;transform:translate3d(7.2px,-9.3px,0) scale(.9)}
52.817%{opacity:.28;transform:translate3d(10.6px,-11.8px,0) scale(.885)}
54.127%{opacity:.06;transform:translate3d(13.8px,-14.5px,0) scale(.87)}
54.9%{opacity:0;transform:translate3d(16px,-17px,0) scale(.85)}
62.747%{opacity:0;transform:translate3d(42px,10px,0) scale(.765)}
63%{opacity:.35;transform:translate3d(42px,10px,0) scale(.765)}
64%{opacity:.74;transform:translate3d(39.764px,8.664px,0) scale(.77)}
67%{opacity:1;transform:translate3d(30.843px,5.412px,0) scale(.78)}
70%{opacity:1;transform:translate3d(18.839px,4.279px,0) scale(.79)}
73%{opacity:1;transform:translate3d(4.367px,6.321px,0) scale(.8)}
75%{opacity:1;transform:translate3d(-6.121px,10.178px,0) scale(.8)}
77%{opacity:1;transform:translate3d(-16.749px,16.399px,0) scale(.8)}
78.5%{opacity:1;transform:translate3d(-24.712px,22.434px,0) scale(.8)}
79.5%{opacity:1;transform:translate3d(-30.14px,26.884px,0) scale(.8)}
80.3%{opacity:1;transform:translate3d(-34.7px,30.5px,0) scale(.8)}
82.1%{opacity:1;transform:translate3d(-39.764px,25.819px,0) scale(.8)}
83.9%{opacity:1;transform:translate3d(-45.305px,23.11px,0) scale(.8)}
85.6%{opacity:1;transform:translate3d(-50.786px,22.282px,0) scale(.8)}
87.3%{opacity:1;transform:translate3d(-56.326px,23.06px,0) scale(.8)}
89.1%{opacity:1;transform:translate3d(-62.059px,25.548px,0) scale(.8)}
91.2%{opacity:1;transform:translate3d(-68.3px,30.5px,0) scale(.8)}
94%{opacity:1;transform:translate3d(-77.166px,30.642px,0) scale(.8)}
96.6%{opacity:1;transform:translate3d(-84.159px,30.608px,0) scale(.8)}
98.5%{opacity:1;transform:translate3d(-88.513px,30.55px,0) scale(.8)}
99.35%{opacity:1;transform:translate3d(-90.255px,30.522px,0) scale(.795)}
100%{opacity:1;transform:translate3d(-91.5px,30.5px,0) scale(.79)}
}
@keyframes mmMadridBallBody{
0%{transform:translate3d(-.3px,.08px,0) rotate(0) scale(.82,1.12)}
.764%{transform:translate3d(.18px,-.1px,0) rotate(-8deg) scale(.93,1.04)}
1.528%{transform:translate3d(.3px,-.18px,0) rotate(-12deg) scale(1.1,.92)}
3.274%{transform:translate3d(.12px,-.08px,0) rotate(-6deg) scale(1.04,.97)}
6.548%,79.7%{transform:translate3d(0,0,0) rotate(0) scale(1)}
80.3%{transform:translate3d(0,.3px,0) rotate(0) scale(1.1,.9)}
80.85%{transform:translate3d(.08px,-.16px,0) rotate(-5deg) scale(.97,1.05)}
81.65%,90.85%{transform:translate3d(0,0,0) rotate(0) scale(1)}
91.2%{transform:translate3d(0,.18px,0) rotate(0) scale(1.065,.94)}
91.75%{transform:translate3d(0,-.05px,0) rotate(0) scale(.985,1.022)}
92.4%,98.75%{transform:translate3d(0,0,0) rotate(0) scale(1)}
99%{transform:translate3d(-.04px,.02px,0) rotate(0) scale(.97,1.025)}
99.45%{transform:translate3d(-.18px,.06px,0) rotate(0) scale(.87,1.1)}
100%{transform:translate3d(-.3px,.08px,0) rotate(0) scale(.82,1.12)}
}
@keyframes mmMadridBallSpin{
0%{transform:rotate(-900deg)}
1.091%{transform:rotate(-921.82deg)}
2.183%{transform:rotate(-943.66deg)}
3.274%{transform:rotate(-965.48deg)}
4.365%{transform:rotate(-987.3deg)}
5.456%{transform:rotate(-1009.12deg)}
6.548%{transform:rotate(-1030.96deg)}
7.639%{transform:rotate(-1052.78deg)}
8.73%{transform:rotate(-1074.6deg)}
9.058%{transform:rotate(-1081.16deg)}
12.953%{transform:rotate(-1159.06deg)}
16.849%{transform:rotate(-1236.98deg)}
20.745%{transform:rotate(-1314.9deg)}
24.641%{transform:rotate(-1392.82deg)}
28.537%{transform:rotate(-1470.74deg)}
32.433%{transform:rotate(-1548.66deg)}
36.328%{transform:rotate(-1626.56deg)}
40.224%{transform:rotate(-1704.48deg)}
42.56%{transform:rotate(-1751.2deg)}
45.179%{transform:rotate(-1803.58deg)}
48.016%{transform:rotate(-1860.32deg)}
49.762%{transform:rotate(-1895.24deg)}
51.29%{transform:rotate(-1925.8deg)}
52.817%{transform:rotate(-1956.34deg)}
54.127%{transform:rotate(-1982.54deg)}
54.9%{transform:rotate(-1998deg)}
55%{transform:rotate(-2000deg)}
62.747%{transform:rotate(0deg)}
63%{transform:rotate(0deg)}
64%{transform:rotate(-15.957deg)}
67%{transform:rotate(-74.286deg)}
70%{transform:rotate(-148.302deg)}
73%{transform:rotate(-238.014deg)}
75%{transform:rotate(-306.549deg)}
77%{transform:rotate(-382.05deg)}
78.5%{transform:rotate(-443.25deg)}
79.5%{transform:rotate(-486.234deg)}
80.3%{transform:rotate(-521.874deg)}
82.1%{transform:rotate(-564.246deg)}
83.9%{transform:rotate(-602.163deg)}
85.6%{transform:rotate(-636.228deg)}
87.3%{transform:rotate(-670.599deg)}
89.1%{transform:rotate(-708.984deg)}
91.2%{transform:rotate(-757.908deg)}
94%{transform:rotate(-812.214deg)}
96.6%{transform:rotate(-855.036deg)}
98.5%{transform:rotate(-881.703deg)}
99.35%{transform:rotate(-892.368deg)}
100%{transform:rotate(-900deg)}
}
@keyframes mmMadridEntryTrailHead{
0%,62.747%{opacity:0;stroke-dashoffset:100}
63%{opacity:.14;stroke-dashoffset:100}
64%{opacity:.42;stroke-dashoffset:98.227}
67%{opacity:.76;stroke-dashoffset:91.746}
70%{opacity:.9;stroke-dashoffset:83.522}
73%{opacity:.96;stroke-dashoffset:73.554}
75%{opacity:.98;stroke-dashoffset:65.939}
77%{opacity:.98;stroke-dashoffset:57.55}
78.5%{opacity:.96;stroke-dashoffset:50.75}
79.5%{opacity:.92;stroke-dashoffset:45.974}
80.3%{opacity:.86;stroke-dashoffset:42.014}
82.1%{opacity:.82;stroke-dashoffset:37.306}
83.9%{opacity:.78;stroke-dashoffset:33.093}
85.6%{opacity:.72;stroke-dashoffset:29.308}
87.3%{opacity:.68;stroke-dashoffset:25.489}
89.1%{opacity:.62;stroke-dashoffset:21.224}
91.2%{opacity:.56;stroke-dashoffset:15.788}
94%{opacity:.44;stroke-dashoffset:9.754}
96.6%{opacity:.28;stroke-dashoffset:4.996}
98.5%{opacity:.12;stroke-dashoffset:2.033}
99.35%{opacity:.03;stroke-dashoffset:.848}
100%{opacity:0;stroke-dashoffset:0}
}
@keyframes mmMadridEntryTrailTail{
0%,67%{stroke-dashoffset:100}
70%{stroke-dashoffset:97.288}
73%{stroke-dashoffset:90.428}
75%{stroke-dashoffset:84.938}
77%{stroke-dashoffset:78.763}
78.5%{stroke-dashoffset:73.475}
79.5%{stroke-dashoffset:69.788}
80.3%{stroke-dashoffset:66.595}
82.1%{stroke-dashoffset:57.895}
83.9%{stroke-dashoffset:48.261}
85.6%{stroke-dashoffset:41.234}
87.3%{stroke-dashoffset:35.489}
89.1%{stroke-dashoffset:29.724}
91.2%{stroke-dashoffset:22.788}
94%{stroke-dashoffset:15.554}
96.6%{stroke-dashoffset:9.296}
98.5%{stroke-dashoffset:4.733}
99.35%{stroke-dashoffset:1.948}
100%{stroke-dashoffset:0}
}
@keyframes mmMadridImpactEcho{
0%{opacity:.3;transform:scale(.46,.76)}
1.091%{opacity:.24;transform:scale(.76,.94)}
3.274%{opacity:.15;transform:scale(1.02,1)}
6.548%{opacity:.07;transform:scale(1.18,.9)}
9.058%{opacity:.02;transform:scale(1.26,.82)}
13.095%,98.511%{opacity:0;transform:scale(.24,.62)}
98.842%{opacity:.1;transform:scale(.3,.66)}
99.173%{opacity:.22;transform:scale(.38,.72)}
99.503%{opacity:.28;transform:scale(.44,.75)}
100%{opacity:.3;transform:scale(.46,.76)}
}
@keyframes mmMadridBallFlare{
0%{opacity:.24;transform:scale(.76)}
1.31%{opacity:.12;transform:scale(1.06)}
3.274%{opacity:.04;transform:scale(1.18)}
6.548%,39.504%{opacity:0;transform:scale(.55)}
40.224%{opacity:.1;transform:scale(.72)}
41.032%{opacity:.22;transform:scale(1.02)}
42.56%{opacity:.1;transform:scale(1.16)}
45.179%,98.511%{opacity:0;transform:scale(.55)}
98.842%{opacity:.08;transform:scale(.68)}
100%{opacity:.24;transform:scale(.76)}
}
@keyframes mmMadridTextFlight{
0%,100%{filter:brightness(1) drop-shadow(0 0 0 rgba(211,233,255,0));opacity:1;transform:translate3d(0,0,0) rotateX(0) rotateY(0) skewX(0) scale(1)}
}
@keyframes mmMadridMmFlight{
0%,35%{opacity:0;transform:translate3d(9px,.5px,-11px) rotateX(4deg) rotateY(13deg) skewX(3deg) scaleX(.97)}
35%{animation-timing-function:cubic-bezier(.16,1,.3,1)}
41%{opacity:.5;transform:translate3d(3px,.12px,-3px) rotateX(1deg) rotateY(4deg) skewX(1deg) scaleX(.985)}
46%{opacity:1;transform:translate3d(-.6px,-.04px,1.2px) rotateX(-.8deg) rotateY(-1.8deg) skewX(-.4deg) scaleX(1.01)}
49%,85.1%{opacity:1;transform:translate3d(0,0,0) rotateX(0) rotateY(0) skewX(0) scaleX(1)}
85.1%{animation-timing-function:cubic-bezier(.35,0,.72,.38)}
90.067%{opacity:.72;transform:translate3d(-3px,-.12px,-3px) rotateX(-.8deg) rotateY(-6deg) skewX(-1.2deg) scaleX(.985)}
95.033%{opacity:.34;transform:translate3d(-6px,-.24px,-6px) rotateX(-1.5deg) rotateY(-10deg) skewX(-2.2deg) scaleX(.972)}
99.338%{opacity:0;transform:translate3d(-9px,-.36px,-9px) rotateX(-2.2deg) rotateY(-15deg) skewX(-3.5deg) scaleX(.955)}
100%{opacity:0;transform:translate3d(-10px,-.4px,-10px) rotateX(-2.5deg) rotateY(-16deg) skewX(-4deg) scaleX(.95)}
}
@keyframes mmMadridXFlight{
0%,20%{opacity:0;transform:translate3d(6px,.5px,-9px) rotateX(-5deg) rotateY(18deg) rotateZ(5deg) scale(.78)}
20%{animation-timing-function:cubic-bezier(.16,1,.3,1)}
26%{opacity:.72;transform:translate3d(2px,-.04px,1.5px) rotateX(-.8deg) rotateY(-2.5deg) rotateZ(-1.5deg) scale(1.06,.97)}
32%{opacity:1;transform:translate3d(-.35px,-.04px,1.5px) rotateX(-.8deg) rotateY(-2.5deg) rotateZ(-1.5deg) scale(1.06,.97)}
35%,75.168%{opacity:1;transform:translate3d(0,0,0) rotateX(0) rotateY(0) rotateZ(0) scale(1)}
75.168%{animation-timing-function:cubic-bezier(.4,0,.78,.35)}
80.134%{opacity:.68;transform:translate3d(-2.5px,-.15px,-3.5px) rotateX(1.5deg) rotateY(-8deg) rotateZ(-3deg) scale(.94)}
84.273%{opacity:.28;transform:translate3d(-5.5px,-.35px,-7px) rotateX(3deg) rotateY(-13deg) rotateZ(-7deg) scale(.82)}
87.171%,100%{opacity:0;transform:translate3d(-9px,-.6px,-11px) rotateX(5deg) rotateY(-19deg) rotateZ(-12deg) scale(.66)}
}
@keyframes mmMadridWordFlight{
0%,10%{opacity:0;transform:translate3d(12px,.6px,-12px) rotateX(4deg) rotateY(20deg) skewX(4deg) scaleX(.94)}
10%{animation-timing-function:cubic-bezier(.16,1,.3,1)}
17%{opacity:.62;transform:translate3d(4px,.12px,-3px) rotateX(1deg) rotateY(6deg) skewX(1.4deg) scaleX(.985)}
24%{opacity:1;transform:translate3d(-.9px,-.04px,1.2px) rotateX(-.8deg) rotateY(-1.8deg) skewX(-.4deg) scaleX(1.01)}
27%,65.235%{opacity:1;transform:translate3d(0,0,0) rotateX(0) rotateY(0) skewX(0) scaleX(1)}
65.235%{animation-timing-function:cubic-bezier(.4,0,.78,.35)}
69.373%{opacity:.72;transform:translate3d(-4px,-.1px,-3.5px) rotateX(-.8deg) rotateY(-6deg) skewX(-1.3deg) scaleX(.99)}
73.513%{opacity:.28;transform:translate3d(-9px,-.3px,-7px) rotateX(-1.8deg) rotateY(-11deg) skewX(-2.6deg) scaleX(.97)}
76.822%,100%{opacity:0;transform:translate3d(-13px,-.5px,-10px) rotateX(-3deg) rotateY(-17deg) skewX(-4deg) scaleX(.94)}
}
@keyframes mmMadridCompactLoop{
0%{transform:translate3d(-.5px,0,0) rotate(0) scale(1)}
25%{transform:translate3d(.5px,-.5px,0) rotate(90deg) scale(1)}
52%{transform:translate3d(0,0,0) rotate(187deg) scale(1)}
55%{filter:drop-shadow(0 2px 3px rgba(0,0,0,.24)) drop-shadow(0 0 5px rgba(190,222,255,.66));transform:translate3d(.5px,0,0) rotate(198deg) scale(1.08,.92)}
60%{filter:drop-shadow(0 2px 3px rgba(0,0,0,.24)) drop-shadow(0 0 2px rgba(190,222,255,.22));transform:translate3d(-.25px,0,0) rotate(216deg) scale(.97,1.04)}
75%{transform:translate3d(0,-.25px,0) rotate(270deg) scale(1)}
100%{transform:translate3d(-.5px,0,0) rotate(360deg) scale(1)}
}
@media(min-width:1081px) and (max-width:1280px){
.mm-madrid::before{
left:-1px;
top:4px;
width:30px;
height:30px;
background:url("../fig/mm-madrid-badge-1x.webp") -92px -1px/152px 64px no-repeat;
background-image:image-set(url("../fig/mm-madrid-badge-1x.webp") 1x,url("../fig/mm-madrid-badge.webp?v=20260720-2") 2x);
filter:drop-shadow(0 2px 3px rgba(0,0,0,.24));
-webkit-clip-path:circle(42% at 52% 47%);
clip-path:circle(42% at 52% 47%);
opacity:1;
transform:translate3d(-.5px,0,0);
transform-origin:52% 47%
}
.mm-madrid .mm-madrid-art img{opacity:0}
}
@media(min-width:1081px) and (max-width:1280px) and (prefers-reduced-motion:no-preference){
.mm-madrid[data-mm-madrid-loop-ready="true"]::before{
animation:mmMadridCompactLoop var(--mm-madrid-loop-compact) linear infinite
}
}
header.nav-hidden .mm-madrid::before,
header.nav-hidden .mm-madrid .mm-madrid-art::after,
header.nav-hidden .mm-madrid :is(.mm-madrid-entry-trail-head,.mm-madrid-entry-trail-tail,.mm-madrid-upper-trail-webkit img,.mm-madrid-entry-trail-webkit img,.mm-madrid-ball,.mm-madrid-ball-body,.mm-madrid-ball-sprite,.mm-madrid-ball-flare,.mm-text,.mm-word,.mm-text .x),
.mm-madrid[data-mm-madrid-paused]::before,
.mm-madrid[data-mm-madrid-paused] .mm-madrid-art::after,
.mm-madrid[data-mm-madrid-paused] :is(.mm-madrid-entry-trail-head,.mm-madrid-entry-trail-tail,.mm-madrid-upper-trail-webkit img,.mm-madrid-entry-trail-webkit img,.mm-madrid-ball,.mm-madrid-ball-body,.mm-madrid-ball-sprite,.mm-madrid-ball-flare,.mm-text,.mm-word,.mm-text .x){
animation-play-state:paused;
will-change:auto
}
header.nav-hidden .mm-madrid[data-mm-madrid-loop-ready="true"][data-mm-webkit-trails-ready="true"] :is(.mm-madrid-upper-trail-webkit img,.mm-madrid-entry-trail-webkit img),
.mm-madrid[data-mm-madrid-loop-ready="true"][data-mm-webkit-trails-ready="true"][data-mm-madrid-paused] :is(.mm-madrid-upper-trail-webkit img,.mm-madrid-entry-trail-webkit img){
animation-play-state:paused;
will-change:auto
}
@media(max-width:1080px){
.mm-madrid::before{opacity:0}
.mm-madrid .mm-madrid-art img{opacity:1}
}
@media(prefers-reduced-motion:reduce){
.mm-madrid-trail,
.mm-madrid-entry-trail,
.mm-madrid-upper-trail-webkit,
.mm-madrid-entry-trail-webkit,
.mm-madrid-ball{display:none!important}
.mm-madrid .mm-madrid-art::after{animation:none!important;opacity:0!important}
.mm-madrid .mm-madrid-art{
overflow:hidden;
border-radius:25px;
transform:none
}
.mm-madrid .mm-word,
.mm-madrid .mm-text .x,
.mm-madrid .mm-text{
animation:none;
filter:none;
opacity:1;
transform:none
}
.mm-madrid .mm-text-window{
overflow:hidden;
-webkit-clip-path:none;
clip-path:none
}
}
html:not(.wire) .hero-photo,
html:not(.wire) .hero-backdrop-panel{
inset:auto auto 0 50%;
width:1920px;
max-width:none;
height:840px;
background-color:#06070b;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
-webkit-mask-image:linear-gradient(
180deg,
#000 0%,
#000 64%,
rgba(0,0,0,.96) 67.75%,
rgba(0,0,0,.85) 71.5%,
rgba(0,0,0,.69) 75.25%,
rgba(0,0,0,.5) 79%,
rgba(0,0,0,.31) 82.75%,
rgba(0,0,0,.15) 86.5%,
rgba(0,0,0,.04) 90.25%,
transparent 94%,
transparent 100%
);
mask-image:linear-gradient(
180deg,
#000 0%,
#000 64%,
rgba(0,0,0,.96) 67.75%,
rgba(0,0,0,.85) 71.5%,
rgba(0,0,0,.69) 75.25%,
rgba(0,0,0,.5) 79%,
rgba(0,0,0,.31) 82.75%,
rgba(0,0,0,.15) 86.5%,
rgba(0,0,0,.04) 90.25%,
transparent 94%,
transparent 100%
);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat
}
html:not(.wire) .hero-banner-2{background-image:url(../figma-live/hero-banner-2.webp?v=20260722-1);background-image:-webkit-image-set(url(../figma-live/hero-banner-2.webp?v=20260722-1) 1x,url(../figma-live/hero-banner-2-2x.webp?v=20260722-1) 2x);background-image:image-set(url(../figma-live/hero-banner-2.webp?v=20260722-1) 1x,url(../figma-live/hero-banner-2-2x.webp?v=20260722-1) 2x)}
html:not(.wire) .hero-banner-3{background-image:url(../figma-live/hero-banner-3.webp?v=20260722-1);background-image:-webkit-image-set(url(../figma-live/hero-banner-3.webp?v=20260722-1) 1x,url(../figma-live/hero-banner-3-2x.webp?v=20260722-1) 2x);background-image:image-set(url(../figma-live/hero-banner-3.webp?v=20260722-1) 1x,url(../figma-live/hero-banner-3-2x.webp?v=20260722-1) 2x)}
html:not(.wire) .hero-banner-4{background-image:url(../figma-live/hero-banner-4.webp?v=20260722-1);background-image:-webkit-image-set(url(../figma-live/hero-banner-4.webp?v=20260722-1) 1x,url(../figma-live/hero-banner-4-2x.webp?v=20260722-1) 2x);background-image:image-set(url(../figma-live/hero-banner-4.webp?v=20260722-1) 1x,url(../figma-live/hero-banner-4-2x.webp?v=20260722-1) 2x)}
html:not(.wire) .hero-banner-5{background-image:url(../figma-live/hero-banner-5.webp?v=20260722-2);background-image:-webkit-image-set(url(../figma-live/hero-banner-5.webp?v=20260722-2) 1x,url(../figma-live/hero-banner-5-2x.webp?v=20260722-2) 2x);background-image:image-set(url(../figma-live/hero-banner-5.webp?v=20260722-2) 1x,url(../figma-live/hero-banner-5-2x.webp?v=20260722-2) 2x)}
html:not(.wire) .hero-photo::after,
html:not(.wire) .hero-backdrop-panel::after{
content:"";
position:absolute;
z-index:1;
inset:0;
pointer-events:none;
background:linear-gradient(269.7970883687743deg,#06070b 0%,rgba(6,7,11,0) 10.376%,rgba(6,7,11,0) 49.852%,#06070b 99.923%)
}
@media(max-width:600px){
html:not(.wire) .hero-photo,
html:not(.wire) .hero-backdrop-panel{left:calc(50% + 100px)}
html:not(.wire) .hero-photo::before,
html:not(.wire) .hero-backdrop-panel::before{
content:"";
position:absolute;
z-index:2;
top:0;
bottom:0;
left:calc(50% - 50vw - 100px);
width:100vw;
pointer-events:none;
background:linear-gradient(90deg,rgba(6,7,11,.84) 0%,rgba(6,7,11,.68) 72%,rgba(6,7,11,.45) 100%)
}
}
html:not(.wire) .hero-grad{display:none}
.figma-bg-trust-band{--parallax-x:0;left:0;top:0;width:100vw;height:380px;object-fit:fill}
html:not(.wire) .figma-bg-trust-band{z-index:3;background:#06070b}
html.wire #trust::after{
content:"";
position:absolute;
z-index:2;
top:379px;
left:0;
width:100%;
height:1px;
pointer-events:none;
background:#4a4a47
}
/* P2.4 keeps these environment fills horizontally stretched but vertically
fixed. Scaling the full aspect ratio on ultrawide screens moves the authored
horizon and exposes crop boundaries between sections. */
.figma-bg-review-hf{--parallax-x:-50%;left:50%;top:-856.074px;width:max(100vw,1920px);height:1044px;aspect-ratio:auto;overflow:visible}
.figma-bg-review-hf>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill}
.figma-bg-review-hf::after{content:none}
.figma-bg-accounts{left:50%;top:-927.074px;width:max(100vw,1920px);height:1141px;aspect-ratio:auto;overflow:visible}
.figma-bg-accounts>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill}
.figma-bg-accounts::after{content:none}
/* Hero slide selectors — restore the original Figma surfaces and spring hover. */
html:not(.wire) .hero-ind{
border:0;
background:var(--surface-hero-card-default) center/100% 100% no-repeat;
box-shadow:0 0 20px rgba(0,0,0,.2)
}
html:not(.wire) .hero-ind.active{
border:0;
background:var(--surface-hero-card-active) center/100% 100% no-repeat;
box-shadow:0 0 20px rgba(0,0,0,.2)
}
html:not(.wire) .tk{
--tk-surface:url(../figma-live/surface-trust-product.svg);
position:relative;
isolation:isolate;
height:70px;
min-height:70px;
border:2px solid transparent;
background:var(--tk-surface) center/100% 100% no-repeat;
background-origin:border-box;
background-clip:border-box;
-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px);
box-shadow:0 0 16px #000
}
html:not(.wire) .tk::before{content:none}
html:not(.wire) .tk>*{position:relative;z-index:1}
#trust .tk{height:70px;min-height:70px}
#trust .tk>.tk-front>.tk-copy{flex:none;height:39px;justify-content:center;gap:0}
#trust .tk .nm,#trust .tk .sb{line-height:normal}
#trust .h-1{font-family:"SF Pro Display","SF Pro","Alibaba PuHuiTi 3.0","Noto Sans SC",sans-serif;font-weight:900}
#trust .h-1 .trust-count{font-family:"SF Pro","SF Pro Display",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:800;font-variation-settings:"wdth" 100}
@media(min-width:901px){
#trust .h-1{display:flex;align-items:center;width:719px;max-width:719px;height:70px;margin:0 auto;line-height:normal;text-align:left;white-space:nowrap}
#trust .ticker-track{margin-left:calc((100vw - 2299px)/2)}
#trust .ticker-track>.tk:nth-child(12n+1),#trust .ticker-track>.tk:nth-child(12n+6),#trust .ticker-track>.tk:nth-child(12n+11),#trust .ticker-track>.tk:nth-child(12n+12){width:172px;--tk-surface:url(../figma-live/surface-trust-product.svg)}
#trust .ticker-track>.tk:nth-child(12n+2){width:145px;--tk-surface:url(../figma-live/surface-trust-product-145.svg)}
#trust .ticker-track>.tk:nth-child(12n+3){width:142px;--tk-surface:url(../figma-live/surface-trust-product-142.svg)}
#trust .ticker-track>.tk:nth-child(12n+4){width:149px;--tk-surface:url(../figma-live/surface-trust-product-149.svg)}
#trust .ticker-track>.tk:nth-child(12n+5){width:173px;--tk-surface:url(../figma-live/surface-trust-product-173.svg)}
#trust .ticker-track>.tk:nth-child(12n+7){width:168px;--tk-surface:url(../figma-live/surface-trust-product-168.svg)}
#trust .ticker-track>.tk:nth-child(12n+8){width:152px;--tk-surface:url(../figma-live/surface-trust-product-152.svg)}
#trust .ticker-track>.tk:nth-child(12n+9){width:174px;--tk-surface:url(../figma-live/surface-trust-product-174.svg)}
#trust .ticker-track>.tk:nth-child(12n+10){width:156px;--tk-surface:url(../figma-live/surface-trust-product-156.svg)}
#trust .ticker-track>.tk:nth-child(12n+1)>.tk-front>.tk-copy,#trust .ticker-track>.tk:nth-child(12n+6)>.tk-front>.tk-copy,#trust .ticker-track>.tk:nth-child(12n+11)>.tk-front>.tk-copy,#trust .ticker-track>.tk:nth-child(12n+12)>.tk-front>.tk-copy{width:72px}
#trust .ticker-track>.tk:nth-child(12n+2)>.tk-front>.tk-copy{width:45px}
#trust .ticker-track>.tk:nth-child(12n+3)>.tk-front>.tk-copy{width:42px}
#trust .ticker-track>.tk:nth-child(12n+4)>.tk-front>.tk-copy{width:49px}
#trust .ticker-track>.tk:nth-child(12n+5)>.tk-front>.tk-copy{width:73px}
#trust .ticker-track>.tk:nth-child(12n+7)>.tk-front>.tk-copy{width:68px}
#trust .ticker-track>.tk:nth-child(12n+8)>.tk-front>.tk-copy{width:52px;height:36px}
#trust .ticker-track>.tk:nth-child(12n+8) .sb{line-height:17px}
#trust .ticker-track>.tk:nth-child(12n+9)>.tk-front>.tk-copy{width:74px}
#trust .ticker-track>.tk:nth-child(12n+10)>.tk-front>.tk-copy{width:56px}
}
#trust .estat .n-num,#trust .estat .n-plus{font-family:"SF Pro",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-variation-settings:"wdth" 100}
#trust .estat .n-unit{font-family:"Alibaba PuHuiTi 3.0","Noto Sans SC",sans-serif;font-weight:700}
#trust .estat .l{font-family:"Alibaba PuHuiTi 3.0","Noto Sans SC",sans-serif;font-weight:400}
#trust .exec-layout>.exec-col:last-child .estat:nth-child(2) .n{gap:4px}
html:not(.wire) #trust .estat .n{background:none;color:inherit;-webkit-text-fill-color:currentColor;filter:none}
html:not(.wire) #trust .estat .n-num,html:not(.wire) #trust .estat .n-unit,html:not(.wire) #trust .estat .n-plus{display:inline-flex;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html:not(.wire) #trust .exec-layout>.exec-col:first-child .estat:first-child .n-num{background-image:linear-gradient(90deg,#a5dbff,#a5dbff),linear-gradient(90deg,rgba(19,141,255,.12),rgba(19,141,255,.12)),linear-gradient(122.08821599496deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%)}
html:not(.wire) #trust .exec-layout>.exec-col:first-child .estat:first-child .n-unit{background-image:linear-gradient(115.24096113274074deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%)}
html:not(.wire) #trust .exec-layout>.exec-col:first-child .estat:first-child .n-plus{background-image:linear-gradient(110.13666532280203deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%)}
html:not(.wire) #trust .exec-layout>.exec-col:first-child .estat:nth-child(2) .n-num{background-image:linear-gradient(90deg,#a5dbff,#a5dbff),linear-gradient(134.71264374096deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%)}
html:not(.wire) #trust .exec-layout>.exec-col:first-child .estat:nth-child(2) .n-plus:first-child{background-image:linear-gradient(110.136665322802deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%)}
html:not(.wire) #trust .exec-layout>.exec-col:first-child .estat:nth-child(2) .n-plus:last-child{background-image:linear-gradient(130.142603217097deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%)}
html:not(.wire) #trust .exec-layout>.exec-col:last-child .estat:first-child .n-num{background-image:linear-gradient(90deg,#a5dbff,#a5dbff),linear-gradient(90deg,rgba(19,141,255,.12),rgba(19,141,255,.12)),linear-gradient(143.532491509178deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%)}
html:not(.wire) #trust .exec-layout>.exec-col:last-child .estat:first-child .n-plus{background-image:linear-gradient(110.136665322802deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%)}
html:not(.wire) #trust .exec-layout>.exec-col:last-child .estat:nth-child(2) .n-num{background-image:linear-gradient(90deg,#a5dbff,#a5dbff),linear-gradient(90deg,rgba(19,141,255,.12),rgba(19,141,255,.12)),linear-gradient(129.896174297505deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%)}
html:not(.wire) #trust .exec-layout>.exec-col:last-child .estat:nth-child(2) .n-unit{background-image:linear-gradient(115.240961132741deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%)}
html:not(.wire) #trust .estat .l{color:rgba(255,255,255,.7)}
html:not(.wire) #trust .spread-panel{
border:0;
background:url(../figma-live/surface-spread-panel.svg) center/100% 100% no-repeat;
-webkit-backdrop-filter:none;
backdrop-filter:none
}
html:not(.wire) #trust .spread-panel::after{display:none}
html:not(.wire) #trust .sp-mm{
background:
url(../figma-live/surface-spread-center.svg) center/100% 100% no-repeat,
linear-gradient(180deg,#18395a 0%,#183856 20%,#10283e 42%,#0c1521 62%,#060d15 76%,#06070b 100%);
-webkit-backdrop-filter:none;
backdrop-filter:none;
box-shadow:0 -4.584px 22.921px rgba(6,7,11,.8)
}
html:not(.wire) #trust .sp-mm::before{content:none}
html:not(.wire) #trust .sp-mm::after{display:none}
html:not(.wire) #trust .sp-mm .sp-row{position:relative;border-bottom:1px solid rgba(255,255,255,.1)}
html:not(.wire) #trust .sp-mm .sp-row:not(:last-child)::after{content:"";position:absolute;z-index:2;inset:0;background:url(../figma-live/surface-spread-divider-center.svg) center/100% 100% no-repeat;pointer-events:none}
html:not(.wire) #trust .sp-mm .sp-row:last-child{border-bottom:0}
html:not(.wire) #trust .sp-mm .sp-row:last-child::after{content:none}
html.wire #trust .sp-row{border-bottom:1px solid #4a4a47!important}
html.wire #trust .sp-row:hover{border-bottom-color:#6b6b68!important}
html.wire #trust .sp-row:last-child,html.wire #trust .sp-row:last-child:hover{border-bottom:0!important}
.rev-col{position:relative;z-index:1}
.review{
--review-rx:0deg;--review-ry:0deg;--review-light-x:50%;--review-light-y:24%;
--review-lift:0px;--review-scale:1;
--review-copy-x:0px;--review-copy-y:0px;--review-meta-x:0px;--review-meta-y:0px;
transform-origin:50% 50%;backface-visibility:hidden;
transition:transform .36s cubic-bezier(.16,1,.3,1),box-shadow .28s ease-out,background .24s ease-out,border-color .24s ease-out
}
.review-copy,.review .who{backface-visibility:hidden;transition:transform .36s cubic-bezier(.16,1,.3,1)}
html:not(.wire) .review{isolation:isolate}
@media(hover:hover) and (pointer:fine){
.rev-col:hover{z-index:2}
.review:hover,.review.is-tilting{z-index:2}
.review.is-tilting,.review.is-returning{transition:box-shadow .18s ease-out}
.review:hover .review-copy,.review.is-tilting .review-copy,.review.is-returning .review-copy{transform:translate3d(var(--review-copy-x),var(--review-copy-y),0)}
.review:hover .who,.review.is-tilting .who,.review.is-returning .who{transform:translate3d(var(--review-meta-x),var(--review-meta-y),0)}
.review.is-tilting .review-copy,.review.is-tilting .who,.review.is-returning .review-copy,.review.is-returning .who{transition:none}
html.wire .review:hover{filter:brightness(1.06)}
}
@media(prefers-reduced-motion:reduce){
.proof-reviews{perspective:none}
.rev-track{filter:none!important;opacity:1!important;will-change:auto!important}
.review{transition:none}
.review:hover,.review.is-tilting,.review.is-returning{transform:none!important;will-change:auto}
.review-copy,.review .who{transform:none!important;transition:none;will-change:auto}
html:not(.wire) .review:hover{filter:none}
html:not(.wire) .review::after{transform:none;transition:none}
html:not(.wire) .review:hover::after{opacity:1}
}
html:not(.wire) .media-marq{
position:relative;
border:0;
background:var(--mm-surface-media-band) center/100% 100% no-repeat;
isolation:isolate;
cursor:grab;
touch-action:pan-y;
-webkit-user-select:none;
user-select:none
}
html:not(.wire) .media-marq.is-dragging{cursor:grabbing}
html:not(.wire) .media-track{position:relative;z-index:2}
html:not(.wire) .media-track img{
transform-origin:50% 50%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
pointer-events:none;
-webkit-user-drag:none;
user-select:none;
opacity:1;
transform:none;
will-change:auto
}
html:not(.wire) .media-track img:not([data-mm-media-loaded="1"]){visibility:hidden}
html:not(.wire) .media-marq::before{content:"";position:absolute;z-index:3;inset:0 0 auto;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 48.078%,rgba(255,255,255,0) 100%),linear-gradient(90deg,rgba(19,141,255,0) 0%,#138dff 48.078%,rgba(19,141,255,0) 100%);pointer-events:none}
html:not(.wire) .media-marq::after{content:none}
html:not(.wire) .award-face.front{
--award-shade-x:calc(100% - var(--award-light-x));
border:0;
background:var(--award-surface-front,url(../figma-live/surface-award-card-default.svg)) center/100% 100% no-repeat;
transform:translateZ(.01px)
}
html:not(.wire) .award-face.back{
--award-shade-x:var(--award-light-x);
border:0;
background:var(--award-surface-back,url(../figma-live/surface-award-card-back.svg)) center/100% 100% no-repeat;
filter:saturate(130%);
transform:rotateY(180deg) translateZ(.01px)
}
html:not(.wire) .award::before{content:"";position:absolute;z-index:-1;left:3%;right:3%;top:22%;bottom:-13%;border-radius:38%;background:radial-gradient(ellipse at 50% 52%,rgba(0,5,13,.82) 0%,rgba(0,5,13,.46) 42%,rgba(0,5,13,0) 76%);opacity:var(--award-shadow-o);transform:translate3d(var(--award-shadow-x),var(--award-shadow-y),0) scale(var(--award-shadow-scale));transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);pointer-events:none}
html:not(.wire) .award-inner::before{
content:"";
position:absolute;
z-index:2;
inset:0;
border-radius:var(--award-radius,30px);
padding:1px;
background:conic-gradient(from 0deg at 50% 50%,rgba(255,54,82,0) 0deg,rgba(255,54,82,0) 18deg,rgba(255,54,82,.04) 27deg,rgba(255,94,113,.18) 36deg,rgba(255,236,239,.5) 45deg,rgba(255,58,86,.3) 54deg,rgba(255,42,72,.14) 62deg,rgba(255,42,72,.052) 69deg,rgba(255,42,72,.014) 74deg,rgba(255,42,72,0) 78deg 360deg);
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
filter:drop-shadow(1px -1px 3px rgba(255,118,134,.09)) drop-shadow(5px -5px 16px rgba(255,27,61,.08)) drop-shadow(11px -10px 38px rgba(139,0,29,.04));
transform:translateZ(.021px);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
pointer-events:none
}
html:not(.wire) .award-inner::after{
content:"";
position:absolute;
inset:1px;
border-radius:calc(var(--award-radius,30px) - 1px);
background:radial-gradient(26% 22% at 100% 0%,rgba(255,250,251,.085) 0%,rgba(255,188,198,.048) 28%,rgba(255,91,113,.018) 60%,rgba(255,58,86,0) 100%),radial-gradient(52% 42% at 100% 0%,rgba(255,225,231,.038) 0%,rgba(255,111,132,.024) 32%,rgba(255,72,98,.01) 64%,rgba(255,58,86,.003) 84%,rgba(255,58,86,0) 100%),radial-gradient(58% 46% at 105% -10%,rgba(126,12,37,.065) 0%,rgba(96,5,27,.032) 42%,rgba(66,3,20,0) 76%),radial-gradient(44% 34% at -4% 106%,rgba(126,18,39,.03) 0%,rgba(90,7,25,.012) 42%,rgba(68,4,20,0) 74%);
box-shadow:none;
mix-blend-mode:screen;
transform:translateZ(.02px);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
pointer-events:none
}
html:not(.wire) .award-face::before,
html:not(.wire) .award-face::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}
html:not(.wire) .award-face::before{z-index:0;background:radial-gradient(520px 350px at var(--award-light-x) var(--award-light-y),rgba(255,255,255,.18) 0%,rgba(177,220,255,.085) 30%,rgba(73,166,255,.028) 58%,rgba(19,141,255,0) 82%);mix-blend-mode:screen;opacity:var(--award-light-o);transition:opacity .42s cubic-bezier(.22,1,.36,1)}
html:not(.wire) .award-face.back::before{background:radial-gradient(520px 350px at calc(100% - var(--award-light-x)) var(--award-light-y),rgba(255,248,249,.19) 0%,rgba(255,116,138,.09) 30%,rgba(255,43,80,.03) 58%,rgba(255,0,51,0) 82%)}
html:not(.wire) .award-face::after{z-index:0;background:radial-gradient(125% 105% at var(--award-shade-x) calc(110% - var(--award-light-y)),rgba(0,4,10,.24) 0%,rgba(0,4,10,0) 66%),linear-gradient(112deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,0) 29%,rgba(0,0,0,.055) 72%,rgba(0,0,0,.16) 100%);box-shadow:inset 1px 1px 0 rgba(255,255,255,.13),inset -1px -1px 0 rgba(2,6,13,.56);opacity:.9}
.award-face>*{position:relative;z-index:1;transform:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.award-face>.aw-top,.award-face>.aw-body,.award-face>.aw-back-yr,.award-face>.aw-sp-row{transition:transform .36s cubic-bezier(.16,1,.3,1)}
@media(hover:hover) and (pointer:fine){
.award:is(.is-tilting,.is-returning){z-index:4;transform:perspective(940px) translate3d(0,var(--award-hover-y),20px) rotateX(var(--award-rx)) rotateY(var(--award-ry)) scale(var(--award-hover-scale));will-change:transform;transition:none}
.award:is(.is-tilting,.is-returning) .award-inner{will-change:transform}
html:not(.wire) .award:is(.is-tilting,.is-returning)::before{transition:none}
html:not(.wire) .award:is(.is-tilting,.is-returning) .award-face::before{transition:none}
.award:is(.is-tilting,.is-returning) .award-face.front>.aw-top{transform:translate3d(var(--award-art-x),var(--award-art-y),0)}
.award:is(.is-tilting,.is-returning) .award-face.front>.aw-body{transform:translate3d(var(--award-copy-x),var(--award-copy-y),0)}
.award:is(.is-tilting,.is-returning) .award-face.back>.aw-back-yr{transform:translate3d(calc(0px - var(--award-art-x)),var(--award-art-y),0)}
.award:is(.is-tilting,.is-returning) .award-face.back>.aw-sp-row{transform:translate3d(calc(0px - var(--award-copy-x)),var(--award-copy-y),0)}
.award:is(.is-tilting,.is-returning) .award-face>.aw-top,.award:is(.is-tilting,.is-returning) .award-face>.aw-body,.award:is(.is-tilting,.is-returning) .award-face>.aw-back-yr,.award:is(.is-tilting,.is-returning) .award-face>.aw-sp-row{will-change:transform;transition:none}
}
@media(prefers-reduced-motion:reduce){html:not(.wire) .award::before{transition:none}.award-face>.aw-top,.award-face>.aw-body,.award-face>.aw-back-yr,.award-face>.aw-sp-row{transform:none!important;transition:none;will-change:auto}}
html:not(.wire) .acct{
border:0;
background:var(--mm-surface-account-card-default) center/100% 100% no-repeat
}
html:not(.wire) .acct.sel{
border:0;
background:var(--mm-surface-account-card-selected) center/100% 100% no-repeat;
box-shadow:0 -4px 20px rgba(6,7,11,.8)
}
html:not(.wire) #acctSelect .acct,html:not(.wire) [data-mm-account-cards] .acct{box-shadow:calc(var(--acct-depth-base-x,0px) + var(--acct-depth-hover-x,0px)) 0 0 rgba(38,58,82,.78)}
html:not(.wire) #acctSelect .acct.sel,html:not(.wire) [data-mm-account-cards] .acct.sel{box-shadow:calc(var(--acct-depth-base-x,0px) + var(--acct-depth-hover-x,0px)) 0 0 rgba(19,100,190,.8),0 -4px 20px rgba(6,7,11,.8)}
/* Account cards reuse the awards' pointer-follow 3D response without changing selection styling. */
#acctSelect,[data-mm-account-cards]{perspective:2200px;perspective-origin:50% 50%;transform-style:preserve-3d}
#acctSelect .acct,[data-mm-account-cards] .acct{
--acct-base-x:0px;--acct-base-y:0px;--acct-base-z:0px;
--acct-base-rx:0deg;--acct-base-ry:0deg;--acct-base-rz:0deg;--acct-base-scale:1;
--acct-hinge-in:0%;--acct-hinge-out:0%;
--acct-rx:0deg;--acct-ry:0deg;--acct-hover-y:0px;--acct-hover-z:0px;--acct-hover-scale:1;
--acct-light-x:50%;--acct-light-y:38%;--acct-light-o:0;
--acct-shadow-x:0px;--acct-shadow-y:14px;--acct-shadow-scale:.96;--acct-shadow-o:0;
--acct-flag-z:0px;--acct-cta-z:0px;--acct-depth-base-x:0px;--acct-depth-hover-x:0px;
--acct-card-transform:translate3d(var(--acct-base-x),calc(var(--acct-base-y) + var(--acct-hover-y)),calc(var(--acct-base-z) + var(--acct-hover-z))) translateX(var(--acct-hinge-in)) rotateY(var(--acct-base-ry)) translateX(var(--acct-hinge-out)) rotateX(var(--acct-rx)) rotateY(var(--acct-ry)) scale(var(--acct-base-scale)) scale(var(--acct-hover-scale));
z-index:0;isolation:auto;perspective:900px;transform-origin:50% 50%;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;
transform:var(--acct-card-transform);transition:transform .62s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease,box-shadow .3s ease
}
#acctSelect .acct,#acctSelect .acct *,[data-mm-account-cards] .acct,[data-mm-account-cards] .acct *{-webkit-user-select:text;user-select:text}
#acctSelect .acct-state,[data-mm-account-cards] .acct-state{-webkit-appearance:none;appearance:none;font-family:var(--mm-button-font);cursor:pointer}
@media(min-width:1201px){
#acctSelect .acct:nth-child(1),[data-mm-account-layout="trio"] .acct:nth-child(1){--acct-base-ry:30deg;--acct-hinge-in:50%;--acct-hinge-out:-50%;--acct-depth-base-x:-4px;z-index:1}
#acctSelect .acct:nth-child(2),[data-mm-account-layout="trio"] .acct:nth-child(2){--acct-depth-base-x:0px;z-index:2;transform-origin:50% 50%}
#acctSelect .acct:nth-child(3),[data-mm-account-layout="trio"] .acct:nth-child(3){--acct-base-ry:-30deg;--acct-hinge-in:-50%;--acct-hinge-out:50%;--acct-depth-base-x:4px;z-index:1}
#acctSelect[data-mm-account-geometry="flat"] .acct:nth-child(1),#acctSelect[data-mm-account-geometry="flat"] .acct:nth-child(2),#acctSelect[data-mm-account-geometry="flat"] .acct:nth-child(3),[data-mm-account-geometry="flat"] .acct:nth-child(1),[data-mm-account-geometry="flat"] .acct:nth-child(2),[data-mm-account-geometry="flat"] .acct:nth-child(3){--acct-base-ry:0deg;--acct-hinge-in:0%;--acct-hinge-out:0%;--acct-depth-base-x:0px}
}
html:not(.wire) #acctSelect .acct,html:not(.wire) [data-mm-account-cards] .acct{-webkit-backdrop-filter:none;backdrop-filter:none}
html:not(.wire) #acctSelect .acct::before,html:not(.wire) [data-mm-account-cards] .acct::before{
content:"";display:block;position:absolute;z-index:-1;left:3%;right:3%;top:22%;bottom:-13%;border-radius:38%;
background:radial-gradient(ellipse at 50% 52%,rgba(0,5,13,.82) 0%,rgba(0,5,13,.46) 42%,rgba(0,5,13,0) 76%);
opacity:var(--acct-shadow-o);transform:translate3d(var(--acct-shadow-x),var(--acct-shadow-y),0) scale(var(--acct-shadow-scale));
transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);pointer-events:none
}
html:not(.wire) #acctSelect .acct::after,html:not(.wire) [data-mm-account-cards] .acct::after{
content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;pointer-events:none;
background:radial-gradient(600px 500px at var(--acct-light-x) var(--acct-light-y),rgba(255,255,255,.16) 0%,rgba(177,220,255,.075) 27%,rgba(73,166,255,.024) 52%,rgba(19,141,255,0) 76%),radial-gradient(560px 470px at calc(100% - var(--acct-light-x)) calc(100% - var(--acct-light-y)),rgba(0,3,10,.3) 0%,rgba(0,3,10,.12) 40%,rgba(0,3,10,0) 72%);
opacity:var(--acct-light-o);transition:opacity .42s cubic-bezier(.22,1,.36,1)
}
html:not(.wire) #acctSelect .acct.sel::after,html:not(.wire) [data-mm-account-cards] .acct.sel::after{
background:radial-gradient(600px 500px at var(--acct-light-x) var(--acct-light-y),rgba(19,141,255,.23) 0%,rgba(19,141,255,.125) 27%,rgba(19,141,255,.05) 52%,rgba(19,141,255,0) 76%),radial-gradient(560px 470px at calc(100% - var(--acct-light-x)) calc(100% - var(--acct-light-y)),rgba(0,3,10,.3) 0%,rgba(0,3,10,.12) 40%,rgba(0,3,10,0) 72%)
}
#acctSelect .acct>:not(.flag){position:relative;z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden}
#acctSelect .acct>.flag,[data-mm-account-cards] .acct>.flag{z-index:3;-webkit-backface-visibility:hidden;backface-visibility:hidden}
html:not(.wire) #acctSelect .acct:hover:not(.is-tilting):not(.is-returning),html:not(.wire) [data-mm-account-cards] .acct:hover:not(.is-tilting):not(.is-returning){transform:var(--acct-card-transform)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
#acctSelect .acct:is(.is-tilting,.is-returning),[data-mm-account-cards] .acct:is(.is-tilting,.is-returning){z-index:4;transform:var(--acct-card-transform);will-change:transform;transition:none}
html:not(.wire) #acctSelect .acct:is(.is-tilting,.is-returning)::before,
html:not(.wire) #acctSelect .acct:is(.is-tilting,.is-returning)::after,
html:not(.wire) [data-mm-account-cards] .acct:is(.is-tilting,.is-returning)::before,
html:not(.wire) [data-mm-account-cards] .acct:is(.is-tilting,.is-returning)::after{transition:none}
#acctSelect .acct:is(.is-tilting,.is-returning)>.flag,[data-mm-account-cards] .acct:is(.is-tilting,.is-returning)>.flag{transform:translate3d(0,0,var(--acct-flag-z))}
#acctSelect .acct:is(.is-tilting,.is-returning)>.acct-state,[data-mm-account-cards] .acct:is(.is-tilting,.is-returning)>.acct-state{transform:translate3d(0,0,var(--acct-cta-z))}
#acctSelect .acct:is(.is-tilting,.is-returning)>.flag,
#acctSelect .acct:is(.is-tilting,.is-returning)>.acct-state,
[data-mm-account-cards] .acct:is(.is-tilting,.is-returning)>.flag,
[data-mm-account-cards] .acct:is(.is-tilting,.is-returning)>.acct-state{will-change:transform}
}
@media(prefers-reduced-motion:reduce){
html:not(.wire) #acctSelect .acct::before,html:not(.wire) #acctSelect .acct::after,html:not(.wire) [data-mm-account-cards] .acct::before,html:not(.wire) [data-mm-account-cards] .acct::after{transition:none}
#acctSelect .acct:is(.is-tilting,.is-returning),[data-mm-account-cards] .acct:is(.is-tilting,.is-returning){transform:none!important;will-change:auto}
#acctSelect .acct>.flag,#acctSelect .acct>.acct-state,[data-mm-account-cards] .acct>.flag,[data-mm-account-cards] .acct>.acct-state{transform:none!important;will-change:auto}
}
html:not(.wire) .reg-item{
border:0;
border-radius:20px;
padding:19px 25px;
background:var(--mm-surface-reg-card-default) center/100% 100% no-repeat;
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);
box-shadow:43px 112px 34px rgba(0,0,0,0),28px 72px 31px rgba(0,0,0,.02),16px 40px 26px rgba(0,0,0,.06),7px 18px 19px rgba(0,0,0,.1),2px 4px 11px rgba(0,0,0,.12)
}
html:not(.wire) .reg-item:hover{
border:0;
border-radius:20px;
padding:18px 24px;
background:var(--mm-surface-reg-card-default) center/100% 100% no-repeat;
-webkit-backdrop-filter:none;
backdrop-filter:none;
box-shadow:none
}
html:not(.wire) .reg-item::after{z-index:0}
@media(min-width:1200px){
html:not(.wire) .reg-item:nth-child(n+4),html:not(.wire) .reg-item:nth-child(n+4):hover{background-image:var(--mm-surface-reg-card-default-wide)}
html:not(.wire) .reg-item:nth-child(n+4)::before{background-image:var(--mm-control-reg-active-wide)}
}
/* Figma main sections do not clip their background artwork. The oversized
layers intentionally continue into neighboring sections. */
html:not(.wire) #trust.stack-layer,
html:not(.wire) #proof.stack-layer,
html:not(.wire) #platforms.stack-layer,
html:not(.wire) #accounts.stack-layer,
html:not(.wire) #reg.stack-layer{overflow:visible}
html:not(.wire) :is(#accounts,[data-mm-account-component]){overflow:visible;background:none}
html:not(.wire) :is(#accounts,[data-mm-account-component])>.wrap{position:relative;z-index:3;background:transparent}
@media(max-width:1200px){html:not(.wire) :is(#accounts,[data-mm-account-component]){height:auto;min-height:0;padding:40px 0 clamp(72px,10vh,128px)}}
html:not(.wire) #platforms::before{
content:"";
position:absolute;
z-index:2;
top:-320px;
left:-12%;
right:-12%;
height:640px;
background:radial-gradient(ellipse 82% 118% at 2% 42%,rgba(18,96,165,.13) 0%,rgba(10,42,73,.055) 43%,rgba(6,7,11,0) 80%),radial-gradient(ellipse 52% 86% at 42% 40%,rgba(32,75,112,.035) 0%,rgba(6,7,11,0) 74%);
-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.22) 15%,#000 34%,#000 70%,rgba(0,0,0,.42) 86%,transparent 100%);
mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.22) 15%,#000 34%,#000 70%,rgba(0,0,0,.42) 86%,transparent 100%);
filter:blur(38px);
transform:translateZ(0);
pointer-events:none
}
html:not(.wire) #platforms::after{
content:"";
position:absolute;
z-index:2;
top:-360px;
left:0;
right:0;
height:720px;
background:linear-gradient(180deg,rgba(6,7,11,0) 0%,rgba(6,7,11,.06) 12%,rgba(6,7,11,.18) 24%,rgba(6,7,11,.38) 38%,rgba(6,7,11,.64) 51%,rgba(6,7,11,.84) 62%,rgba(6,7,11,.94) 70%,rgba(6,7,11,.88) 77%,rgba(6,7,11,.68) 85%,rgba(6,7,11,.38) 92%,rgba(6,7,11,.12) 97%,rgba(6,7,11,0) 100%);
filter:blur(24px);
pointer-events:none
}
/* Backgrounds share one page-level paint order: artwork at z:1, every section
content wrapper at z:2. Whole sections must not form sticky stacking contexts,
otherwise a later section's oversized artwork covers earlier content. */
.stack-layer{
position:relative!important;
top:auto!important;
z-index:auto;
isolation:auto
}
/* CTA artwork uses the same fixed-width canvas strategy as the 1920px banner artwork.
The viewport only crops the centred frame; it never resizes the ring responsively. */
html:not(.wire) :is(.cta.cta-full,[data-mm-cta-orbit])>.cta-bg-orbit{--cta-ring-size:1920px;--cta-ring-scale-y:.99;position:absolute;inset:0 0 auto;height:calc(100% - var(--cta-main-shift,0px));z-index:-2;overflow:visible;pointer-events:none;user-select:none}
html:not(.wire) :is(.cta.cta-full,[data-mm-cta-orbit])>.cta-bg-orbit>.cta-bg-frame{position:absolute;left:50%;top:calc(75.1% + var(--cta-main-shift,0px));width:var(--cta-ring-size);aspect-ratio:3300/4096;transform:translate(-50%,-75.1%)}
html:not(.wire) :is(.cta.cta-full,[data-mm-cta-orbit])>.cta-bg-orbit>.cta-bg-frame>.cta-bg-picture{position:absolute;inset:0;z-index:0;display:block}
html:not(.wire) :is(.cta.cta-full,[data-mm-cta-orbit])>.cta-bg-orbit>.cta-bg-frame>.cta-bg-picture>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:0;transform:scaleY(var(--cta-ring-scale-y));transform-origin:49.558% 50.830%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
html:not(.wire) :is(.cta.cta-full,[data-mm-cta-orbit]) .cta-ring-mask{position:absolute;inset:0;z-index:1;pointer-events:none;transform:scaleY(var(--cta-ring-scale-y));transform-origin:49.558% 50.830%}
html:not(.wire) :is(.cta.cta-full,[data-mm-cta-orbit]) .cta-ring-mask>.cta-ring-rotor{position:absolute;left:49.558%;top:50.830%;width:99.167%;height:auto;aspect-ratio:1;max-width:none;z-index:0;transform:translate(-50%,-50%) rotate(0deg);transform-origin:50% 50%;animation:cta-ring-spin 120s linear infinite;animation-play-state:paused;backface-visibility:hidden}
html:not(.wire) :is(.cta.cta-full,[data-mm-cta-orbit]).cta-ring-preparing .cta-ring-mask>.cta-ring-rotor,html:not(.wire) :is(.cta.cta-full,[data-mm-cta-orbit]).cta-ring-active .cta-ring-mask>.cta-ring-rotor{will-change:transform}
html:not(.wire) :is(.cta.cta-full,[data-mm-cta-orbit]).cta-ring-active .cta-ring-mask>.cta-ring-rotor{animation-play-state:running}
@keyframes cta-ring-spin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html:not(.wire) :is(.cta.cta-full,[data-mm-cta-orbit]) .cta-ring-mask>.cta-ring-rotor{animation:none;will-change:auto}}
.hero{overflow:clip;overflow-clip-margin:24px}
html.wire body .hero-photo{inset:-35px auto auto 50%;width:1920px;height:840px;max-width:none;background:linear-gradient(180deg,#242422 0%,#242422 68%,#1c1c1b 86%,var(--bg) 100%)!important;filter:none!important}
html.wire{--display:"Alibaba PuHuiTi 3.0","SF Pro Display","SF Pro","Noto Sans SC",sans-serif;--body:"Alibaba PuHuiTi 3.0","SF Pro Text","SF Pro","Noto Sans SC",sans-serif}
html.wire .figma-bg{display:none!important}
html.wire .cta.cta-full>img{display:none!important}
html.wire :is(.cta.cta-full,[data-mm-cta-orbit])>.cta-bg-orbit{display:none!important}
html.wire #platforms .panel-grid{background:transparent!important;border:0!important;box-shadow:none!important}
html.wire .award-face{border-color:#4a4a47!important}
/* Keep the first award row's 3D flip projection inside the clipped/faded viewport. */
.awards-years.clipped{
--award-flip-bleed-block:32px;
--award-flip-bleed-inline:min(32px,var(--gutter));
padding:var(--award-flip-bleed-block) var(--award-flip-bleed-inline) 0;
margin:calc(var(--award-flip-bleed-block) * -1) calc(var(--award-flip-bleed-inline) * -1) 0;
max-height:none
}
.awards-years.clipped [data-award-year="2026"] .award:nth-child(n+10){display:none}
@media(max-width:1200px){.awards-years.clipped [data-award-year="2026"] .award:nth-child(n+7){display:none}}
@media(max-width:760px){.awards-years.clipped [data-award-year="2026"] .award:nth-child(n+5){display:none}}
@media(max-width:560px){.awards-years.clipped [data-award-year="2026"] .award:nth-child(n+3){display:none}}
/* P2.4 — Mega Menu: Figma-visible content, regrouped into two-row option grids. */
@media(min-width:1081px){
.megas{top:100%;padding:0 0 18px}
.mega{
max-height:calc(100vh - 90px);
overflow-x:hidden;
overflow-y:auto;
scrollbar-width:thin;
scrollbar-color:rgba(126,155,200,.38) transparent
}
.mega::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
radial-gradient(60% 140% at 12% 0%,rgba(19,141,255,.10),transparent 66%),
radial-gradient(50% 120% at 90% 0%,rgba(255,0,51,.055),transparent 72%)
}
.mega-inner{
position:relative;
z-index:1;
width:100%;
max-width:var(--maxw);
padding:28px var(--gutter) 30px;
margin:0 auto;
gap:16px
}
.mega-inner.menu-platform{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}
.mega-inner.menu-platform>.mega-col:nth-child(1){grid-column:span 5}
.mega-inner.menu-platform>.mega-col:nth-child(2){grid-column:span 7}
.mega-inner.menu-platform>.mega-col:nth-child(3){grid-column:span 8}
.mega-inner.menu-platform>.mega-col:nth-child(4){grid-column:span 4}
.mega-inner.menu-market{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr) minmax(230px,3fr)}
.mega-inner.menu-promo,.mega-inner.menu-company{display:grid;grid-template-columns:minmax(0,7fr) minmax(270px,3fr);max-width:1380px}
.mega-col{
position:relative;
min-width:0;
padding:16px;
border-radius:20px;
overflow:hidden
}
.mega-heading{
position:relative;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:1px;
min-height:43px;
margin:0 0 10px;
padding:0 0 12px 16px;
font-size:12px;
line-height:18px;
letter-spacing:.12em;
color:rgba(243,245,248,.78)
}
.mega-heading::before{
position:absolute;
left:0;
top:6px;
width:6px;
height:6px;
background:#ff2e43;
box-shadow:0 0 8px #ff2e43
}
.mega-heading .mega-en{
display:block;
font-size:9px;
line-height:14px;
font-weight:600;
letter-spacing:.14em;
color:rgba(243,245,248,.34)
}
.mega-options{display:grid;gap:8px;align-content:start}
.mega-options.cols-1{grid-template-columns:1fr}
.mega-options.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mega-options.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mega-options.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mega-col a{
position:relative;
display:grid;
grid-template-columns:40px minmax(0,1fr) 9px;
align-items:center;
gap:11px;
min-width:0;
min-height:64px;
margin:0;
padding:9px 10px;
border-radius:14px;
cursor:pointer;
overflow:hidden;
transition:color .24s,background .24s,border-color .24s,box-shadow .28s,transform .28s cubic-bezier(.2,.7,.3,1)
}
.mega-col a::after{
content:"";
width:6px;
height:6px;
border-top:1.5px solid currentColor;
border-right:1.5px solid currentColor;
opacity:.28;
transform:rotate(45deg);
transition:opacity .22s
}
.mega-col a:hover,.mega-col a:focus,.mega-col a:focus-visible{
color:#fff;
transform:none;
outline:none
}
.mega-col a:hover::after,.mega-col a:focus::after,.mega-col a:focus-visible::after{opacity:.62;transform:rotate(45deg)}
.mega-col .mi{
width:40px;
height:40px;
border-radius:12px;
font-size:16px;
font-variant-numeric:tabular-nums
}
.mega-col .mi>svg{width:20px;height:20px}
.mega-col .mi>svg :is(path,rect,circle,line,polyline,polygon,ellipse){stroke-width:inherit;vector-effect:none}
.mega-col .mt{min-width:0;gap:1px}
.mega-col .mtt{
min-width:0;
font-size:14px;
line-height:19px;
font-weight:650;
letter-spacing:-.01em;
text-wrap:balance
}
.mega-col .mts{
min-width:0;
overflow:hidden;
font-size:11.5px;
line-height:17px;
white-space:nowrap;
text-overflow:ellipsis
}
.megas .badge{flex:none;font-size:8.5px;line-height:15px;padding:0 6px}
.mega-feature{
position:relative;
display:flex;
flex-direction:column;
justify-content:flex-end;
min-width:0;
min-height:100%;
padding:24px 26px;
overflow:hidden;
border-radius:20px
}
.mega-feature::before{
content:"";
position:absolute;
width:210px;
height:210px;
right:-92px;
top:-105px;
border-radius:50%;
pointer-events:none
}
.mega-feature-icon{
position:relative;
z-index:1;
display:grid;
place-items:center;
width:44px;
height:44px;
margin-bottom:auto;
border-radius:14px
}
.mega-feature-icon>svg{width:20px;height:20px}
.mega-feature-icon>svg :is(path,rect,circle,line,polyline,polygon,ellipse){stroke-width:inherit;stroke-linecap:round;stroke-linejoin:round;vector-effect:none}
.mega-kicker{position:relative;z-index:1;margin:22px 0 5px;font-size:10px;font-weight:700;line-height:16px;letter-spacing:.14em;color:rgba(243,245,248,.42)}
.mega-feature-title{position:relative;z-index:1;margin:22px 0 0;font-family:var(--display);font-size:18px;line-height:25px;font-weight:750;letter-spacing:-.015em;color:#f3f5f8;text-wrap:balance}
.mega-kicker+.mega-feature-title{margin-top:0}
.mega-feature p{position:relative;z-index:1;margin:7px 0 16px;font-size:12.5px;line-height:19px;font-weight:500;color:rgba(243,245,248,.56)}
.mega-feature-cta{
position:relative;
z-index:1;
display:inline-flex;
align-items:center;
justify-content:center;
align-self:flex-start;
min-height:38px;
padding:0 17px;
border-radius:999px;
font-size:13px;
line-height:1;
font-weight:700;
color:#f3f5f8;
transition:background .22s,border-color .22s,box-shadow .22s,transform .22s
}
.mega-feature-cta:hover,.mega-feature-cta:focus,.mega-feature-cta:focus-visible{transform:translateY(-1px);outline:none}
}
html:not(.wire) .mega{
border-width:0 1px 1px;
border-color:rgba(255,255,255,.10);
border-radius:0 0 22px 22px;
background:rgba(11,13,19,.96);
-webkit-backdrop-filter:blur(11px);
backdrop-filter:blur(11px);
box-shadow:0 40px 90px rgba(0,0,0,.55)
}
html:not(.wire) .mega-col{
border:1px solid rgba(255,255,255,.065);
background:linear-gradient(180deg,rgba(35,58,96,.16) 0%,rgba(255,255,255,.018) 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 36px rgba(0,0,0,.13)
}
html:not(.wire) .mega-col a{
color:rgba(243,245,248,.76);
border:1px solid rgba(255,255,255,.045);
background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(7,12,27,.20));
box-shadow:inset 0 1px 0 rgba(255,255,255,.018)
}
html:not(.wire) .mega-col a:hover,html:not(.wire) .mega-col a:focus,html:not(.wire) .mega-col a:focus-visible{
border-color:rgba(255,255,255,.065);
background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(7,12,27,.22));
box-shadow:inset 0 1px 0 rgba(255,255,255,.035)
}
html:not(.wire) .mega-col .mi{
color:#8eacd9;
border:1px solid rgba(126,155,200,.18);
background:radial-gradient(110% 110% at 30% 15%,rgba(64,146,255,.20),rgba(14,25,45,.56));
box-shadow:inset 0 1px 0 rgba(255,255,255,.07)
}
html:not(.wire) .mega-col a:hover .mi,html:not(.wire) .mega-col a:focus .mi,html:not(.wire) .mega-col a:focus-visible .mi{
color:#8eacd9;
border-color:rgba(126,155,200,.18);
background:radial-gradient(110% 110% at 30% 15%,rgba(64,146,255,.20),rgba(14,25,45,.56));
box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
transform:none
}
html:not(.wire) .mega-col a:hover .mi svg,html:not(.wire) .mega-col a:focus .mi svg,html:not(.wire) .mega-col a:focus-visible .mi svg{filter:none}
html:not(.wire) .mega-feature{
border:1px solid rgba(255,255,255,.075);
background:linear-gradient(155deg,rgba(44,76,150,.25),rgba(10,16,29,.94) 58%,rgba(255,255,255,.025));
box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 40px rgba(0,0,0,.20)
}
html:not(.wire) .mega-feature::before{background:radial-gradient(circle,rgba(19,141,255,.22),transparent 68%)}
html:not(.wire) .mega-feature-icon{
color:#a9c8f7;
border:1px solid rgba(126,155,200,.24);
background:rgba(19,141,255,.12);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08)
}
html:not(.wire) .mega-feature-cta{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
html:not(.wire) .mega-feature-cta:hover,html:not(.wire) .mega-feature-cta:focus,html:not(.wire) .mega-feature-cta:focus-visible{border-color:rgba(104,182,255,.38);background:rgba(19,141,255,.14);box-shadow:0 8px 22px rgba(19,141,255,.16)}
html:not(.wire) .mega-feature.promo .mega-feature-cta{border-color:rgba(255,91,111,.46);background:#d90f35;box-shadow:0 8px 20px rgba(217,15,53,.20)}
html:not(.wire) .mega-feature.promo .mega-feature-cta:hover,html:not(.wire) .mega-feature.promo .mega-feature-cta:focus,html:not(.wire) .mega-feature.promo .mega-feature-cta:focus-visible{background:#f12048;border-color:rgba(255,255,255,.32);box-shadow:0 10px 28px rgba(255,0,51,.30)}
html.wire .mega::before,html.wire .mega-feature::before{display:none!important}
html.wire .mega-col,html.wire .mega-feature{background:#1d1d1c!important;border:1px solid #4a4a47!important;box-shadow:none!important}
html.wire .mega-col a{background:#1d1d1c!important;border:1px solid #3a3a38!important;box-shadow:none!important}
html.wire .mega-col a:hover,html.wire .mega-col a:focus,html.wire .mega-col a:focus-visible{background:#282826!important;border-color:#6b6b68!important}
html.wire .mega-col .mi,html.wire .mega-feature-icon{background:#242422!important;border:1px solid #4a4a47!important;color:var(--muted)!important;box-shadow:none!important}
html.wire .mega-heading::before{background:#7a7a76!important;box-shadow:none!important}
html.wire .mega-feature-cta{background:#242422!important;border:1px solid #4a4a47!important;color:var(--fg)!important;box-shadow:none!important}
html.wire .nav-hover-fx::before{width:184px;height:74px;border-radius:50%;background-color:rgba(233,233,230,.045)!important;background-image:none!important;filter:blur(17px)}
html.wire .nav-hover-fx::after{background:none!important;border:0;border-top:1px solid rgba(233,233,230,.34);border-bottom:1px solid rgba(233,233,230,.62);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);box-shadow:none}
html.wire .nav-links a:hover,html.wire .nav-links a:focus,html.wire .nav-links a:focus-visible,html.wire .nav-links a[aria-expanded="true"]{text-shadow:0 0 9px rgba(233,233,230,.12)}
html.wire .nav-links a:focus-visible{outline-color:rgba(233,233,230,.58)}
/* P2.4 — Mega Menu refinement: one quiet surface, Figma information architecture. */
@media(min-width:1081px){
.megas{left:0;right:0;width:min(calc(100vw - var(--page-scrollbar-width)),var(--menu-fill-max));margin-inline:auto;padding:0 0 16px;perspective:1200px}
.mega{left:var(--menu-gutter);right:var(--menu-gutter);width:auto;max-height:calc(100vh - 80px);overflow-x:hidden;overflow-y:auto;border-radius:20px;opacity:0;visibility:hidden;transform:translate3d(0,-9px,0) scale(.996);transform-origin:50% 0;transition:opacity .22s ease-out,transform .34s cubic-bezier(.16,1,.3,1),visibility 0s linear .34s}
.mega.show{opacity:1;visibility:visible;transform:translate3d(0,0,0) scale(1);transition:opacity .2s ease-out,transform .38s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s}
.mega::before{opacity:.72;background:radial-gradient(62% 115% at 8% -18%,rgba(19,141,255,.12),transparent 67%),radial-gradient(48% 100% at 94% -24%,rgba(255,0,51,.06),transparent 72%)}
.mega::after{content:"";position:absolute;z-index:1;inset:0 8% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(101,175,255,.34) 28%,rgba(255,255,255,.2) 50%,rgba(255,74,98,.22) 72%,transparent);pointer-events:none}
.mega-inner,.mega-inner.menu-platform,.mega-inner.menu-market,.mega-inner.menu-promo,.mega-inner.menu-company{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%;max-width:none!important;gap:clamp(32px,2.4vw,46px)!important;padding:30px 40px 34px!important;margin:0 auto}
.mega-inner.menu-platform>.mega-col,.mega-inner.menu-market>.mega-col,.mega-inner.menu-promo>.mega-col,.mega-inner.menu-company>.mega-col{grid-column:auto!important}
.mega-col{position:relative;min-width:0;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible}
.mega-col+.mega-col::before{content:none!important}
.mega-heading{display:flex;flex-direction:row;align-items:baseline;gap:8px;min-height:32px;margin:0 0 8px;padding:0 0 10px;border-bottom:0;font-size:11px;line-height:18px;font-weight:700;letter-spacing:.14em;color:rgba(243,245,248,.72);white-space:nowrap}
.mega-heading::before{display:none}
.mega-heading::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(184,207,231,.26) 0%,rgba(230,237,246,.15) 40%,rgba(139,165,195,.055) 76%,transparent 100%);box-shadow:none;transform:scaleY(.5);transform-origin:0 100%;pointer-events:none}
html.wire .mega-heading::after{background:#373735!important;box-shadow:none!important}
.mega-heading .mega-en{display:none!important}
.mega-options,.mega-options.cols-1,.mega-options.cols-2,.mega-options.cols-3,.mega-options.cols-4{display:flex!important;flex-direction:column;gap:4px!important;align-content:initial}
.mega-col a{--mi-primary:#edf5fd;--mi-accent:#9fb5cc;position:relative;isolation:isolate;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:14px;min-width:0;min-height:56px;margin:0 -10px;padding:8px 10px;border:0!important;border-radius:16px;background:none!important;box-shadow:none!important;overflow:hidden;color:rgba(243,245,248,.76);transition:color .22s ease,background .24s ease,transform .3s cubic-bezier(.16,1,.3,1)}
.mega-col a::before{content:none!important}
.mega-col a::after{content:none!important}
html:not(.wire) .mega-options a::before{content:""!important;position:absolute;z-index:0;inset:0;border-radius:inherit;background:rgba(126,140,157,.10)!important;box-shadow:inset 0 0 0 1px rgba(224,232,240,.05),inset 0 1px 0 rgba(255,255,255,.028);opacity:0;pointer-events:none;transition:opacity .24s cubic-bezier(.16,1,.3,1)}
html:not(.wire) .mega-options a:hover::before,html:not(.wire) .mega-options a:focus::before,html:not(.wire) .mega-options a:focus-visible::before{opacity:1}
.mega-options{position:relative;isolation:isolate;--mega-option-fx-y:0px;--mega-option-fx-h:56px;--mega-option-fx-x:50%}
.mega-options>a{z-index:1}
.mega-options>.mega-option-hover-fx{
position:absolute;
z-index:0;
left:-10px;
right:-10px;
top:0;
height:var(--mega-option-fx-h);
overflow:hidden;
border-radius:16px;
background:var(--mm-option-fx-surface);
box-shadow:var(--mm-option-fx-shadow);
opacity:0;
transform:translate3d(0,var(--mega-option-fx-y),0);
transform-origin:50% 50%;
pointer-events:none;
will-change:auto;
transition:transform .42s cubic-bezier(.16,1,.3,1),height .32s cubic-bezier(.16,1,.3,1),opacity .22s cubic-bezier(.4,0,.2,1)
}
.mega-options>.mega-option-hover-fx::before{
content:"";
position:absolute;
left:0;
top:50%;
width:242px;
height:96.8px;
border-radius:50%;
background:var(--mm-option-fx-halo);
filter:blur(15.4px);
opacity:.504;
transform:translate3d(calc(var(--mega-option-fx-x) - 121px),-50%,0);
transition:transform .2s cubic-bezier(.22,.8,.24,1)
}
.mega-options>.mega-option-hover-fx::after{
content:"";
position:absolute;
left:0;
top:0;
width:180px;
height:100%;
background:var(--mm-option-fx-edges);
opacity:.483;
transform:translate3d(calc(var(--mega-option-fx-x) - 90px),0,0);
transition:transform .22s cubic-bezier(.22,.8,.24,1)
}
.mega-options.mega-option-fx-visible>.mega-option-hover-fx{opacity:1}
.mega-options:is(.mega-option-fx-visible,.mega-option-fx-seeding)>.mega-option-hover-fx{will-change:transform,opacity}
.mega-options.mega-option-fx-seeding>.mega-option-hover-fx{transition:none!important}
html:not(.wire) .mega-options.mega-option-fx-ready a::before{background:rgba(126,140,157,.028)!important;box-shadow:none}
html.wire .mega-options>.mega-option-hover-fx{background:rgba(233,233,230,.04)!important;box-shadow:inset 0 0 0 1px rgba(233,233,230,.12)!important}
html.wire .mega-options>.mega-option-hover-fx::before{background:rgba(233,233,230,.08)!important}
html.wire .mega-options>.mega-option-hover-fx::after{background:none!important;border-top:1px solid rgba(233,233,230,.25);border-bottom:1px solid rgba(233,233,230,.38);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}
.mega-options a>.mi,.mega-options a>.mt{position:relative;z-index:1;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.mega-col a:hover,.mega-col a:focus,.mega-col a:focus-visible{--mi-primary:#fff;--mi-accent:#ff2948;color:#fff;background:none!important;outline:none;transform:none}
html:not(.wire) .mega-options>a:is(:hover,:focus,:focus-visible){--mi-primary:#fff;--mi-accent:#ff2948}
.mega-col a:focus-visible{box-shadow:inset 0 0 0 1px rgba(214,220,227,.22)!important}
.mega-col .mi,.mega-feature-icon{--mi-optical-size:19px;--mi-optical-x:0px;--mi-optical-y:0px;position:relative;display:grid;place-items:center;width:20px;height:20px;flex:none;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--mi-primary);font-family:"SF Pro",var(--body);font-size:10px;font-weight:600;transition:color .22s ease}
.mega-col .mi.mi-o-xs,.mega-feature-icon.mi-o-xs{--mi-optical-size:17.5px}
.mega-col .mi.mi-o-sm,.mega-feature-icon.mi-o-sm{--mi-optical-size:18.5px}
.mega-col .mi.mi-o-plus,.mega-feature-icon.mi-o-plus{--mi-optical-size:19.75px}
.mega-col .mi.mi-o-lg,.mega-feature-icon.mi-o-lg{--mi-optical-size:20.5px}
.mega-col .mi.mi-o-xl,.mega-feature-icon.mi-o-xl{--mi-optical-size:21.25px}
.mega-col .mi.mi-o-sparse,.mega-feature-icon.mi-o-sparse{--mi-optical-size:23.5px}
.mega-col .mi.mi-o-xxl,.mega-feature-icon.mi-o-xxl{--mi-optical-size:24.5px}
.mega-col .mi.mi-shift-drop{--mi-optical-y:1.3px}
.mega-col .mi.mi-shift-down{--mi-optical-y:.7px}
.mega-col .mi.mi-shift-up{--mi-optical-y:-.5px}
.mega-col .mi.mi-shift-doc{--mi-optical-x:-.3px}
.mega-col .mi.mi-shift-spark{--mi-optical-x:-1px;--mi-optical-y:1px}
.mega-col .mi::after,.mega-feature-icon::after{content:none!important}
.mega-col .mi>svg,.mega-feature-icon>svg{display:block;width:20px;max-width:none;height:20px;max-height:none;overflow:visible;color:inherit;filter:none;transform:none;transform-origin:center;shape-rendering:geometricPrecision}
/* Brand artwork is fitted to the existing desktop glyphs; the 20px slot stays fixed. DESIGN.md 11.2. */
.mega-col .mi.mi-brand-app{--mi-brand-art-size:17.31px}
.mega-col .mi.mi-brand-metatrader{--mi-brand-art-size:17.71px}
.mega-col .mi:is(.mi-brand-app,.mi-brand-metatrader)>svg{width:var(--mi-brand-art-size);height:var(--mi-brand-art-size)}
.mega-col .mi svg :is(path,rect,circle,line,polyline,polygon,ellipse),.mega-feature-icon svg :is(path,rect,circle,line,polyline,polygon,ellipse){stroke-width:inherit;stroke-linecap:round;stroke-linejoin:round;vector-effect:none;transition:stroke .22s cubic-bezier(.16,1,.3,1),fill .22s cubic-bezier(.16,1,.3,1)}
.mega-col .mi svg .mi-primary,.mega-feature-icon svg .mi-primary{stroke:var(--mi-primary)!important}
.mega-col .mi svg .mi-accent,.mega-feature-icon svg .mi-accent{stroke:var(--mi-accent)!important}
.mega-col .mi svg .mi-accent-fill,.mega-feature-icon svg .mi-accent-fill{fill:var(--mi-accent)!important;stroke:var(--mi-accent)!important}
.mega-col .mi svg .mi-primary-fill,.mega-feature-icon svg .mi-primary-fill{fill:var(--mi-primary)!important;stroke:none!important}
.mega-col .mi svg .mi-accent-block,.mega-feature-icon svg .mi-accent-block{fill:var(--mi-accent)!important;stroke:none!important}
.mega-col .mi svg .mi-logo-segment{stroke-linecap:butt!important}
html:not(.wire) .mega-col a:is(:hover,:focus,:focus-visible) .mi-logo-segment{stroke:#ff2948!important}
.mega-col a:hover .mi,.mega-col a:focus .mi,.mega-col a:focus-visible .mi{color:var(--mi-primary);transform:translateX(3px)}
html:not(.wire) .mega-col a:hover .mi,html:not(.wire) .mega-col a:focus .mi,html:not(.wire) .mega-col a:focus-visible .mi{color:var(--mi-primary);transform:translateX(3px)}
.mega-col a:hover .mt,.mega-col a:focus .mt,.mega-col a:focus-visible .mt{transform:translateX(3px)}
.mega-col a:hover .mi>svg,.mega-col a:focus .mi>svg,.mega-col a:focus-visible .mi>svg{filter:none;transform:none}
.mega-col .mt{min-width:0;gap:0}
.mega-col .mtt{min-width:0;font-size:14px;line-height:20px;font-weight:650;letter-spacing:-.008em;color:#f3f5f8;text-wrap:balance}
.mega-col .mts{min-width:0;overflow:hidden;font-size:11.5px;line-height:17px;font-weight:500;color:rgba(210,224,239,.42);white-space:nowrap;text-overflow:ellipsis}
.megas .badge{flex:none;font-size:8px;line-height:14px;padding:0 5px;letter-spacing:.04em}
.mega-feature{--mi-primary:#edf5fd;--mi-accent:#9fb5cc;position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;min-height:0;padding:10px 5px!important;overflow:visible;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.mega-feature:hover,.mega-feature:focus-within{--mi-primary:#fff;--mi-accent:#ff2948}
.mega-feature::before{display:none!important}
.mega-feature-icon{margin:0 0 19px}
.mega-kicker{margin:0 0 7px;font-size:10px;line-height:16px;font-weight:700;letter-spacing:.14em;color:#ff7186}
.mega-feature-title{margin:0;font-size:20px;line-height:27px;font-weight:720;letter-spacing:-.02em;color:#f3f5f8}
.mega-feature p{margin:8px 0 20px;max-width:28em;font-size:12px;line-height:19px;font-weight:500;color:rgba(210,224,239,.48)}
.mega-col a.mega-feature-cta{position:relative;isolation:isolate;display:inline-flex!important;grid-template-columns:none!important;align-items:center;justify-content:center;align-self:flex-start;gap:0!important;width:auto;min-width:0;min-height:36px;margin:0;padding:0 15px;border:0!important;border-radius:999px!important;background:none!important;box-shadow:none!important;overflow:visible;white-space:nowrap;font-size:12.5px;font-weight:700;color:#fff;transform:translate3d(0,0,0)!important;transform-origin:center;will-change:transform;transition:transform .35s cubic-bezier(.2,.7,.3,1)!important}
html:not(.wire) .mega-col a.mega-feature-cta{color:#fff;-webkit-text-fill-color:#fff}
.mega-col a.mega-feature-cta::before{content:""!important;position:absolute;z-index:-2;inset:-2px 6px 4px;border-radius:999px;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.6) 52.8846%,rgba(255,0,51,.6) 100%)!important;filter:blur(6px);opacity:1;pointer-events:none}
.mega-col a.mega-feature-cta::after{content:""!important;position:absolute;z-index:-1;inset:0;width:auto;height:auto;border:0;border-radius:inherit;background:transparent var(--mm-control-red-action) center/100% 100% no-repeat!important;opacity:1;transform:none;transition:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;pointer-events:none}
.mega-col a.mega-feature-cta:hover{border:0!important;background:none!important;box-shadow:none!important;transform:translate3d(0,-2px,0)!important}
.mega-col a.mega-feature-cta:active{transform:translate3d(0,0,0) scale(.97)!important}
}
html:not(.wire) .mega{border-width:1px;border-color:rgba(255,255,255,.085);border-radius:20px;background:linear-gradient(180deg,rgba(18,24,35,.985),rgba(7,10,16,.975));-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);box-shadow:0 34px 84px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.035)}
html.wire .mega-col,html.wire .mega-feature{background:none!important;border:0!important;box-shadow:none!important}
html.wire .mega-col a{background:transparent!important;border:0!important;box-shadow:none!important}
html.wire .mega-col a:hover,html.wire .mega-col a:focus,html.wire .mega-col a:focus-visible{background:#252523!important;box-shadow:inset 0 0 0 1px #383836!important}
html.wire .mega-col .mi,html.wire .mega-feature-icon{background:none!important;border:0!important;color:var(--fg)!important;box-shadow:none!important}
html.wire .mega{border-radius:20px!important}
html.wire .lang-menu::after{background:#373735!important}
html.wire .lang-option.on{background:transparent!important;color:var(--fg)!important;-webkit-text-fill-color:var(--fg)!important}
html.wire .lang-option:hover,html.wire .lang-option:focus,html.wire .lang-option:focus-visible{background:#252523!important;color:var(--fg)!important;box-shadow:inset 0 0 0 1px #383836!important}
html.wire .lang-option::before{background:var(--muted)!important;box-shadow:none!important}
html.wire .mega-col a,html.wire .mega-feature{--mi-primary:var(--fg)!important;--mi-accent:var(--muted)!important}
html.wire .mega-col .mi svg,html.wire .mega-feature-icon svg,html.wire .mega-col a:hover .mi svg{filter:none!important;color:var(--fg)!important}
html.wire .mega-col a.mega-feature-cta,html.wire .mega-col a.mega-feature-cta:hover,html.wire .mega-col a.mega-feature-cta:focus{background:#242422!important;border:1px solid #4a4a47!important;color:var(--fg)!important;box-shadow:none!important}
html.wire .mega-col a.mega-feature-cta::before,html.wire .mega-col a.mega-feature-cta::after{display:none!important}
/* Trust products — original pill cards in a balanced, outward-facing 3D ribbon. */
@media(min-width:901px){
#trust{height:1415.336px;padding-top:222px}
#trust .figma-bg-trust-band{height:436px}
}
#trust .ticker.ticker-3d{
position:relative;
isolation:auto;
display:flex;
align-items:center;
height:296px;
margin:-20px 0 34px;
padding:50px 0 108px;
overflow:visible;
perspective:1600px;
perspective-origin:50% 52%;
white-space:nowrap;
cursor:grab;
touch-action:pan-y;
outline:none;
-webkit-mask-image:none;
mask-image:none;
contain:none
}
#trust .ticker.ticker-3d.is-dragging{cursor:grabbing}
#trust .ticker.full-bleed{width:calc(100vw - var(--page-scrollbar-width));margin-left:calc(50% - 50vw + var(--page-scrollbar-half));margin-right:calc(50% - 50vw + var(--page-scrollbar-half))}
#trust .ticker.ticker-3d:focus-visible{box-shadow:inset 0 0 0 1px rgba(116,190,255,.28)}
/* Keep the viewport fade independent from the 3D tree. Two narrow ambient-tinted
vignettes hide the viewport cut without laying a masked band across the row. */
#trust .ticker.ticker-3d::before,
#trust .ticker.ticker-3d::after{
content:"";
position:absolute;
z-index:4;
top:-24px;
bottom:-36px;
width:clamp(68px,7vw,116px);
pointer-events:none;
-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.72) 12%,#000 24%,#000 76%,rgba(0,0,0,.72) 88%,transparent 100%);
mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.72) 12%,#000 24%,#000 76%,rgba(0,0,0,.72) 88%,transparent 100%)
}
#trust .ticker.ticker-3d::before{
left:0;
background:linear-gradient(90deg,rgba(255,46,76,.06) 0%,rgba(255,46,76,.044) 18%,rgba(255,46,76,.018) 48%,rgba(255,46,76,.004) 76%,rgba(255,46,76,0) 100%),linear-gradient(90deg,rgb(6,7,11) 0%,rgba(6,7,11,.92) 18%,rgba(6,7,11,.58) 48%,rgba(6,7,11,.18) 76%,rgba(6,7,11,0) 100%)
}
#trust .ticker.ticker-3d::after{
right:0;
background:linear-gradient(270deg,rgba(24,121,255,.11) 0%,rgba(24,121,255,.08) 18%,rgba(24,121,255,.036) 48%,rgba(24,121,255,.01) 76%,rgba(24,121,255,0) 100%),linear-gradient(270deg,rgb(6,7,11) 0%,rgba(6,7,11,.92) 18%,rgba(6,7,11,.58) 48%,rgba(6,7,11,.18) 76%,rgba(6,7,11,0) 100%)
}
#trust .ticker-3d .ticker-track{
position:relative;
z-index:1;
display:inline-flex;
flex:none;
align-items:center;
gap:22px;
height:140px;
margin-left:0!important;
padding:34px 28px;
transform-style:preserve-3d;
will-change:auto
}
#trust .ticker-3d .tk-back-track{
position:absolute;
z-index:1;
left:0;
top:auto;
pointer-events:none
}
#trust .ticker-3d .tk-front-track{z-index:3}
#trust .ticker-3d .tk-back-track .tk-front{visibility:hidden!important;pointer-events:none!important}
#trust .ticker-3d .tk-back-track .tk-front::after{content:none}
html:not(.wire) #trust .ticker-3d .tk,
#trust .ticker-3d .tk{
--focus:0;
--hover-light:0;
--light-x:50%;
--light-y:16%;
--light-range-x:112px;
--light-range-y:82px;
--deck-light-rgb:220 232 240;
--coin-y:-4.5px;
--coin-z:13px;
--coin-thickness-x:0px;
--coin-thickness-y:1.3px;
--coin-thickness-z:-1.3px;
--copy-y:-2.8px;
--copy-z:10px;
--side-red:0;
--side-blue:0;
--mirror-opacity:.11;
--mirror-scale:-1;
--mirror-x:0px;
--mirror-gap:28px;
--body-x:0px;
--body-y:4px;
--body-z:-14px;
--body-opacity:.56;
position:relative;
isolation:auto;
display:block;
flex:0 0 auto;
height:70px!important;
min-height:70px;
padding:0;
overflow:visible;
border:0!important;
border-radius:100px;
background:none!important;
-webkit-backdrop-filter:none;
backdrop-filter:none;
box-shadow:none;
opacity:1;
filter:none;
transform:none!important;
transform-style:preserve-3d;
-webkit-backface-visibility:visible;
backface-visibility:visible;
will-change:auto;
pointer-events:none;
transition:none
}
#trust .ticker-3d .tk:hover{border:2px solid transparent!important;background-color:transparent!important}
#trust .ticker-3d .tk>.tk-under,
#trust .ticker-3d .tk>.tk-front{
position:absolute;
inset:0;
width:100%;
height:100%;
border:2px solid transparent;
border-radius:inherit;
background:none;
transform-origin:50% 50%;
transform-style:preserve-3d;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:auto
}
#trust .ticker-3d .tk>.tk-under{display:block;pointer-events:none}
#trust .ticker-3d .tk>.tk-front{
position:relative;
inset:auto;
width:auto;
height:100%;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
padding:8px 24px 8px 14px;
pointer-events:auto
}
#trust .ticker-3d .tk>.tk-under::before{
content:"";
position:absolute;
z-index:-1;
inset:2px 0 -7px;
border:1px solid rgba(166,190,208,.08);
border-radius:inherit;
background:linear-gradient(180deg,rgba(112,137,156,.28) 0%,rgba(27,39,51,.84) 21%,rgba(3,7,12,.99) 72%,rgb(var(--deck-light-rgb)/.14) 100%);
box-shadow:0 18px 25px -12px rgba(0,0,0,.84),inset 0 1px 0 rgba(218,232,242,.12),inset 0 -2px 3px rgb(var(--deck-light-rgb)/.12);
opacity:var(--body-opacity);
transform:translate3d(var(--body-x),var(--body-y),var(--body-z));
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
pointer-events:none
}
#trust .ticker-3d .tk>.tk-front>.tk-face-softener{
position:absolute;
z-index:0;
inset:0;
border-radius:inherit;
background:linear-gradient(rgba(3,7,12,calc(.11 - var(--focus)*.11)),rgba(3,7,12,calc(.11 - var(--focus)*.11))),var(--tk-surface) center/100% 100% no-repeat;
filter:blur(2px);
-webkit-clip-path:inset(0 round 100px);
clip-path:inset(0 round 100px);
transform:translateZ(0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
pointer-events:none
}
#trust .ticker-3d .tk>.tk-front::after{
content:"";
position:absolute;
z-index:1;
inset:0;
border-radius:inherit;
background:radial-gradient(var(--light-range-x) var(--light-range-y) at var(--light-x) var(--light-y),rgba(250,253,255,calc(.028 + var(--focus)*.025 + var(--hover-light)*.068)) 0%,rgb(var(--deck-light-rgb)/calc(.015 + var(--focus)*.013 + var(--hover-light)*.038)) 34%,rgb(var(--deck-light-rgb)/calc(.004 + var(--focus)*.005 + var(--hover-light)*.014)) 68%,transparent 100%),linear-gradient(118deg,rgba(255,255,255,calc(.008 + var(--focus)*.008 + var(--hover-light)*.014)),transparent 48%,rgba(0,0,0,calc(.018 + var(--focus)*.018)));
-webkit-backdrop-filter:none;
backdrop-filter:none;
filter:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 4px rgba(0,0,0,.28),0 28px 34px -25px rgba(0,0,0,.94),0 16px 32px -25px rgb(var(--deck-light-rgb)/calc(.30 + var(--hover-light)*.24));
opacity:1;
transform:translateZ(0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
pointer-events:none
}
#trust .ticker-3d .tk>.tk-front>.ico,#trust .ticker-3d .tk>.tk-front>.tk-copy{position:relative;z-index:2}
#trust .ticker-3d .tk>.tk-front>.tk-copy{opacity:calc(.86 + var(--focus)*.14);transition:opacity .22s ease}
#trust .ticker-3d .tk>.tk-front>.ico{
display:block;
flex:none;
width:50px;
height:50px;
margin:0;
overflow:visible;
border-radius:50%;
opacity:1;
filter:none;
transform:translate3d(0,var(--coin-y),var(--coin-z));
transform-style:preserve-3d;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
#trust .ticker-3d .tk>.tk-front>.ico::before,
#trust .ticker-3d .tk-reflection-coin::before{
content:"";
position:absolute;
z-index:0;
inset:0;
border-radius:50%;
background:linear-gradient(145deg,#f3f6f7 0%,#c2c9ce 24%,#737d84 48%,#eef1f2 68%,#9da6ac 84%,#d7dde0 100%);
box-shadow:0 0 1px rgba(242,246,248,.58),0 2px 3px rgba(0,0,0,.34);
transform:translate3d(var(--coin-thickness-x,0px),var(--coin-thickness-y,1.3px),var(--coin-thickness-z,-1.3px));
pointer-events:none
}
#trust .ticker-3d .tk>.tk-front>.ico::before{opacity:1}
#trust .ticker-3d .tk>.tk-front>.ico::after{
content:"";
position:absolute;
z-index:-1;
inset:4px;
border-radius:50%;
background:rgba(0,0,0,.62);
filter:blur(10px);
transform:translate3d(0,8px,-4px) scale(.9);
pointer-events:none
}
#trust .ticker-3d .tk>.tk-front>.ico img{position:relative;z-index:1;display:block;width:100%;height:100%;margin:0;border-radius:50%;object-fit:cover;opacity:1;filter:brightness(calc(.86 + var(--focus)*.14)) drop-shadow(0 0 12px rgb(var(--deck-light-rgb)/.1));transition:filter .22s ease;-webkit-user-drag:none;user-select:none}
#trust .ticker-3d .tk>.tk-front>.tk-copy{
display:flex;
flex:none;
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:0;
height:39px;
min-width:0;
filter:drop-shadow(0 9px 6px rgba(0,0,0,.66));
transform:translate3d(0,var(--copy-y),var(--copy-z));
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
#trust .ticker-3d .tk>.tk-under>.tk-aura{
position:absolute;
z-index:-2;
inset:-9px -13px -13px;
border-radius:inherit;
background:radial-gradient(ellipse 62% 82% at 12% 52%,rgb(255 66 84/var(--side-red)) 0%,transparent 74%),radial-gradient(ellipse 62% 82% at 88% 52%,rgb(61 151 255/var(--side-blue)) 0%,transparent 74%);
transform:translate3d(0,5px,-9px);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
pointer-events:none
}
#trust .ticker-3d .tk>.tk-under>.tk-reflection{
position:absolute;
z-index:-2;
top:var(--mirror-gap);
left:0;
right:0;
display:block;
height:100%;
padding:0;
overflow:visible;
border:0;
border-radius:inherit;
background:none;
box-shadow:none;
opacity:var(--mirror-opacity);
transform:translate3d(var(--mirror-x),0,-8px) scaleY(var(--mirror-scale));
transform-origin:50% 100%;
filter:blur(2.25px) brightness(1.08) saturate(.81) drop-shadow(-3px 4px 12px rgb(255 66 84/var(--side-red))) drop-shadow(3px 4px 12px rgb(61 151 255/var(--side-blue)));
-webkit-backdrop-filter:none;
backdrop-filter:none;
-webkit-mask-image:none;
mask-image:none;
-webkit-backface-visibility:visible;
backface-visibility:visible;
pointer-events:none
}
#trust .ticker-3d .tk-reflection-plane{
position:relative;
display:flex;
align-items:center;
gap:8px;
width:100%;
height:100%;
padding:8px 24px 8px 14px;
overflow:hidden;
border-radius:inherit;
background:linear-gradient(180deg,rgba(114,143,166,.16),rgba(22,35,48,.24)),var(--tk-surface) center/100% 100% no-repeat;
-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.025) 14%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.2) 46%,rgba(0,0,0,.4) 62%,rgba(0,0,0,.64) 76%,rgba(0,0,0,.82) 87%,rgba(0,0,0,.95) 96%,#000 100%);
mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.025) 14%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.2) 46%,rgba(0,0,0,.4) 62%,rgba(0,0,0,.64) 76%,rgba(0,0,0,.82) 87%,rgba(0,0,0,.95) 96%,#000 100%);
-webkit-mask-size:100% 100%;
mask-size:100% 100%;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat
}
#trust .ticker-3d .tk-reflection-plane::after{
content:none;
position:absolute;
z-index:3;
inset:-12px;
border-radius:inherit;
background:rgba(6,7,11,.001);
-webkit-backdrop-filter:blur(16px);
backdrop-filter:blur(16px);
-webkit-mask-image:radial-gradient(ellipse 118% 108% at 50% 100%,transparent 0%,rgba(0,0,0,.02) 18%,rgba(0,0,0,.12) 36%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.68) 72%,rgba(0,0,0,.9) 86%,#000 96%);
mask-image:radial-gradient(ellipse 118% 108% at 50% 100%,transparent 0%,rgba(0,0,0,.02) 18%,rgba(0,0,0,.12) 36%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.68) 72%,rgba(0,0,0,.9) 86%,#000 96%);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
pointer-events:none
}
#trust .ticker-3d .tk-reflection-coin{position:relative;display:block;flex:none;width:50px;height:50px;overflow:visible;border-radius:50%;opacity:.92}
#trust .ticker-3d .tk-reflection-coin img{position:relative;z-index:1;display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
#trust .ticker-3d .tk-reflection-copy{display:flex;flex:none;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;height:39px;min-width:0;opacity:.82}
#trust .ticker-3d .tk-reflection-copy b{font-family:"SF Pro",var(--body);font-size:16px;font-weight:510;line-height:normal;color:rgba(235,242,247,.82)}
#trust .ticker-3d .tk-reflection-copy small{font-family:var(--display);font-size:14px;font-weight:500;line-height:normal;color:rgba(220,231,239,.62)}
#trust .ticker-3d .tk .nm{max-width:100%;overflow:hidden;color:#fff;font-family:"SF Pro",var(--body);font-size:16px;font-weight:510;line-height:normal;text-overflow:ellipsis}
#trust .ticker-3d .tk .sb{max-width:100%;overflow:hidden;color:rgba(255,255,255,.7);font-family:var(--display);font-size:14px;font-weight:500;line-height:normal;text-overflow:ellipsis}
@media(max-width:900px){
#trust .ticker.ticker-3d{height:276px;margin:-18px 0 40px;padding:46px 0 103px;perspective:1250px}
#trust .ticker-3d .ticker-track{gap:14px;height:130px;padding:32px 18px}
html:not(.wire) #trust .ticker-3d .tk,#trust .ticker-3d .tk{height:64px!important;min-height:64px}
#trust .ticker-3d .tk>.tk-front{padding:7px 19px 7px 12px}
#trust .ticker-3d .tk>.tk-front>.ico{width:46px;height:46px}
#trust .ticker-3d .tk>.tk-front>.tk-copy{height:36px}
#trust .ticker-3d .tk-reflection-plane{padding:7px 19px 7px 12px}
#trust .ticker-3d .tk-reflection-coin{width:46px;height:46px}
#trust .ticker-3d .tk-reflection-copy{height:36px}
#trust .ticker-3d .tk-reflection-copy b{font-size:15px}
#trust .ticker-3d .tk-reflection-copy small{font-size:12.5px}
#trust .ticker-3d .tk .nm{font-size:15px}
#trust .ticker-3d .tk .sb{font-size:12.5px}
}
@media(max-width:560px){
#trust .ticker.ticker-3d{height:258px;margin:-16px 0 38px;padding:42px 0 98px;perspective:1000px}
#trust .ticker-3d .ticker-track{gap:10px;height:122px;padding:31px 14px}
html:not(.wire) #trust .ticker-3d .tk,#trust .ticker-3d .tk{height:60px!important;min-height:60px}
#trust .ticker-3d .tk>.tk-front{padding:6px 16px 6px 10px}
#trust .ticker-3d .tk>.tk-under::before{inset:2px 0 -6px;transform:translate3d(var(--body-x),var(--body-y),var(--body-z))}
#trust .ticker-3d .tk>.tk-front>.ico{width:42px;height:42px}
#trust .ticker-3d .tk>.tk-front>.tk-copy{height:34px}
#trust .ticker-3d .tk-reflection-plane{padding:6px 16px 6px 10px}
#trust .ticker-3d .tk-reflection-coin{width:42px;height:42px}
#trust .ticker-3d .tk-reflection-copy{height:34px}
#trust .ticker-3d .tk-reflection-copy b{font-size:14px}
#trust .ticker-3d .tk-reflection-copy small{font-size:11.5px}
#trust .ticker-3d .tk .nm{font-size:14px}
#trust .ticker-3d .tk .sb{font-size:11.5px}
}
@media(prefers-reduced-motion:reduce){
#trust .ticker-3d .tk{opacity:1!important;filter:none!important;transition:none!important;will-change:auto}
#trust .ticker-3d .ticker-track{will-change:auto}
#trust .ticker-3d .tk>.tk-under,#trust .ticker-3d .tk>.tk-front{will-change:auto!important}
#trust .ticker-3d .tk>.tk-under>.tk-reflection,
#trust .ticker-3d .tk>.tk-front>.tk-copy,
#trust .ticker-3d .tk>.tk-front>.ico img{transition:none!important}
}
/* Shared Menu glass: Header, bottom navigation and compact award pagination. */
.mm-mobile-hero-glass{display:none}
html:not(.wire) :is(header .nav-shell-morph,.drawer-mobile-glass,.mm-mobile-award-glass,.mm-mobile-hero-glass){border:0;background-color:transparent;background-image:var(--nav-glass-surface,var(--surface-nav-fluid));background-position:center;background-size:100% 100%;background-repeat:no-repeat;-webkit-backdrop-filter:blur(6px) saturate(125%);backdrop-filter:blur(6px) saturate(125%);box-shadow:0 0 var(--nav-glass-shadow-blur,20px) rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.0393216),inset 0 -1px 0 rgba(165,219,255,.0180224),inset 1px 0 0 rgba(255,255,255,.0131072),inset -1px 0 0 rgba(255,255,255,.0131072),inset 0 0 var(--nav-glass-inner-blur,16px) rgba(19,141,255,.0114688)}
html:not(.wire) :is(header .nav-shell-morph,.drawer-mobile-glass,.mm-mobile-award-glass,.mm-mobile-hero-glass)::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.0458752) 0%,rgba(255,255,255,.0114688) 18%,rgba(255,255,255,0) 36%,rgba(255,255,255,0) 68%,rgba(165,219,255,.024576) 100%),linear-gradient(180deg,rgba(255,255,255,.0114688),rgba(255,255,255,0) 42%,rgba(2,5,13,.13) 100%);opacity:.9}
html:not(.wire) :is(header .nav.nav-liquid-ready .nav-shell-morph,.drawer-mobile-tablist.nav-liquid-ready .drawer-mobile-glass,.mm-mobile-award-dots.nav-liquid-ready .mm-mobile-award-glass,.hero-inds.nav-liquid-ready .mm-mobile-hero-glass){box-shadow:0 var(--nav-glass-shadow-y,12px) var(--nav-glass-shadow-blur,34px) rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.049152),inset 0 -1px 0 rgba(165,219,255,.0229376),inset 1px 0 0 rgba(255,255,255,.0147456),inset -1px 0 0 rgba(255,255,255,.0147456),inset 0 0 var(--nav-glass-inner-blur,18px) rgba(19,141,255,.0147456)}
/* Desktop nav shell: fixed fill width, 60px height and a constant 30px radius. */
@media(min-width:1081px){
header .nav{isolation:isolate;background:none!important;border-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
header .nav::before,header .nav::after{content:none}
header .nav-shell-morph{display:block;position:absolute;z-index:0;inset:0;width:100%;border-radius:30px;overflow:hidden;opacity:1;pointer-events:none;backface-visibility:hidden;box-sizing:border-box}
html.wire header .nav{background:transparent!important;border:0!important;box-shadow:none!important}
html.wire header .nav-shell-morph{background:#1d1d1c!important;border:1px solid #4a4a47!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.wire header .nav-shell-morph::after{content:none}
/* Native integer dimensions preserve the former compact proportions without rasterizing text through scale(). */
.nav-links a{width:94px;padding:14px 13px 15px;font-family:"Alibaba PuHuiTi 3.0","Noto Sans SC",sans-serif;font-size:15px;font-weight:700;line-height:24px;font-synthesis:none;color:rgba(255,255,255,.84)}
.brand-logo{height:30px;transform:translateX(-9px)}
.prop-pill{height:36px;font-size:13px}
.pp-logo{width:15px;height:15px}
.mm-madrid{height:36px;font-size:13px}
.mm-madrid-art{left:-5px;top:-22px;width:130px;height:57px;border-radius:23px}
.mm-madrid-art img{left:4px;top:4px;width:143px;height:60px}
.nav-right .btn-sm{width:72px;height:32px;font-size:14px}
/* The Simplified-Chinese register glyphs sit optically low inside their centered line box. */
html[lang="zh-CN"] #hdr .nav-right>[data-menu-copy="nav.register"]{padding-bottom:1px}
.lang-btn,html:not(.wire) .lang-btn,html:not(.wire) .lang-btn:hover{width:30px;height:30px}
.lang-globe,html:not(.wire) .lang-globe{width:22px;height:22px}
}
@media(min-width:1081px) and (max-width:1280px){
.prop-pill,.mm-madrid{width:30px;min-width:30px}
}
@media(min-width:1081px) and (max-width:1199px){
.nav-core{gap:40px}
.nav-links a{width:89px}
.nav-right{gap:6px;padding-right:4px;padding-left:4px}
.nav-right>.lang{margin-left:2px}
}
@media(min-width:1281px){
.prop-pill{width:152px;padding:0 15px}
.mm-madrid{width:120px;min-width:120px;padding:0 13px}
}
@media(min-width:1281px) and (max-width:1296px){
.nav-pills{left:clamp(8px,calc(100vw - 1273px),16px)}
}
@media(min-width:1081px) and (max-width:1096px){
.nav-right{right:clamp(8px,calc(100vw - 1073px),16px)}
}
/* Mobile regulation cards use CSS-native surfaces so the 20px radius is not stretched by the 218px Figma SVG. */
@media(max-width:520px){
html:not(.wire) .reg-item{border:1px solid transparent;border-radius:20px;padding:18px 24px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04)) padding-box,linear-gradient(145deg,rgba(255,255,255,.12),rgba(6,7,11,0) 46.5485%,rgba(255,255,255,.12)) border-box}
html:not(.wire) .reg-item:hover{border:1px solid transparent;border-radius:20px;padding:18px 24px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04)) padding-box,linear-gradient(145deg,rgba(255,255,255,.12),rgba(6,7,11,0) 46.5485%,rgba(255,255,255,.12)) border-box;-webkit-backdrop-filter:none;backdrop-filter:none}
html:not(.wire) .reg-item::before{background:none;opacity:0}
}
/* Regulation cards: preserve the Figma surfaces while arranging all five in
an exponential 3D fan. Far cards stay inside the stage and recede by depth. */
#reg .reg-info .reg-grid{
position:relative;display:block;width:100%;height:340px;margin-top:0;
overflow:visible;perspective:none;transform-style:preserve-3d;
cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;pointer-events:none
}
#regGrid.is-dragging{cursor:grabbing}
/* Keep the glass/card surface on the scaled plane while native-sized text remains
a sibling on the same rotating 3D slot, avoiding scale-rasterized glyphs. */
#regGrid .reg-card-slot{
--reg-x:0px;--reg-z:0px;--reg-ry:0deg;--reg-scale:1;--reg-opacity:1;--reg-edge-alpha:1;--reg-layer:10;
--reg-card-perspective:420px;--reg-material-scale:1;
--reg-pointer-rx:0deg;--reg-pointer-ry:0deg;--reg-hover-y:0px;--reg-hover-z:0px;--reg-pointer-scale:1;
--reg-light-x:42%;--reg-light-y:28%;--reg-light-o:.306;
position:absolute;z-index:var(--reg-layer);left:50%;top:50%;width:218px;max-width:calc(100% - 64px);height:160px;border-radius:20px;
opacity:1;pointer-events:auto;
background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;
transform:translate3d(calc(-50% + var(--reg-x)),calc(-50% + var(--reg-hover-y)),0) perspective(var(--reg-card-perspective)) translateZ(calc(var(--reg-z) + var(--reg-hover-z))) rotateX(var(--reg-pointer-rx)) rotateY(calc(var(--reg-ry) + var(--reg-pointer-ry))) scale(var(--reg-pointer-scale));
transform-origin:50% 50%;transform-style:preserve-3d;backface-visibility:hidden;isolation:auto;will-change:auto
}
#regGrid .reg-card-plane>.reg-reflection{
display:block;position:absolute;z-index:0;left:1.5%;right:1.5%;top:calc(100% + 4px);height:94px;border-radius:20px;pointer-events:none;
background:
radial-gradient(ellipse 78% 104% at var(--reg-light-x) 0%,rgba(239,249,255,.3) 0%,rgba(156,211,250,.16) 28%,rgba(42,151,242,.06) 58%,transparent 82%),
linear-gradient(180deg,rgba(255,255,255,.14),rgba(111,180,231,.055) 42%,rgba(19,141,255,.018) 68%,transparent 92%),
var(--mm-surface-reg-card-default) center/100% 100% no-repeat;
-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.72) 24%,rgba(0,0,0,.38) 48%,rgba(0,0,0,.12) 66%,rgba(0,0,0,.025) 76%,transparent 82%,transparent 100%);
mask-image:linear-gradient(180deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.72) 24%,rgba(0,0,0,.38) 48%,rgba(0,0,0,.12) 66%,rgba(0,0,0,.025) 76%,transparent 82%,transparent 100%);
-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
filter:blur(5px) saturate(1.08);opacity:.46;mix-blend-mode:screen;
transform:perspective(190px) rotateX(56deg) scaleX(.98);transform-origin:50% 0;
transition:opacity .32s cubic-bezier(.22,.61,.36,1),filter .32s cubic-bezier(.22,.61,.36,1);will-change:auto
}
#regGrid .reg-card-slot.is-center .reg-reflection{
opacity:.82;filter:blur(6px) saturate(1.22);
background:
radial-gradient(ellipse 82% 108% at var(--reg-light-x) 0%,rgba(231,247,255,.42) 0%,rgba(89,186,255,.29) 30%,rgba(19,141,255,.115) 60%,transparent 84%),
linear-gradient(180deg,rgba(213,238,255,.22),rgba(19,141,255,.09) 46%,rgba(19,141,255,.018) 72%,transparent 94%)
}
#regGrid .reg-card-slot.is-tilting .reg-reflection{opacity:.68;filter:blur(5px) saturate(1.18)}
#regGrid .reg-card-slot.is-center.is-tilting .reg-reflection{opacity:.94;filter:blur(6px) saturate(1.3)}
#regGrid .reg-card-slot.is-offstage{pointer-events:none}
#regGrid .reg-card-slot.is-offstage .reg-card-plane,
#regGrid .reg-card-slot.is-offstage .reg-native-copy{visibility:hidden}
#regGrid .reg-card-plane{
position:absolute;z-index:1;inset:0;transform:scale(var(--reg-scale));transform-origin:50% 50%;
border-radius:20px;background:var(--mm-surface-reg-card-default) center/100% 100% no-repeat,linear-gradient(rgba(6,7,11,.24),rgba(6,7,11,.24));
-webkit-backdrop-filter:none;backdrop-filter:none;
opacity:var(--reg-edge-alpha);transform-style:preserve-3d;backface-visibility:hidden;will-change:auto
}
#regGrid .reg-card-slot:not(.is-center) .reg-card-plane{
-webkit-backdrop-filter:blur(1px) saturate(145%);backdrop-filter:blur(1px) saturate(145%)
}
html:not(.wire) #regGrid .reg-card-plane::before,
html:not(.wire) #regGrid .reg-card-plane::after{
content:"";position:absolute;z-index:0;top:10px;bottom:10px;width:6px;border-radius:3px;
pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;
background:linear-gradient(90deg,#02060b 0%,#0c1721 24%,rgba(164,190,210,.3) 50%,#0b151f 76%,#02060b 100%);
box-shadow:inset 0 1px rgba(255,255,255,.1),inset 0 -1px rgba(0,0,0,.72);opacity:.72
}
html:not(.wire) #regGrid .reg-card-plane::before{left:0;transform:translateX(-50%) rotateY(-90deg)}
html:not(.wire) #regGrid .reg-card-plane::after{right:0;transform:translateX(50%) rotateY(90deg)}
#regGrid .reg-item{
width:100%;max-width:none;height:100%;min-height:100%;overflow:hidden;isolation:auto;transform:translateZ(3px);backface-visibility:hidden;cursor:pointer;
background:transparent;
-webkit-backdrop-filter:none;backdrop-filter:none;
box-shadow:inset 0 1px 0 rgba(240,248,255,.14),inset 14px 0 28px -27px rgba(178,219,249,.32),inset -12px -20px 30px -28px rgba(19,141,255,.22),0 22px 38px -30px rgba(0,0,0,.88),43px 112px 34px rgba(0,0,0,0),28px 72px 31px rgba(0,0,0,.02),16px 40px 26px rgba(0,0,0,.06),7px 18px 19px rgba(0,0,0,.1),2px 4px 11px rgba(0,0,0,.12)
}
#regGrid .reg-card-slot.is-center .reg-item{cursor:grab}
#regGrid.is-dragging .reg-card-slot .reg-item{cursor:grabbing}
#regGrid .reg-item::before{background:var(--mm-control-reg-active-218) center/100% 100% no-repeat;opacity:0}
html:not(.wire) #regGrid .reg-card-slot.is-center .reg-item::before{opacity:.8;filter:drop-shadow(0 0 12px rgba(19,141,255,.3))}
#regGrid .reg-item::after{
z-index:1;inset:-3px;border-radius:inherit;
background:
radial-gradient(ellipse 190px 148px at var(--reg-light-x) var(--reg-light-y),rgba(252,254,255,.34) 0%,rgba(220,240,255,.21) 20%,rgba(135,198,247,.085) 45%,rgba(59,143,211,.026) 64%,transparent 82%),
linear-gradient(112deg,transparent 11%,rgba(255,255,255,.035) 28%,rgba(239,249,255,.15) 47%,rgba(171,218,252,.045) 63%,transparent 82%),
linear-gradient(180deg,rgba(255,255,255,.075),transparent 34%,rgba(19,141,255,.045) 100%);
mix-blend-mode:screen;filter:blur(.4px) saturate(1.08);opacity:var(--reg-light-o);
transition:opacity .34s cubic-bezier(.22,.61,.36,1),filter .38s cubic-bezier(.22,.61,.36,1);will-change:auto
}
#regGrid .reg-card-slot:not(.is-center) .reg-item::after{opacity:calc(var(--reg-light-o) * .8)}
#regGrid.is-motion-active .reg-card-slot{will-change:transform}
#regGrid.is-motion-active .reg-card-plane{will-change:transform}
#regGrid.is-motion-active .reg-card-plane>.reg-reflection{will-change:opacity,filter}
#regGrid.is-motion-active .reg-item::after{will-change:opacity,filter}
#regGrid .reg-card-slot:is(.is-tilting,.is-returning){will-change:transform}
#regGrid .reg-card-slot:is(.is-tilting,.is-returning) .reg-card-plane{will-change:transform}
#regGrid .reg-card-slot:is(.is-tilting,.is-returning) .reg-reflection{will-change:opacity,filter}
#regGrid .reg-card-slot:is(.is-tilting,.is-returning) .reg-item::after{will-change:opacity,filter}
#regGrid .reg-card-slot.is-center .reg-item::after{
opacity:clamp(0,calc(var(--reg-light-o) - .08),1);
background:
radial-gradient(ellipse 190px 148px at var(--reg-light-x) var(--reg-light-y),rgba(146,214,255,.4) 0%,rgba(76,177,255,.25) 20%,rgba(19,141,255,.12) 45%,rgba(10,94,185,.038) 64%,transparent 82%),
linear-gradient(112deg,transparent 11%,rgba(83,184,255,.05) 28%,rgba(121,207,255,.21) 47%,rgba(19,141,255,.08) 63%,transparent 82%),
linear-gradient(180deg,rgba(69,169,255,.11),transparent 34%,rgba(19,141,255,.065) 100%);
filter:blur(.5px) saturate(1.16)
}
#regGrid .reg-card-slot:is(.is-tilting,.is-returning) .reg-item::after{filter:blur(1.4px) saturate(1.04)}
#regGrid .reg-card-slot.is-center:is(.is-tilting,.is-returning) .reg-item::after{filter:blur(1.4px) saturate(1.16)}
#regGrid .reg-item .reg-loc{gap:8px;opacity:0;color:rgba(255,255,255,.8)}
#regGrid .reg-card-slot.is-center .reg-item .reg-loc{gap:10px;opacity:1}
#regGrid .reg-card-slot.is-center .reg-item .reg-loc::before{box-shadow:0 0 10px #f03,0 0 0 4px rgba(255,0,51,.12),0 0 8px #f03}
#regGrid .reg-card-slot .reg-item>.rc,
#regGrid .reg-card-slot .reg-item>p,
#regGrid .reg-card-slot .reg-item>.reg-loc{opacity:0!important}
#regGrid .reg-native-copy{
position:absolute;z-index:4;display:flex;flex-direction:column;left:var(--reg-native-left,0);top:var(--reg-native-top,0);
width:var(--reg-native-width,100%);height:var(--reg-native-height,100%);padding:19em 25em;border-radius:20em;overflow:hidden;
font-family:inherit;font-size:var(--reg-native-unit,1px);line-height:normal;text-align:left;color:var(--fg);
pointer-events:none;opacity:var(--reg-edge-alpha);transform:none;transform-origin:50% 50%;backface-visibility:visible;
-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;will-change:auto
}
html:not(.wire) #regGrid .reg-native-copy::before{
content:"";position:absolute;z-index:1;inset:calc(6px * var(--reg-material-scale));border:calc(1px * var(--reg-material-scale)) solid rgba(226,241,252,.055);border-radius:calc(20em - 6px * var(--reg-material-scale));
background:linear-gradient(155deg,rgba(255,255,255,.052),rgba(137,199,244,.02) 46%,rgba(5,11,20,.07));
box-shadow:inset 0 1px 0 rgba(255,255,255,.045),inset 0 -1px 0 rgba(0,0,0,.14);pointer-events:none
}
html:not(.wire) #regGrid .reg-card-slot.is-center .reg-native-copy::before{inset:calc(8px * var(--reg-material-scale));border-radius:calc(20em - 8px * var(--reg-material-scale))}
#regGrid .reg-card-slot.is-center .reg-native-copy{padding:18em 24em}
#regGrid .reg-native-copy>*{position:relative;z-index:2}
#regGrid .reg-native-copy .rc{display:flex;align-items:center;gap:8em;margin-bottom:8em}
#regGrid .reg-native-copy .ab{font-family:"SF Pro",var(--display);font-weight:700;font-size:28em;line-height:1.17857143;background:linear-gradient(137.727deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%);-webkit-background-clip:text;background-clip:text;color:transparent}
:is(html[lang="zh-CN"],html[lang="zh-TW"]) #regGrid .reg-native-copy .reg-protection-title{font-size:27em;line-height:1.18518519;letter-spacing:-.04em;white-space:nowrap}
#regGrid .reg-native-copy .lic{font-family:Manrope,var(--body);font-size:12em;line-height:1.33333333;font-weight:600;color:#fff;border:0;background:rgba(255,255,255,.12);border-radius:999px;padding:.16666667em .66666667em .33333333em}
#regGrid .reg-native-copy .reg-license-long{font-size:10em}
#regGrid .reg-native-copy p{font-size:14em;line-height:1.42857143;font-weight:400;color:rgba(255,255,255,.7);text-shadow:0 0 .01px currentColor}
#regGrid .reg-native-copy .reg-loc{display:inline-flex;align-items:center;gap:.66666667em;margin-top:auto;font-size:12em;line-height:1.41666667;font-weight:700;color:rgba(255,255,255,.8);opacity:0;transition:opacity .3s;text-shadow:0 0 .01px currentColor}
#regGrid .reg-native-copy .reg-loc::before{content:"";width:.5em;height:.5em;flex:none;border-radius:50%;background:#f03;box-shadow:0 0 .66666667em #f03}
#regGrid .reg-card-slot.is-center .reg-native-copy .reg-loc{gap:.83333333em;opacity:1}
#regGrid .reg-card-slot.is-center .reg-native-copy .reg-loc::before{box-shadow:0 0 .83333333em #f03,0 0 0 .33333333em rgba(255,0,51,.12),0 0 .66666667em #f03}
#regGrid .reg-item:focus{outline:none}
#regGrid .reg-item:focus-visible{outline:2px solid rgba(82,176,255,.95);outline-offset:3px}
html:not(.wire) #regGrid .reg-card-slot.is-center .reg-item{
border:0;border-radius:20px;padding:18px 24px;
background:transparent;
-webkit-backdrop-filter:none;backdrop-filter:none;
box-shadow:inset 0 1px 0 rgba(235,248,255,.2),inset 18px 0 32px -29px rgba(158,216,255,.38),inset -14px -22px 34px -28px rgba(19,141,255,.32),0 24px 42px -30px rgba(0,44,91,.72)
}
/* WebKit depth-sorts the translated card face above its native-sized copy. Draw
the active material inside the copy's own stack so its z-index stays below
the copy, without scaling or rasterizing the glyph layer. */
@supports (background-image:-webkit-named-image(i)){
html:not(.wire) #regGrid .reg-card-slot.is-center .reg-item::before{opacity:0;filter:none}
html:not(.wire) #regGrid .reg-native-copy::after{
content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;
background:var(--mm-control-reg-active-218) center/100% 100% no-repeat;
opacity:0;transition:opacity .3s;pointer-events:none
}
html:not(.wire) #regGrid .reg-card-slot.is-center .reg-native-copy::after{opacity:.8}
}
@media(min-width:861px){
#reg .reg-info{transform:translate3d(24px,30px,0)}
#reg .reg-visual{transform:translateX(-24px)}
#reg .reg-info>.lead{margin-bottom:20px}
#reg .reg-info .reg-grid{
--reg-stage-w:min(800px,calc(100vw - 88px));
/* A mask here creates a Backdrop Root and prevents the side cards from
sampling the globe/section artwork. Keep the 3D ancestor unmasked. */
width:var(--reg-stage-w);margin-left:calc(100% - var(--reg-stage-w) + 20px);overflow:visible
}
/* A mask on the same blurred 3D layer creates a compositor tile seam.
The two center gradients already supply a continuous alpha fade. */
#regGrid .reg-card-slot.is-center .reg-reflection{-webkit-mask-image:none;mask-image:none}
#regGrid .reg-card-slot{width:204px;height:176px}
}
@media(min-width:1280px){
#reg .reg-info>h2,#reg .reg-info>.lead{position:relative;top:12px}
#reg .reg-info .reg-grid{margin-left:calc((100% - var(--reg-stage-w))/2)}
}
@media(min-width:1201px){
#reg .reg-visual{transform:translate3d(-24px,-40px,0)}
}
@media(max-width:860px){
#reg .reg-info .reg-grid{height:238px}
}
@media(prefers-reduced-motion:reduce){
#regGrid .reg-card-slot,#regGrid .reg-reflection,#regGrid .reg-card-plane,#regGrid .reg-native-copy{will-change:auto}
#regGrid .reg-reflection{transition:none!important}
#regGrid .reg-item,#regGrid .reg-item::before,#regGrid .reg-item::after,#regGrid .reg-loc,#regGrid .reg-native-copy .reg-loc{transition:none!important}
}
/* Globe close-up: fill the left composition without a hard rectangular crop. */
#reg .reg-visual{isolation:isolate;overflow:visible}
#reg .reg-visual::before{
content:"";position:absolute;z-index:0;left:-24%;top:-26%;width:158%;height:158%;pointer-events:none;
background:radial-gradient(ellipse at 46% 50%,rgba(19,141,255,.12) 0,rgba(19,141,255,.045) 42%,rgba(6,7,11,0) 80%);
-webkit-mask-image:radial-gradient(ellipse 54% 54% at 50% 50%,#000 0 50%,rgba(0,0,0,.92) 58%,rgba(0,0,0,.7) 68%,rgba(0,0,0,.42) 76%,rgba(0,0,0,.18) 83%,rgba(0,0,0,.05) 87%,transparent 90%);
mask-image:radial-gradient(ellipse 54% 54% at 50% 50%,#000 0 50%,rgba(0,0,0,.92) 58%,rgba(0,0,0,.7) 68%,rgba(0,0,0,.42) 76%,rgba(0,0,0,.18) 83%,rgba(0,0,0,.05) 87%,transparent 90%);
-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%
}
#reg #globe3d,#reg .reg-globe-poster{
-webkit-mask-image:radial-gradient(ellipse 52% 52% at 50% 50%,#000 0 58%,rgba(0,0,0,.92) 68%,rgba(0,0,0,.5) 86%,transparent 100%);
mask-image:radial-gradient(ellipse 52% 52% at 50% 50%,#000 0 58%,rgba(0,0,0,.92) 68%,rgba(0,0,0,.5) 86%,transparent 100%)
}
html:not(.wire) #reg::before{
content:"";position:absolute;z-index:5;left:0;right:0;bottom:-1px;height:clamp(96px,9.375vw,120px);pointer-events:none;
background:linear-gradient(180deg,rgba(6,7,11,0) 0%,rgba(6,7,11,.12) 20%,rgba(6,7,11,.45) 50%,rgba(6,7,11,.82) 75%,rgba(6,7,11,.97) 92%,#06070b 100%)
}
@media(min-width:861px){
#reg .reg-visual::before{
left:-48%;top:-45%;width:196%;height:190%;
background:radial-gradient(ellipse at 46% 50%,rgba(19,141,255,.12) 0,rgba(19,141,255,.045) 44%,rgba(6,7,11,0) 92%);
transform:scale(1);transition:transform .55s cubic-bezier(.22,.61,.36,1)
}
#reg.is-globe-closeup .reg-visual::before{transform:scale(1.08)}
#reg::after{
content:"";position:absolute;z-index:3;left:0;top:0;bottom:0;width:112px;pointer-events:none;opacity:0;
background:linear-gradient(90deg,#06070b 0,rgba(6,7,11,.86) 24%,rgba(6,7,11,.34) 62%,transparent 100%);
transition:opacity .42s ease
}
#reg.is-globe-closeup::after{opacity:1}
#reg #globe3d,#reg .reg-globe-poster{
-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 0 64%,rgba(0,0,0,.94) 69%,rgba(0,0,0,.58) 75%,rgba(0,0,0,.22) 82%,rgba(0,0,0,.07) 91%,transparent 100%);
mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 0 64%,rgba(0,0,0,.94) 69%,rgba(0,0,0,.58) 75%,rgba(0,0,0,.22) 82%,rgba(0,0,0,.07) 91%,transparent 100%);
-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat
}
#reg #globe3d,#reg .reg-globe-poster,#reg .glabels{left:-199px;top:-130.836px;width:800px;height:814px}
}
@media(prefers-reduced-motion:reduce){
#reg .reg-visual::before,#reg::after,#reg .glabel,#reg .reg-globe-poster,#reg #globe3d{transition:none!important}
}
/* Local star field behind the regulation globe. It stays outside the Three.js
scene so globe zoom/rotation and regulation-card compositing remain isolated. */
html:not(.wire) #reg .reg-starfield{
position:absolute;z-index:0;left:-255px;top:-145px;width:900px;height:830px;
overflow:hidden;contain:paint;pointer-events:none;user-select:none;background:transparent;
-webkit-mask-image:radial-gradient(ellipse 72% 80% at 42% 48%,#000 0 44%,rgba(0,0,0,.72) 64%,rgba(0,0,0,.26) 84%,transparent 100%);
mask-image:radial-gradient(ellipse 72% 80% at 42% 48%,#000 0 44%,rgba(0,0,0,.72) 64%,rgba(0,0,0,.26) 84%,transparent 100%);
-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%
}
#reg .reg-starfield::before,#reg .reg-starfield::after{content:"";position:absolute;display:block;pointer-events:none}
#reg .reg-starfield::before{
z-index:0;inset:0;
background:radial-gradient(ellipse 48% 54% at 34% 44%,rgba(30,132,255,.09) 0,rgba(17,86,184,.045) 36%,rgba(8,40,91,.016) 57%,transparent 76%)
}
#reg .reg-starfield::after{
z-index:1;top:-28px;bottom:-28px;left:-28px;width:200%;background-repeat:repeat-x;background-size:50% 100%;background-position:0 0;will-change:auto;animation-play-state:paused;
background-image:
radial-gradient(circle at 5% 7%,rgba(213,238,255,.48) 0,rgba(213,238,255,.48) .42px,transparent .95px),
radial-gradient(circle at 8% 11%,rgba(108,179,255,.4) 0,rgba(108,179,255,.4) .52px,transparent 1.05px),
radial-gradient(circle at 11% 5%,rgba(229,243,255,.46) 0,rgba(229,243,255,.46) .38px,transparent .9px),
radial-gradient(circle at 30% 32%,rgba(87,164,246,.36) 0,rgba(87,164,246,.36) .48px,transparent 1px),
radial-gradient(circle at 42% 18%,rgba(204,231,255,.44) 0,rgba(204,231,255,.44) .42px,transparent .95px),
radial-gradient(circle at 69% 42%,rgba(105,177,251,.35) 0,rgba(105,177,251,.35) .5px,transparent 1.05px),
radial-gradient(circle at 91% 23%,rgba(231,244,255,.42) 0,rgba(231,244,255,.42) .4px,transparent .9px),
radial-gradient(circle at 9% 58%,rgba(112,182,255,.38) 0,rgba(112,182,255,.38) .48px,transparent 1px),
radial-gradient(circle at 12% 63%,rgba(221,239,255,.46) 0,rgba(221,239,255,.46) .4px,transparent .92px),
radial-gradient(circle at 17% 55%,rgba(91,166,247,.34) 0,rgba(91,166,247,.34) .52px,transparent 1.05px),
radial-gradient(circle at 39% 86%,rgba(224,241,255,.43) 0,rgba(224,241,255,.43) .38px,transparent .88px),
radial-gradient(circle at 62% 71%,rgba(101,175,249,.35) 0,rgba(101,175,249,.35) .46px,transparent .98px),
radial-gradient(circle at 75% 94%,rgba(215,237,255,.42) 0,rgba(215,237,255,.42) .4px,transparent .9px),
radial-gradient(circle at 94% 78%,rgba(86,161,243,.32) 0,rgba(86,161,243,.32) .52px,transparent 1.05px);
animation:regStarsAmbient 170s linear -73s infinite
}
#reg .reg-stars{position:absolute;z-index:2;display:block;top:-28px;bottom:-28px;left:-28px;width:200%;background-repeat:repeat-x;background-size:50% 100%;background-position:0 0;will-change:auto;animation-play-state:paused}
#reg .reg-stars-far{
background-image:
radial-gradient(circle at 4% 9%,rgba(223,239,255,.72) 0,rgba(223,239,255,.72) .48px,transparent 1.05px),
radial-gradient(circle at 8% 14%,rgba(103,175,250,.56) 0,rgba(103,175,250,.56) .6px,transparent 1.18px),
radial-gradient(circle at 11% 20%,rgba(245,250,255,.78) 0,rgba(245,250,255,.78) .4px,transparent .95px),
radial-gradient(circle at 13% 16%,rgba(132,194,255,.6) 0,rgba(132,194,255,.6) .52px,transparent 1.1px),
radial-gradient(circle at 15% 27%,rgba(204,229,255,.66) 0,rgba(204,229,255,.66) .43px,transparent .98px),
radial-gradient(circle at 17% 22%,rgba(91,166,244,.54) 0,rgba(91,166,244,.54) .6px,transparent 1.18px),
radial-gradient(circle at 20% 13%,rgba(236,246,255,.74) 0,rgba(236,246,255,.74) .38px,transparent .9px),
radial-gradient(circle at 23% 31%,rgba(121,187,253,.58) 0,rgba(121,187,253,.58) .48px,transparent 1.05px),
radial-gradient(circle at 32% 39%,rgba(225,240,255,.68) 0,rgba(225,240,255,.68) .56px,transparent 1.12px),
radial-gradient(circle at 34% 44%,rgba(92,164,240,.5) 0,rgba(92,164,240,.5) .44px,transparent .98px),
radial-gradient(circle at 37% 36%,rgba(210,234,255,.64) 0,rgba(210,234,255,.64) .5px,transparent 1.08px),
radial-gradient(circle at 40% 47%,rgba(116,182,249,.52) 0,rgba(116,182,249,.52) .58px,transparent 1.15px),
radial-gradient(circle at 45% 33%,rgba(239,248,255,.74) 0,rgba(239,248,255,.74) .42px,transparent .96px),
radial-gradient(circle at 48% 42%,rgba(98,171,247,.54) 0,rgba(98,171,247,.54) .56px,transparent 1.12px),
radial-gradient(circle at 64% 7%,rgba(205,231,255,.62) 0,rgba(205,231,255,.62) .42px,transparent .96px),
radial-gradient(circle at 89% 29%,rgba(128,192,255,.56) 0,rgba(128,192,255,.56) .52px,transparent 1.08px),
radial-gradient(circle at 6% 58%,rgba(229,242,255,.7) 0,rgba(229,242,255,.7) .48px,transparent 1.04px),
radial-gradient(circle at 9% 66%,rgba(84,158,238,.5) 0,rgba(84,158,238,.5) .58px,transparent 1.15px),
radial-gradient(circle at 12% 61%,rgba(242,249,255,.76) 0,rgba(242,249,255,.76) .4px,transparent .94px),
radial-gradient(circle at 14% 71%,rgba(116,183,251,.56) 0,rgba(116,183,251,.56) .5px,transparent 1.08px),
radial-gradient(circle at 17% 56%,rgba(213,236,255,.64) 0,rgba(213,236,255,.64) .46px,transparent 1px),
radial-gradient(circle at 19% 68%,rgba(91,164,241,.5) 0,rgba(91,164,241,.5) .56px,transparent 1.12px),
radial-gradient(circle at 22% 63%,rgba(234,245,255,.7) 0,rgba(234,245,255,.7) .42px,transparent .96px),
radial-gradient(circle at 30% 89%,rgba(111,179,247,.52) 0,rgba(111,179,247,.52) .54px,transparent 1.1px),
radial-gradient(circle at 35% 82%,rgba(226,242,255,.68) 0,rgba(226,242,255,.68) .45px,transparent 1px),
radial-gradient(circle at 38% 91%,rgba(89,161,239,.5) 0,rgba(89,161,239,.5) .58px,transparent 1.15px),
radial-gradient(circle at 41% 78%,rgba(243,249,255,.74) 0,rgba(243,249,255,.74) .38px,transparent .9px),
radial-gradient(circle at 44% 87%,rgba(108,178,248,.53) 0,rgba(108,178,248,.53) .52px,transparent 1.08px),
radial-gradient(circle at 48% 94%,rgba(216,238,255,.66) 0,rgba(216,238,255,.66) .44px,transparent .98px),
radial-gradient(circle at 53% 80%,rgba(99,172,246,.5) 0,rgba(99,172,246,.5) .56px,transparent 1.12px),
radial-gradient(circle at 70% 55%,rgba(226,241,255,.64) 0,rgba(226,241,255,.64) .45px,transparent 1px),
radial-gradient(circle at 93% 74%,rgba(101,174,246,.5) 0,rgba(101,174,246,.5) .56px,transparent 1.12px);
animation:regStarsFar 130s linear -47s infinite
}
#reg .reg-stars-mid{
background-image:
radial-gradient(circle at 16% 18%,rgba(248,252,255,.9) 0,rgba(248,252,255,.9) .78px,rgba(101,181,255,.24) 1.12px,transparent 1.9px),
radial-gradient(circle at 22% 29%,rgba(126,197,255,.82) 0,rgba(126,197,255,.82) .9px,rgba(46,139,239,.2) 1.25px,transparent 2px),
radial-gradient(circle at 44% 45%,rgba(228,243,255,.86) 0,rgba(228,243,255,.86) .7px,rgba(120,193,255,.21) 1.05px,transparent 1.85px),
radial-gradient(circle at 82% 8%,rgba(157,211,255,.8) 0,rgba(157,211,255,.8) .76px,rgba(54,151,245,.18) 1.1px,transparent 1.9px),
radial-gradient(circle at 12% 54%,rgba(239,248,255,.88) 0,rgba(239,248,255,.88) .74px,rgba(107,188,255,.21) 1.08px,transparent 1.85px),
radial-gradient(circle at 36% 76%,rgba(117,192,255,.82) 0,rgba(117,192,255,.82) .88px,rgba(42,137,240,.2) 1.24px,transparent 2px),
radial-gradient(circle at 43% 89%,rgba(251,253,255,.9) 0,rgba(251,253,255,.9) .76px,rgba(121,195,255,.23) 1.12px,transparent 1.92px),
radial-gradient(circle at 86% 67%,rgba(143,204,255,.8) 0,rgba(143,204,255,.8) .84px,rgba(48,144,240,.18) 1.18px,transparent 1.95px);
animation:regStarsMid 90s linear -31s infinite
}
#reg .reg-stars-near{
background-image:
radial-gradient(circle at 20% 37%,rgba(255,255,255,.98) 0,rgba(255,255,255,.98) 1.15px,rgba(115,200,255,.38) 1.6px,rgba(46,146,255,.1) 2.8px,transparent 4.6px),
radial-gradient(circle at 45% 72%,rgba(237,248,255,.96) 0,rgba(237,248,255,.96) 1.25px,rgba(107,194,255,.36) 1.7px,rgba(42,144,250,.09) 2.9px,transparent 4.8px);
animation:regStarsNear 70s linear -19s infinite
}
#reg .reg-starfield::after,#reg .reg-stars{animation-play-state:paused}
#reg .reg-starfield.is-active .reg-stars,#reg .reg-starfield.is-active::after{animation-play-state:running;will-change:transform,opacity}
@keyframes regStarsAmbient{
0%{opacity:.17;transform:translate3d(0,0,0)}
50%{opacity:.23}
100%{opacity:.17;transform:translate3d(-50%,0,0)}
}
@keyframes regStarsFar{
0%{opacity:.38;transform:translate3d(0,0,0)}
50%{opacity:.52}
100%{opacity:.38;transform:translate3d(-50%,0,0)}
}
@keyframes regStarsMid{
0%{opacity:.5;transform:translate3d(0,0,0)}
50%{opacity:.68}
100%{opacity:.5;transform:translate3d(-50%,0,0)}
}
@keyframes regStarsNear{
0%{opacity:.6;transform:translate3d(0,0,0)}
50%{opacity:.78}
100%{opacity:.6;transform:translate3d(-50%,0,0)}
}
html.wire #reg .reg-starfield{display:none}
@media(max-width:860px){
html:not(.wire) #reg .reg-starfield{
left:-18%;top:-18%;width:128%;height:125%;
-webkit-mask-image:radial-gradient(ellipse 74% 70% at 44% 45%,#000 0 42%,rgba(0,0,0,.66) 62%,rgba(0,0,0,.2) 82%,transparent 97%);
mask-image:radial-gradient(ellipse 74% 70% at 44% 45%,#000 0 42%,rgba(0,0,0,.66) 62%,rgba(0,0,0,.2) 82%,transparent 97%)
}
#reg .reg-starfield::before{opacity:.8}
#reg .reg-starfield::after{animation-duration:110s}
#reg .reg-stars-far{animation-duration:80s}
#reg .reg-stars-mid{animation-duration:60s}
#reg .reg-stars-far{opacity:.64}
#reg .reg-stars-mid{opacity:.58}
#reg .reg-stars-near{display:none}
}
@media(prefers-reduced-motion:reduce){
#reg .reg-starfield::after{animation:none!important;transform:none!important;opacity:.17;will-change:auto}
#reg .reg-stars{animation:none!important;transform:none!important;will-change:auto}
#reg .reg-stars-far{opacity:.34}
#reg .reg-stars-mid{opacity:.48}
#reg .reg-stars-near{opacity:.6}
}
/* Thai typography — keep the existing composition while allowing Thai's taller glyphs and longer phrases to breathe. */
html[lang="th"]{
--display:"Noto Sans Thai",Thonburi,"Leelawadee UI",Tahoma,sans-serif;
--body:"Noto Sans Thai",Thonburi,"Leelawadee UI",Tahoma,sans-serif
}
html[lang="th"] :is([data-site-shell="footer"],[data-mm-account-component]){
--display:"Moneta Shared Thai",Thonburi,"Leelawadee UI",Tahoma,sans-serif;
--body:"Moneta Shared Thai",Thonburi,"Leelawadee UI",Tahoma,sans-serif;
font-family:var(--body)
}
html[lang="th"] [data-mm-account-component] .h-1{font-family:var(--display)}
[data-mm-account-component]{font-family:var(--body);font-synthesis:initial}
html[lang="th"] body,
html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] .mega-heading,
html[lang="th"] .mega-feature-title,
html[lang="th"] .sp-head{letter-spacing:0}
html[lang="th"] #trust .h-1,
html[lang="th"] #trust .estat .n-unit,
html[lang="th"] #trust .estat .l,
html[lang="th"] .nav-links a{font-family:"Noto Sans Thai",Thonburi,"Leelawadee UI",Tahoma,sans-serif}
html[lang="th"] .h-hero,
html[lang="th"] .h-1,
html[lang="th"] .pg-name{font-family:"Noto Sans Thai",Thonburi,"Leelawadee UI",Tahoma,sans-serif}
html[lang="th"] .nav-right .btn-sm{line-height:1.35}
@media(min-width:601px) and (max-width:727px){
html[lang="th"] .nav-right{gap:6px;padding-inline:0}
html[lang="th"] .nav-right>.lang{margin-left:0;flex-shrink:0}
html[lang="th"] .menu-btn{width:36px!important;height:36px;flex:0 0 36px}
}
html[lang="th"] .h-1{padding-block:2px 3px;overflow:visible}
html[lang="th"] #trust .sp-title{padding-block:1px 2px;overflow:visible}
html[lang="th"] .hero-headline{max-width:684px;padding-bottom:3px;white-space:normal;text-wrap:balance}
html[lang="th"] .hero-headline .hero-title-main{line-height:1.4}
html[lang="th"] .acct-desc{height:100px;min-height:100px}
html[lang="th"] #trust .spread-foot{height:auto;min-height:69px}
html[lang="th"] #trust .sp-logo{width:87.484px;height:24px}
html[lang="th"] .foot-logo{width:153.44px;height:30px}
html[lang="zh-CN"] .foot-brand p{width:284px;max-width:284px}
html[lang="zh-CN"] .foot-social.foot-social--brand{column-gap:15px;row-gap:15px;width:275.5px;height:80px}
html[lang="th"] .foot-brand p{height:auto;min-height:66px}
html[lang="th"] .foot-social.foot-social--brand{width:208px;height:32px}
html[lang="th"] .foot-social .social-link:not(.social-th){display:none}
html[lang="th"] .foot-social .social-th{display:grid}
html[lang="th"] .flow-note{white-space:normal}
html[lang="th"] #platforms .tab{padding-inline:18px;font-family:var(--mm-button-font);white-space:nowrap}
html[lang="th"] #reg .reg-info h2{line-height:1.45}
@media(max-width:560px){
html[lang="th"] #trust .sp-logo{width:72.903px;height:20px}
}
@media(min-width:561px){
html[lang="th"] #trust .sp-head{height:80px;font-size:18px;line-height:26px;text-align:center;white-space:normal;text-wrap:balance}
}
@media(min-width:561px) and (max-width:900px){
html[lang="th"] #trust .sp-list{margin-top:18px}
}
@media(min-width:901px){
html[lang="th"] #trust .sp-logo{width:113px;height:31px}
}
@media(min-width:901px) and (max-width:1200px){
html[lang="th"] #trust .sp-col{gap:18px}
}
@media(max-width:1200px){
html[lang="th"] .award-stat-line{height:auto;flex-wrap:wrap;row-gap:8px}
html[lang="th"] .award-stat-line .lead{flex:1 0 100%;white-space:normal;font-size:17px;line-height:1.5}
html[lang="th"] .award-stat-divider{min-width:40px}
}
html[lang="th"] .hero-ind .t{white-space:pre-line}
@media(max-width:600px){
html[lang="th"] .hero-headline,
html[lang="th"] .hero-ind .d{white-space:normal}
html[lang="zh-TW"] .award-stat-line{height:auto;flex-wrap:wrap;row-gap:8px}
html[lang="zh-TW"] .award-stat-line .lead{flex:1 0 100%;white-space:normal;font-size:17px;line-height:1.5}
html[lang="zh-TW"] .award-stat-divider{min-width:40px}
}
@media(min-width:1201px){
html[lang="th"] .h-1{font-size:46px;line-height:1.42}
html[lang="th"] .sec-center{height:auto}
html[lang="th"] #trust .sec-center{max-width:1020px;min-height:70px;margin-bottom:20px}
html[lang="th"] #trust .h-1{justify-content:center;width:100%;max-width:none;height:auto;min-height:70px;text-align:center;white-space:normal}
html[lang="th"] #proof>.scrub-inner>.wrap>.review-stage>.sec-center{height:auto;max-width:760px}
html[lang="th"] #platforms .sec-center{height:auto;max-width:820px}
html[lang="th"] :is(#accounts,[data-mm-account-component]) .sec-center{height:auto;max-width:860px}
html[lang="th"] #trust .sp-col{gap:18px}
html[lang="th"] #trust .sp-head{height:80px;font-size:18px;line-height:26px;text-align:center;white-space:normal;text-wrap:balance}
html[lang="th"] #acctSelect,
html[lang="th"] .acct{height:508px}
html[lang="th"] .acct-desc{height:80px;min-height:80px}
html[lang="th"] .review{height:168px}
html[lang="th"] #reg .reg-layout,
html[lang="th"] #reg .reg-info{height:580px}
html[lang="th"] #reg .reg-info h2{height:auto;min-height:116px;font-size:40px;line-height:1.45}
html[lang="th"] #reg .reg-info>.lead{width:100%;max-width:703px;height:auto;min-height:52px;margin-bottom:32px;font-size:18px;line-height:26px}
html[lang="th"] .cta.cta-full h2.h-1{width:900px;max-width:900px;height:auto;min-height:131px;font-size:46px;line-height:1.42}
html[lang="th"] .cta .lead{width:760px;max-width:760px;height:auto;min-height:28px;white-space:normal}
}
@media(max-width:1080px){
.megas{display:none}
.nav-links{display:none}
.menu-btn{display:grid}
.btn-login{display:none}
.prop-pill,.mm-madrid{display:none}
}
@media(prefers-reduced-motion:reduce){header .nav-shell-morph,.mega,.mega-col a,.mega-col a::before,.mega-col a::after,.mega-options a>.mi,.mega-options a>.mt,.mega-options>.mega-option-hover-fx,.mega-options>.mega-option-hover-fx::before,.mega-options>.mega-option-hover-fx::after,.mega-col .mi svg,.mega-col .mi svg *,.mega-feature-icon svg *,.mega-feature-cta{transition:none!important}.mega-options>.mega-option-hover-fx{will-change:auto!important}}
/* Deploy visual parity — scoped to the four user-selected component groups. */
.ind-prog{
--hero-progress:0;
--hero-progress-x:0px;
z-index:auto;
left:32px;
right:32px;
bottom:-2px;
width:auto;
height:2px;
pointer-events:none;
overflow:visible;
background:none;
box-shadow:none;
border-radius:9999px;
transform:none!important
}
html.js #heroInds:not(.is-visual-ready){visibility:hidden}
.ind-prog::before{
content:"";
position:absolute;
inset:0 auto 0 0;
width:100%;
border-radius:2px;
pointer-events:none;
background:#fff;
box-shadow:0 0 3px rgba(75,168,255,.8),0 0 6px #138dff,inset 0 0 1.5px #138dff;
transform:scaleX(var(--hero-progress));
transform-origin:left center;
will-change:auto
}
.ind-prog::after{
content:"";
position:absolute;
left:0;
top:50%;
width:42px;
height:14px;
border-radius:50%;
pointer-events:none;
background:radial-gradient(ellipse at 68% 50%,rgba(246,252,255,.94) 0%,rgba(116,195,255,.58) 24%,rgba(19,141,255,.2) 48%,rgba(19,141,255,0) 74%);
filter:blur(4px);
opacity:.26;
transform:translate3d(calc(var(--hero-progress-x) - 72%),-50%,0) scale(.78);
transform-origin:68% 50%;
animation:heroProgressBreath 2.8s cubic-bezier(.45,0,.55,1) infinite;
animation-play-state:paused;
will-change:auto
}
#top.is-motion-active .hero-ind.active .ind-prog::before{will-change:transform}
#top.is-motion-active .hero-ind.active .ind-prog::after{animation-play-state:running;will-change:opacity,transform}
#top.is-motion-active .hero-copy{will-change:translate,transform,opacity}
#top.is-motion-active .signup-bar .btn-icon::before,
#top.is-motion-active .signup-bar .btn-icon:hover::before{background:rgba(255,255,255,.085)}
@keyframes heroProgressBreath{
0%,100%{opacity:.26;transform:translate3d(calc(var(--hero-progress-x) - 72%),-50%,0) scale(.78)}
50%{opacity:.72;transform:translate3d(calc(var(--hero-progress-x) - 72%),-50%,0) scale(1.16)}
}
@media(prefers-reduced-motion:reduce){.ind-prog::after{animation:none;opacity:.44;transform:translate3d(calc(var(--hero-progress-x) - 72%),-50%,0)}}
/* Hero selectors — exact Figma default and active surfaces. */
html:not(.wire) .hero-ind{
isolation:isolate;
border:0;
background:var(--surface-hero-card-default) center/100% 100% no-repeat;
-webkit-backdrop-filter:none;
backdrop-filter:none;
box-shadow:0 0 20px rgba(0,0,0,.2)
}
html:not(.wire) .hero-ind::before{
content:none
}
html:not(.wire) .hero-ind>:not(.ind-prog){position:relative;z-index:1}
html:not(.wire) .hero-ind>.ind-prog{z-index:2}
html:not(.wire) .hero-ind:focus-visible{outline:1px solid rgba(180,211,235,.4);outline-offset:3px}
html:not(.wire) .hero-ind.active{
border-color:transparent;
background:var(--surface-hero-card-active) center/100% 100% no-repeat;
box-shadow:0 0 20px rgba(0,0,0,.2)
}
/* WebKit paints a button background at the Banner's clipped lower boundary as
one native-control layer, which can drop the final antialiased row. Mirror
the known-good Forex card structure instead: default and active materials
live on independent pseudo layers, while the desktop row keeps four physical
pixels of paint clearance and stays out of parallax. Chromium keeps the
authored backgrounds and motion path. */
@supports (background-image:-webkit-named-image(i)){
html:not(.wire) .hero-ind[data-mm-hero-card-surface]{
-webkit-appearance:none;
appearance:none;
border:0;
background:none;
box-shadow:0 0 20px rgba(0,0,0,.2)
}
html:not(.wire) .hero-ind[data-mm-hero-card-surface]::before,
html:not(.wire) .hero-ind[data-mm-hero-card-surface]::after{
content:"";
position:absolute;
z-index:0;
inset:0;
border-radius:inherit;
background-position:center;
background-repeat:no-repeat;
background-size:100% 100%;
pointer-events:none;
transition:opacity var(--mm-hero-card-surface-duration,.3s) var(--mm-hero-card-surface-ease,cubic-bezier(.34,1.56,.64,1))
}
html:not(.wire) .hero-ind[data-mm-hero-card-surface]::before{
background-image:var(--mm-surface-hero-card-default-webkit);
opacity:1
}
html:not(.wire) .hero-ind[data-mm-hero-card-surface]::after{
background-image:var(--mm-surface-hero-card-active-webkit);
opacity:0
}
html:not(.wire) .hero-ind[data-mm-hero-card-surface].active::before{opacity:0}
html:not(.wire) .hero-ind[data-mm-hero-card-surface].active::after{opacity:1}
@media(min-width:1025px){
html:not(.wire) #top .hero-inds.scroll-parallax-layer{
bottom:4px;
translate:0 0!important;
will-change:auto
}
}
}
/* Keep the existing scroll interaction on top of deploy's Trust materials. */
#trust{
z-index:auto;
isolation:auto;
overflow:visible;
background:transparent;
--trust-panel-y:0px;--trust-panel-z:0px;--trust-panel-rx:0deg;--trust-panel-ry:0deg;--trust-panel-scale:1;
--trust-exit-opacity:1
}
/* Carry the Trust section's real blue field upward beneath the masked Banner
edge, so the image blends into the live page background instead of a flat color. */
html:not(.wire) #trust::before{
content:"";
position:absolute;
z-index:2;
top:-410px;
left:50%;
width:calc(100vw - var(--page-scrollbar-width));
height:1080px;
pointer-events:none;
transform:translate3d(-50%,0,0);
background:radial-gradient(ellipse clamp(420px,62vw,1080px) 430px at 50% 42%,rgba(19,141,255,.06) 0%,rgba(14,84,151,.034) 48%,rgba(8,45,82,.012) 72%,rgba(6,7,11,0) 100%)
}
/* Cross-section ambient light: above Banner artwork, below Hero switch cards
and every Trust title / ticker layer. */
html:not(.wire) #trust::after{
content:"";
position:absolute;
z-index:3;
top:-410px;
left:50%;
width:calc(100vw - var(--page-scrollbar-width));
height:1080px;
pointer-events:none;
transform:translate3d(-50%,0,0);
background:radial-gradient(ellipse clamp(420px,68vw,1380px) clamp(500px,42vw,860px) at -22% 42%,rgba(255,38,68,.1375) 0%,rgba(255,38,68,.0638) 30%,rgba(255,38,68,.0198) 61%,rgba(255,38,68,.0044) 80%,rgba(255,38,68,.0011) 91%,rgba(255,38,68,0) 100%),radial-gradient(ellipse clamp(280px,34vw,680px) clamp(600px,50vw,980px) at -6% 74%,rgba(255,62,88,.0462) 0%,rgba(255,46,76,.0187) 42%,rgba(255,46,76,.0044) 70%,rgba(255,46,76,.0011) 86%,rgba(255,46,76,0) 100%),radial-gradient(ellipse clamp(340px,57vw,1160px) clamp(470px,40vw,820px) at 117% 59%,rgba(24,121,255,.22) 0%,rgba(24,121,255,.1155) 30%,rgba(24,121,255,.0418) 60%,rgba(24,121,255,.0132) 78%,rgba(24,121,255,0) 95%),radial-gradient(ellipse clamp(250px,32vw,650px) clamp(360px,27vw,560px) at 102% 24%,rgba(75,166,255,.0825) 0%,rgba(50,145,255,.0374) 43%,rgba(50,145,255,.011) 70%,rgba(50,145,255,0) 92%);
-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 64%,rgba(0,0,0,.97) 70%,rgba(0,0,0,.86) 77%,rgba(0,0,0,.66) 84%,rgba(0,0,0,.4) 90%,rgba(0,0,0,.16) 96%,transparent 100%);
mask-image:linear-gradient(180deg,#000 0%,#000 64%,rgba(0,0,0,.97) 70%,rgba(0,0,0,.86) 77%,rgba(0,0,0,.66) 84%,rgba(0,0,0,.4) 90%,rgba(0,0,0,.16) 96%,transparent 100%);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat
}
@media(max-width:600px){
html:not(.wire) #trust::before{
top:-310px;
height:860px;
background:radial-gradient(ellipse 120vw 360px at 50% 43%,rgba(19,141,255,.055) 0%,rgba(14,84,151,.03) 48%,rgba(8,45,82,.011) 72%,rgba(6,7,11,0) 100%)
}
html:not(.wire) #trust::after{
top:-310px;
height:860px;
background:radial-gradient(ellipse clamp(280px,86vw,420px) 500px at -40% 42%,rgba(255,38,68,.1265) 0%,rgba(255,38,68,.0572) 30%,rgba(255,38,68,.0176) 61%,rgba(255,38,68,.0033) 80%,rgba(255,38,68,.0011) 91%,rgba(255,38,68,0) 100%),radial-gradient(ellipse clamp(190px,56vw,270px) 620px at -10% 74%,rgba(255,62,88,.0418) 0%,rgba(255,46,76,.0165) 42%,rgba(255,46,76,.0033) 70%,rgba(255,46,76,.0011) 86%,rgba(255,46,76,0) 100%),radial-gradient(ellipse clamp(255px,74vw,360px) 470px at 132% 59%,rgba(24,121,255,.209) 0%,rgba(24,121,255,.1078) 30%,rgba(24,121,255,.0385) 60%,rgba(24,121,255,.011) 78%,rgba(24,121,255,0) 95%),radial-gradient(ellipse clamp(170px,48vw,240px) 330px at 107% 24%,rgba(75,166,255,.0748) 0%,rgba(50,145,255,.033) 44%,rgba(50,145,255,.0099) 70%,rgba(50,145,255,0) 92%)
}
}
html:not(.wire) #trust .figma-bg-trust-band{
display:none!important
}
html:not(.wire) #trust .figma-bg-trust{
z-index:2;
opacity:1;
-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.015) 14%,rgba(0,0,0,.055) 26%,rgba(0,0,0,.14) 38%,rgba(0,0,0,.34) 50%,rgba(0,0,0,.66) 64%,#000 78%);
mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.015) 14%,rgba(0,0,0,.055) 26%,rgba(0,0,0,.14) 38%,rgba(0,0,0,.34) 50%,rgba(0,0,0,.66) 64%,#000 78%);
-webkit-mask-size:100% 100%;
mask-size:100% 100%;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat
}
html:not(.wire) #trust>.figma-bg-trust-clip::after{
content:"";
position:absolute;
z-index:3;
left:-24%;
top:-300px;
width:148%;
height:1900px;
pointer-events:none;
background:radial-gradient(ellipse 62% 58% at 50% 46%,rgba(25,125,211,.287) 0%,rgba(14,84,151,.147) 34%,rgba(8,45,82,.0532) 62%,rgba(6,7,11,0) 88%);
filter:none;
opacity:.9;
transform:translateZ(0) scale(1.025);
transform-origin:50% 52%
}
#trust .exec-layout{position:relative;isolation:isolate;perspective:1440px;perspective-origin:50% 46%;transform-style:preserve-3d}
#trust .exec-layout::before{
content:none;
display:none
}
#trust .exec-layout::after{
content:none;
display:none
}
#trust .exec-layout>.exec-col{position:relative;z-index:1;opacity:var(--trust-exit-opacity);will-change:auto}
#trust .exec-col.center{
transform:translate3d(0,var(--trust-panel-y),var(--trust-panel-z)) rotateX(var(--trust-panel-rx)) rotateY(var(--trust-panel-ry)) scale(var(--trust-panel-scale));
transform-origin:50% 46%;transform-style:preserve-3d;backface-visibility:hidden;will-change:auto
}
#trust .spread-panel{position:relative;isolation:isolate;transform-style:preserve-3d}
html:not(.wire) #trust .spread-panel::before{
content:none;
display:none
}
#trust .spread-cols{position:relative;z-index:1}
#trust .estat{
--trust-stat-x:0px;--trust-stat-y:0px;--trust-stat-z:0px;
--trust-stat-rx:0deg;--trust-stat-ry:0deg;--trust-stat-scale:1;
transform:translate3d(var(--trust-stat-x),var(--trust-stat-y),var(--trust-stat-z)) rotateX(var(--trust-stat-rx)) rotateY(var(--trust-stat-ry)) scale(var(--trust-stat-scale));
position:relative;isolation:isolate;
transform-origin:50% 50%;transform-style:preserve-3d;backface-visibility:hidden;will-change:auto
}
#trust .exec-layout.is-motion-active .exec-col.center,
#trust .exec-layout.is-motion-active .estat{will-change:transform}
#trust .estat::before{
content:none;
display:none
}
#trust .estat::after{
content:none;
display:none
}
html:not(.wire) #trust .estat .n{position:relative;isolation:isolate;overflow:visible}
html:not(.wire) #trust .estat .n::before{
content:none;
display:none
}
html:not(.wire) #trust .estat .n>span{
position:relative;
isolation:isolate;
filter:none!important;
animation:none!important;
will-change:auto
}
#trust .estat>*{position:relative;z-index:1}
#trust .estat:hover{transform:translate3d(var(--trust-stat-x),var(--trust-stat-y),var(--trust-stat-z)) rotateX(var(--trust-stat-rx)) rotateY(var(--trust-stat-ry)) scale(var(--trust-stat-scale));background:transparent}
html:not(.wire) #trust .estat:hover .n{filter:none!important}
/* Reviews restored to their original alternating auto-scroll; page-scroll camera motion is removed.
Keep Trust and Proof on the same page-level paint plane: the oversized review
artwork may extend upward, but it must stay behind every Trust background and item. */
.review-stage{position:relative;isolation:isolate}
html:not(.wire) #trust.stack-layer,
html:not(.wire) #proof.stack-layer{
position:relative!important;
top:auto!important;
z-index:auto!important;
isolation:auto!important
}
html:not(.wire) #proof>.figma-bg-review-hf{
z-index:0;
-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 8%,rgba(0,0,0,.48) 16%,rgba(0,0,0,.84) 24%,#000 30%);
mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 8%,rgba(0,0,0,.48) 16%,rgba(0,0,0,.84) 24%,#000 30%);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat
}
html:not(.wire) #trust>.figma-bg,
html:not(.wire) #trust>.figma-bg-trust-clip,
html:not(.wire) #trust>.stack-glow{z-index:2}
html:not(.wire) #trust>.wrap,
html:not(.wire) #trust>.ticker{z-index:4}
html:not(.wire) .review-stage::before{
content:"";
position:absolute;
z-index:0;
pointer-events:none;
left:50%;
top:-80px;
bottom:0;
width:calc(100vw - var(--page-scrollbar-width));
transform:translate3d(-50%,0,0);
background:radial-gradient(ellipse 76% 64% at 50% 53%,rgba(76,98,115,.3388) 0%,rgba(42,64,81,.1694) 48%,rgba(6,7,11,0) 84%);
-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.32) 4%,rgba(0,0,0,.82) 10%,#000 16%,#000 88%,rgba(0,0,0,.68) 94%,transparent 100%);
mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.32) 4%,rgba(0,0,0,.82) 10%,#000 16%,#000 88%,rgba(0,0,0,.68) 94%,transparent 100%);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat
}
.review-stage>.sec-center{position:relative;z-index:1}
.review-stage>.sec-center .h-1,.review-stage>.sec-center .lead{opacity:1;transform:none;will-change:auto}
.proof-reviews{position:relative;z-index:2;column-gap:32px;perspective:1520px;perspective-origin:50% 44%;transform-style:preserve-3d;pointer-events:none}
.rev-col{
--review-col-x:0px;
--review-col-y:0px;
--review-col-z:0px;
--review-col-ry:0deg;
--review-col-scale:1;
--review-col-scale-x:1;
--review-col-opacity:1;
--review-row-gap:32px;
position:relative;
z-index:1;
height:100%;
min-height:0;
opacity:1;
transform:translate3d(var(--review-col-x),var(--review-col-y),var(--review-col-z)) rotateY(var(--review-col-ry)) scale(var(--review-col-scale)) scaleX(var(--review-col-scale-x));
transform-origin:50% 46%;
transform-style:preserve-3d;
will-change:transform
}
.rev-track{gap:var(--review-row-gap);transform:none;transform-style:preserve-3d;will-change:auto}
.proof-reviews.is-motion-active .rev-track{will-change:transform}
.review-wave{position:relative;width:100%;transform:none;transform-origin:50% 50%;transform-style:preserve-3d;backface-visibility:hidden;will-change:auto}
.review-wave>.review{width:100%;pointer-events:auto}
.proof-reviews.is-motion-active .review-wave.is-wave-near{will-change:transform}
.rev-col>.rev-track>.review-wave>.review{opacity:var(--review-col-opacity)}
@media(min-width:821px) and (max-width:1619px){
.proof-reviews>.rev-col:nth-child(1){--review-col-y:3px;--review-col-z:-42px;--review-col-ry:-11.5deg;--review-col-scale:1.038;--review-col-scale-x:1.056;--review-col-opacity:.92;--review-row-gap:31.82px;transform-origin:100% 46%}
.proof-reviews>.rev-col:nth-child(2){--review-col-z:14px;--review-row-gap:31.76px;z-index:2}
.proof-reviews>.rev-col:nth-child(3){--review-col-y:3px;--review-col-z:-42px;--review-col-ry:11.5deg;--review-col-scale:1.038;--review-col-scale-x:1.056;--review-col-opacity:.92;--review-row-gap:31.82px;transform-origin:0 46%}
}
@media(min-width:1620px){
.proof-reviews>.rev-col:nth-child(1){--review-col-y:4px;--review-col-z:-48px;--review-col-ry:-12.25deg;--review-col-scale:1.048;--review-col-scale-x:1.07858;--review-col-opacity:.9;--review-row-gap:31.86px;transform-origin:100% 46%}
.proof-reviews>.rev-col:nth-child(2){--review-col-z:12px;--review-col-ry:-4.4deg;--review-col-opacity:.98;--review-row-gap:32.04px;z-index:2;transform-origin:100% 46%}
.proof-reviews>.rev-col:nth-child(3){--review-col-z:12px;--review-col-ry:4.4deg;--review-col-opacity:.98;--review-row-gap:32.04px;z-index:2;transform-origin:0 46%}
.proof-reviews>.rev-col:nth-child(4){--review-col-y:4px;--review-col-z:-48px;--review-col-ry:12.25deg;--review-col-scale:1.048;--review-col-scale-x:1.07858;--review-col-opacity:.9;--review-row-gap:31.86px;transform-origin:0 46%}
}
/* Calibrate the shared wide-angle projection to a 32px rhythm while preserving the 44px section gutter. */
@media(min-width:821px) and (max-width:880px){
.proof-reviews{column-gap:clamp(30.844180px,calc(89.832889px - 6.703262vw),34.799105px)}
.proof-reviews>.rev-col:nth-child(1){--review-col-x:clamp(-6.504113px,calc(58.124119px - 7.344117vw),-2.171084px)}
.proof-reviews>.rev-col:nth-child(3){--review-col-x:clamp(2.171084px,calc(7.344117vw - 58.124119px),6.504113px)}
}
@media(min-width:881px) and (max-width:1024px){
.proof-reviews{column-gap:clamp(27.679577px,calc(50.183425px - 2.197641vw),30.844180px)}
.proof-reviews>.rev-col:nth-child(1){--review-col-x:clamp(-10.600372px,calc(18.528579px - 2.844624vw),-6.504113px)}
.proof-reviews>.rev-col:nth-child(3){--review-col-x:clamp(6.504113px,calc(2.844624vw - 18.528579px),10.600372px)}
}
@media(min-width:1025px) and (max-width:1199px){
.proof-reviews{column-gap:clamp(22.449754px,calc(58.281509px - 2.988470vw),27.679577px)}
.proof-reviews>.rev-col:nth-child(1){--review-col-x:clamp(-16.979568px,calc(26.727038px - 3.645255vw),-10.600372px)}
.proof-reviews>.rev-col:nth-child(3){--review-col-x:clamp(10.600372px,calc(3.645255vw - 26.727038px),16.979568px)}
}
@media(min-width:1200px) and (max-width:1280px){
.proof-reviews{column-gap:clamp(19.505227px,calc(66.036035px - 3.635219vw),22.449754px)}
.proof-reviews>.rev-col:nth-child(1){--review-col-x:clamp(-20.462584px,calc(34.577681px - 4.300021vw),-16.979568px)}
.proof-reviews>.rev-col:nth-child(3){--review-col-x:clamp(16.979568px,calc(4.300021vw - 34.577681px),20.462584px)}
}
@media(min-width:1281px) and (max-width:1504px){
.proof-reviews{column-gap:clamp(9.596396px,calc(76.127118px - 4.423585vw),19.505227px)}
.proof-reviews>.rev-col:nth-child(1){--review-col-x:clamp(-31.882459px,calc(44.793841px - 5.098158vw),-20.462584px)}
.proof-reviews>.rev-col:nth-child(3){--review-col-x:clamp(20.462584px,calc(5.098158vw - 44.793841px),31.882459px)}
}
@media(min-width:1505px) and (max-width:1619px){
.proof-reviews{column-gap:clamp(3.481076px,calc(89.574141px - 5.317669vw),9.596396px)}
.proof-reviews>.rev-col:nth-child(1){--review-col-x:clamp(-38.786282px,calc(58.407538px - 6.003324vw),-31.882459px)}
.proof-reviews>.rev-col:nth-child(3){--review-col-x:clamp(31.882459px,calc(6.003324vw - 58.407538px),38.786282px)}
}
@media(min-width:1620px) and (max-width:1920px){
.proof-reviews{column-gap:clamp(5.866766px,calc(79.264928px - 3.822821vw),17.335229px)}
.proof-reviews>.rev-col:nth-child(1){--review-col-x:clamp(-46.419279px,calc(60.499002px - 5.568660vw),-29.713297px)}
.proof-reviews>.rev-col:nth-child(2){--review-col-x:clamp(-12.940301px,calc(23.758780px - 1.911410vw),-7.206070px)}
.proof-reviews>.rev-col:nth-child(3){--review-col-x:clamp(7.206070px,calc(1.911410vw - 23.758780px),12.940301px)}
.proof-reviews>.rev-col:nth-child(4){--review-col-x:clamp(29.713297px,calc(5.568660vw - 60.499002px),46.419279px)}
}
@media(min-width:1921px){
.proof-reviews{column-gap:5.866766px}
.proof-reviews>.rev-col:nth-child(1){--review-col-x:-46.419279px}
.proof-reviews>.rev-col:nth-child(2){--review-col-x:-12.940301px}
.proof-reviews>.rev-col:nth-child(3){--review-col-x:12.940301px}
.proof-reviews>.rev-col:nth-child(4){--review-col-x:46.419279px}
}
@media(max-width:820px){
.proof-reviews{perspective:none;transform-style:flat}
.rev-col{opacity:1;transform:none;transform-style:flat;will-change:auto}
.rev-track{transform-style:flat}
.review-wave{transform:none!important;transform-style:flat;will-change:auto!important}
}
html:not(.wire) .review{
--review-card-shadow:43px 112px 34px 0 rgba(0,0,0,0),28px 72px 31px 0 rgba(0,0,0,.02),16px 40px 26px 0 rgba(0,0,0,.06),7px 18px 19px 0 rgba(0,0,0,.1),2px 4px 11px 0 rgba(0,0,0,.12),inset -12px 10px 34.5px 0 rgba(98,179,255,.12);
border:0;
isolation:isolate;
overflow:hidden;
transform-origin:50% 50%;
transform:translate3d(0,var(--review-lift),0) rotateX(var(--review-rx)) rotateY(var(--review-ry)) scale(var(--review-scale));
transform-style:preserve-3d;
background:var(--mm-surface-review-card) center/100% 100% no-repeat;
-webkit-backdrop-filter:none;
backdrop-filter:none;
box-shadow:var(--review-card-shadow)
}
html:not(.wire) .review::before{
content:"";display:block;position:absolute;z-index:0;inset:0;
padding:1px;border-radius:inherit;background:var(--mm-surface-review-stroke);
-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
-webkit-mask-composite:xor;
mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
mask-composite:exclude;pointer-events:none
}
html:not(.wire) .review::after{
content:"";display:block;position:absolute;z-index:0;inset:0;border-radius:inherit;pointer-events:none;
background:none;
box-shadow:inset 0 0 0 1px rgba(160,204,236,.18),inset 0 1px 0 rgba(255,255,255,.045);
opacity:0;transform:none;transition:opacity .42s cubic-bezier(.22,1,.36,1)
}
html:not(.wire) .review:hover{
border:0;
background:var(--mm-surface-review-card) center/100% 100% no-repeat;
-webkit-backdrop-filter:none;
backdrop-filter:none;
box-shadow:var(--review-card-shadow)
}
html:not(.wire) .review.is-tilting,html:not(.wire) .review.is-returning{box-shadow:var(--review-card-shadow)}
@media(hover:hover) and (pointer:fine){
.rev-col:hover{z-index:3}
.review-wave:has(.review:hover),.review-wave:has(.review.is-tilting),.review-wave:has(.review.is-returning){z-index:3;transform-style:preserve-3d}
.review:hover,.review.is-tilting,.review.is-returning{z-index:2}
.review.is-tilting,.review.is-returning{transition:none;will-change:transform}
html:not(.wire) .review:hover::after,html:not(.wire) .review.is-tilting::after{opacity:1;transform:none;background:radial-gradient(ellipse 108% 98% at var(--review-light-x) var(--review-light-y),rgba(226,240,250,.10) 0%,rgba(145,196,231,.048) 34%,rgba(82,151,201,.018) 58%,rgba(19,141,255,0) 86%);box-shadow:inset 0 0 0 1px rgba(160,204,236,.14),inset 0 1px 0 rgba(255,255,255,.035);transition-duration:.42s;transition-timing-function:cubic-bezier(.22,1,.36,1)}
}
@media(prefers-reduced-motion:reduce){
#trust .figma-bg-trust{transform:translate3d(var(--parallax-x),var(--parallax-y,0px),0)!important;opacity:1!important;will-change:auto!important}
#trust .exec-col.center,#trust .estat{transform:none!important;opacity:1!important;will-change:auto!important}
#trust .estat>*{transition:none!important}
#trust .estat:hover>*{transform:none!important}
#trust .exec-layout::after,#trust .estat::after,#trust .estat .n::before,#trust .estat .n>span{animation:none!important}
.review-wave{transform:none!important;will-change:auto!important}
html:not(.wire) .review:hover,html:not(.wire) .review.is-tilting,html:not(.wire) .review.is-returning{transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg) scale(1)!important}
}
/* Canonical fluid tabs — homepage platform tabs and registered detail-page consumers
share one moving active surface and one pointer/focus hover light. */
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs]){
--platform-tab-x:8px;
--platform-tab-y:8px;
--platform-tab-w:156px;
--platform-tab-h:45px;
position:relative;
align-content:center;
align-items:center;
justify-content:center;
gap:0 4px;
padding:8px;
border-radius:30px;
background-color:transparent;
background-image:var(--surface-nav-fluid);
background-position:center;
background-size:100% 100%;
background-repeat:no-repeat;
border:0;
-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px);
box-shadow:0 0 20px rgba(0,0,0,.2);
isolation:isolate
}
@media(max-width:1200px){
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs]){
justify-content:flex-start;
overflow-x:auto;
overflow-y:hidden;
scrollbar-width:none;
-ms-overflow-style:none
}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])::-webkit-scrollbar{display:none}
}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab-hover-fx{
--platform-hover-x:0px;
--platform-hover-line-clip-left:0px;
--platform-hover-line-clip-right:0px;
position:absolute;
z-index:0;
left:0;
top:0;
width:1px;
height:100%;
opacity:0;
transform:translate3d(var(--platform-hover-x),0,0);
will-change:auto;
pointer-events:none;
transition:opacity .36s cubic-bezier(.4,0,.2,1)
}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab-hover-fx::before{
content:"";
position:absolute;
left:0;
top:50%;
width:184px;
height:74px;
border-radius:50%;
background:radial-gradient(ellipse 74px 32px at 50% 53%,rgba(255,255,255,.14) 0%,rgba(224,238,255,.075) 38%,rgba(138,184,245,.025) 68%,rgba(70,122,202,0) 100%),radial-gradient(ellipse 118px 52px at 50% 53%,rgba(93,159,247,.055) 0%,rgba(75,135,218,.018) 55%,rgba(55,103,180,0) 90%);
filter:blur(17px);
transform:translate3d(-50%,-50%,0);
pointer-events:none;
transition:width .48s cubic-bezier(.16,1,.3,1),height .48s cubic-bezier(.16,1,.3,1)
}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab-hover-fx::after{
content:"";
position:absolute;
left:0;
top:0;
width:148px;
height:100%;
transform:translateX(-50%);
background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(169,201,244,.035) 13%,rgba(188,215,250,.14) 33%,rgba(239,247,255,.42) 50%,rgba(188,215,250,.14) 67%,rgba(169,201,244,.035) 87%,rgba(255,255,255,0) 100%) top/100% 1px no-repeat,linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(149,197,255,.065) 13%,rgba(188,222,255,.26) 32%,rgba(253,254,255,.82) 50%,rgba(188,222,255,.26) 68%,rgba(149,197,255,.065) 87%,rgba(255,255,255,0) 100%) bottom/100% 1px no-repeat;
-webkit-clip-path:inset(0 var(--platform-hover-line-clip-right) 0 var(--platform-hover-line-clip-left));
clip-path:inset(0 var(--platform-hover-line-clip-right) 0 var(--platform-hover-line-clip-left));
pointer-events:none;
will-change:auto;
transition:width .48s cubic-bezier(.16,1,.3,1)
}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs]).tab-hover-visible>.tab-hover-fx{
opacity:1;
will-change:transform,opacity;
transition:opacity .48s cubic-bezier(.32,0,.2,1)
}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs]).tab-hover-visible>.tab-hover-fx::after{will-change:clip-path}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab{
position:relative;
z-index:2;
flex:0 0 auto;
height:45px;
padding:0 24px 2px;
font-family:var(--mm-button-font);
font-size:16px;
font-weight:var(--mm-button-weight);
line-height:normal;
letter-spacing:0;
white-space:nowrap;
transition:color .36s cubic-bezier(.32,0,.2,1),text-shadow .42s cubic-bezier(.32,0,.2,1)
}
html:not(.wire) #platTabs>.tab:nth-of-type(1){width:156px}
html:not(.wire) #platTabs>.tab:nth-of-type(2){width:155px}
html:not(.wire) #platTabs>.tab:nth-of-type(3){width:128px}
html:not(.wire) #platTabs>.tab:nth-of-type(4){width:133px}
html:not(.wire) #platTabs>.tab:nth-of-type(5){width:142px}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs]).is-indicator-ready>.tab.active{background:none;box-shadow:none}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab:hover{transform:none;box-shadow:none}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab.active::before,
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab.active::after{content:none}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs]):not(.is-indicator-ready)>.tab.active::before,
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs]):not(.is-indicator-ready)>.tab.active::after{content:""}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs]):not(.is-indicator-ready)>.tab.active::before{background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.6) 52.885%,rgba(196,227,255,.6) 64.663%,rgba(137,198,255,.6) 76.442%,rgba(108,184,255,.6) 82.332%,rgba(78,170,255,.6) 88.221%,rgba(49,155,255,.6) 94.111%,rgba(19,141,255,.6) 100%)}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab:not(.active)::before{content:none}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab:is(:hover,:focus,:focus-visible){color:#fff;outline:none;text-shadow:0 0 9px rgba(255,255,255,.18),0 0 20px rgba(92,158,244,.11)}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab:focus-visible{outline:1px solid rgba(172,202,244,.46);outline-offset:-9px}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab-active-indicator{
position:absolute;
z-index:1;
left:0;
top:0;
width:var(--platform-tab-w);
height:var(--platform-tab-h);
border-radius:100px;
opacity:0;
pointer-events:none;
transform:translate3d(var(--platform-tab-x),var(--platform-tab-y),0);
transform-origin:0 0;
will-change:auto
}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab-active-indicator.is-ready{opacity:1}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab-active-indicator.is-moving{will-change:transform}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab-active-indicator::before{
content:"";
position:absolute;
z-index:0;
inset:-2px 6px 4px;
border-radius:1000px;
background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.6) 52.885%,rgba(196,227,255,.6) 64.663%,rgba(137,198,255,.6) 76.442%,rgba(108,184,255,.6) 82.332%,rgba(78,170,255,.6) 88.221%,rgba(49,155,255,.6) 94.111%,rgba(19,141,255,.6) 100%);
filter:blur(6px)
}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab-active-indicator::after{
content:"";
position:absolute;
z-index:1;
inset:0;
border-radius:inherit;
background:var(--mm-control-blue-45) center/100% 100% no-repeat;
-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px)
}
html.wire :is(#platTabs,[data-mm-fluid-tabs])>.tab-active-indicator{display:none}
@media(prefers-reduced-motion:reduce){
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab-active-indicator{will-change:auto}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab{transition:none!important}
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab-hover-fx,
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab-hover-fx::before,
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab-hover-fx::after{transition:none!important;will-change:auto}
#platforms .platform-panel-stage .tab-panel.is-transitioning>.panel-grid{will-change:auto}
}
/* Locale-safe sizing: retained locales preserve their approved geometry. */
.figma-bg-trust-band,
.figma-bg-trust,
.figma-bg-review-hf,
.figma-bg-awards,
.figma-bg-platform,
.figma-bg-accounts,
.figma-bg-reg,
.hero-photo{will-change:auto}
.hero-photo.is-parallax-active,
.figma-bg-review-hf.is-parallax-active,
.figma-bg-reg.is-parallax-active{will-change:transform,translate}
@media(max-width:600px){
html:is([lang="zh-CN"],[lang="zh-TW"]) .acct-desc{height:auto;min-height:60px}
}
@media(min-width:601px) and (max-width:1200px){
html:is([lang="zh-CN"],[lang="zh-TW"]) .acct-desc{height:auto;min-height:80px}
}
@media(min-width:901px){
html[lang="zh-TW"] #trust .ticker-track>.tk:nth-child(12n+4){width:155px}
html[lang="zh-TW"] #trust .ticker-track>.tk:nth-child(12n+4)>.tk-front>.tk-copy{width:55px}
html[lang="th"] #trust .ticker-track>.tk:nth-child(12n+2){width:163px}
html[lang="th"] #trust .ticker-track>.tk:nth-child(12n+2)>.tk-front>.tk-copy{width:63px}
html[lang="th"] #trust .ticker-track>.tk:nth-child(12n+4){width:180px}
html[lang="th"] #trust .ticker-track>.tk:nth-child(12n+4)>.tk-front>.tk-copy{width:80px}
}
@media(min-width:1201px){
html[lang="zh-TW"] #proof>.scrub-inner>.wrap>.review-stage>.sec-center{height:auto;max-width:760px}
html[lang="th"] .acct-desc{height:auto;min-height:80px}
html[lang="th"] .review{height:165px;padding:12px 20px;gap:8px}
html[lang="th"] .review p{line-height:21px}
html[lang="th"] .review .who{padding-top:8px}
html:is([lang="zh-TW"],[lang="th"]) .foot{height:auto;min-height:826.594px}
html:is([lang="zh-TW"],[lang="th"]) .foot .wrap{height:auto;min-height:786.594px}
html:is([lang="zh-TW"],[lang="th"]) .foot-bottom{height:auto;min-height:209.594px}
html:is([lang="zh-TW"],[lang="th"]) .foot-col:not(.foot-brand)>a{height:auto;min-height:32px}
html:is([lang="zh-TW"],[lang="th"]) .foot-col:not(.foot-brand)>:is(h5,h2)+a{height:auto;min-height:39px}
html:is([lang="zh-TW"],[lang="th"]) .legal{height:auto;min-height:497px}
html:is([lang="zh-TW"],[lang="th"]) .legal .copy{height:auto;min-height:45px}
}
/* Detail account content uses the canonical anatomy and grows only when localized copy requires it. */
[data-mm-account-cards] .acct-desc{height:auto;min-height:60px}
@media(min-width:601px){
html:is([lang="zh-CN"],[lang="zh-TW"]) [data-mm-account-cards] .acct-desc{min-height:80px}
html[lang="th"] [data-mm-account-cards] .acct-desc{min-height:100px}
html[lang="th"] [data-mm-account-cards] .acct--with-meta .acct-desc{height:100px;min-height:100px;font-size:12px;line-height:15px}
}
@media(max-width:600px){
[data-mm-account-cards] .acct--with-meta .acct-desc{height:90px;min-height:90px}
html[lang="th"] [data-mm-account-cards] .acct--with-meta .acct-desc{font-size:12px;line-height:15px}
}
/* Simplified Chinese reuses the canonical account flow as a compact journey.
The retained locales keep the approved account cards and geometry unchanged. */
.mm-account-title-compact,.mm-account-cta-compact{display:none}
[data-mm-account-component] .mm-account-cta-standard{display:contents}
[data-mm-account-component] :is([data-mm-account-cta-prefix],[data-mm-account-cta-suffix]):empty{display:none}
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .mm-account-title-standard,
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .sec-center>.lead,
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .acct-grid,
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .flow-label,
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .flow-note{display:none}
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .mm-account-title-compact{display:inline}
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .flow-cta-btn>.mm-account-cta-standard{display:none}
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .flow-cta-btn>.mm-account-cta-compact{display:inline}
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .sec-center{height:auto;min-height:0;max-width:none;margin:0 auto 64px}
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .flow-panel{display:grid;grid-template-columns:minmax(0,1fr);width:min(1156px,100%);height:auto;min-height:0;margin:0 auto;padding:0;border:0}
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .flow-head{display:contents}
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .flow-steps{grid-row:1;width:100%;height:120px;min-height:120px}
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .flow-steps>.fstep>.ftext>i{white-space:pre-line}
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .flow-cta-btn{grid-row:2;justify-self:center;margin:98px 0 0}
@media(min-width:761px){
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .flow-steps>.fstep>.fnum{margin-inline:auto}
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .flow-steps>.fstep>.ftext{text-align:center}
}
@media(min-width:761px) and (max-width:1200px){
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .flow-rail{left:calc(16.666667% - clamp(6.666667px,1vw,14.666667px));right:calc(16.666667% - clamp(6.666667px,1vw,14.666667px))}
}
@media(min-width:1201px){
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]){height:790px;min-height:790px;padding-top:154px!important;padding-bottom:138px!important}
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .flow-rail{left:178px;right:auto;width:800px}
}
@media(max-width:1200px){
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]){height:auto;min-height:0;padding:138px 0 146px!important}
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .sec-center{margin-bottom:52px}
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .flow-panel{width:min(960px,100%)}
}
@media(max-width:760px){
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]){padding:122px 0!important}
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .sec-center{margin-bottom:36px}
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .flow-panel{width:min(340px,100%);padding:0}
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .flow-steps{height:auto;min-height:0}
html[lang="zh-CN"] :is(#accounts,[data-mm-account-component]) .flow-cta-btn{margin-top:86px}
}
/* Home-only compact journey spacing: move the journey down 20px,
trim its bottom breathing room by 12px, and carry the net +8px to the next section. */
@media(min-width:1201px){
html[lang="zh-CN"] #accounts{height:798px;min-height:798px;padding-top:174px!important;padding-bottom:126px!important}
}
@media(max-width:1200px){
html[lang="zh-CN"] #accounts{padding:158px 0 134px!important}
}
@media(max-width:760px){
html[lang="zh-CN"] #accounts{padding:142px 0 110px!important}
}
/* Arrow CTA optical balance: the shared 16px arrow viewBox keeps 3/16 of its
width as internal side space, so equal CSS padding otherwise reads heavier
on the arrow side. Keep the outer hit area hug-sized while centering the
visible label + arrow group across the CTA families. */
.btn[data-mm-action-slot="page"]>span:first-child{margin-inline-start:-4px}
.btn[data-mm-action-size="quote"]>span:first-child,
.btn[data-mm-action-size="quote"]>.arr{translate:-2.68px 0}
.btn[data-mm-action-size="table"]>.arr{margin-inline-end:-2.625px}
.flow-cta-btn>.arr,
.pg-text .btn-ghost>.arr,
.cta-full .cta-inner .btn>.arr{margin-inline-end:-4.21875px}
#awardMore .award-more-label{margin-inline-start:-4.84px}
/* Mobile UX system — shared shell and the homepage compose independently below
the protected desktop boundary. Desktop and wide-tablet geometry stays owned
by the existing min-width rules above. */
@media(max-width:1080px){
.menu-btn{display:grid}
html.mm-drawer-open{overflow:hidden;overscroll-behavior:none}
body.mm-drawer-open{
position:fixed;
inset:var(--mm-drawer-scroll-y,0) 0 auto;
width:100%;
overflow:hidden;
overscroll-behavior:none;
touch-action:none
}
html:not(.wire) .drawer{
box-sizing:border-box;
justify-content:flex-start;
gap:0;
height:100vh;
height:100dvh;
min-height:100svh;
padding:
calc(92px + env(safe-area-inset-top))
max(20px,env(safe-area-inset-right))
calc(28px + env(safe-area-inset-bottom))
max(20px,env(safe-area-inset-left));
overflow-x:hidden;
overflow-y:auto;
overscroll-behavior:contain;
scroll-padding-block:calc(92px + env(safe-area-inset-top)) calc(28px + env(safe-area-inset-bottom));
-webkit-overflow-scrolling:touch;
touch-action:pan-y;
background:linear-gradient(180deg,rgba(6,7,11,.985),rgba(6,7,11,.97));
-webkit-backdrop-filter:blur(22px) saturate(120%);
backdrop-filter:blur(22px) saturate(120%)
}
.drawer>a{
flex:0 0 auto;
display:flex;
align-items:center;
min-height:48px;
padding:11px 2px;
font-size:16px;
line-height:24px
}
.drawer>a:is([data-menu-item="platform"],[data-menu-item="markets"],[data-menu-item="promos"],[data-menu-item="company"]){
min-height:62px;
padding-block:14px;
font-size:clamp(24px,6vw,30px);
line-height:1.2;
color:rgba(243,245,248,.92)
}
.drawer a.drawer-detail-link{
min-height:48px;
padding:11px 2px 11px 20px;
font-size:16px;
line-height:24px
}
.drawer>a:is([data-menu-item="prop"],[data-menu-item="madrid"],[data-menu-item="register"]){
min-height:50px;
font-family:var(--body);
font-size:16px;
font-weight:700
}
.drawer>a[data-menu-item="register"]{
position:relative;
isolation:isolate;
align-self:center;
justify-content:center;
width:max-content;
min-width:0;
height:var(--mm-button-14-hit-height);
min-height:var(--mm-button-14-hit-height);
margin-top:14px;
padding:0 var(--mm-button-14-padding-inline);
border:0;
border-radius:var(--mm-button-radius);
font-family:var(--mm-button-font);
font-size:var(--mm-button-14-font-size);
font-weight:var(--mm-button-weight);
line-height:20px;
color:#fff;
background:none
}
.drawer>a[data-menu-item="register"]::before{
content:"";
position:absolute;
z-index:-2;
inset:3px 6px 9px;
border-radius:1000px;
background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.6) 52.8846%,rgba(255,0,51,.6) 100%);
filter:blur(6px);
pointer-events:none
}
.drawer>a[data-menu-item="register"]::after{
content:"";
position:absolute;
z-index:-1;
inset:calc((var(--mm-button-14-hit-height) - var(--mm-button-14-height-34))/2) 0;
border-radius:var(--mm-button-radius);
background:var(--mm-control-red-action) center/100% 100% no-repeat;
pointer-events:none
}
.drawer a:not(.lang-option):focus-visible{
outline:2px solid rgba(120,191,255,.9);
outline-offset:-2px;
border-radius:12px;
color:#fff
}
.drawer>a[data-menu-item="register"]:focus-visible{border-radius:var(--mm-button-radius)}
}
@media(max-width:760px), (max-width:1080px) and (max-height:600px) and (orientation:landscape){
.lang-btn{
width:44px!important;
height:44px!important;
flex:0 0 44px
}
.lang-option{min-height:48px}
.mm-home #top .signup-field input{height:100%;min-height:44px}
.mm-home #reg .reg-item p{font-size:14px;line-height:20px}
.foot{padding-top:40px}
.foot .wrap{width:calc(100% - 40px);padding-inline:0}
.foot-bottom{
height:auto!important;
min-height:0!important;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:36px 18px;
padding:0!important
}
.foot-brand{grid-column:1/-1}
.foot-brand p{
width:min(100%,34rem)!important;
max-width:100%!important;
height:auto!important;
min-height:0;
font-size:15px;
line-height:24px
}
.foot-social,.foot-social.foot-social--brand{
width:100%!important;
height:auto!important;
margin-top:18px;
display:flex;
flex-wrap:wrap;
gap:12px
}
.foot-social.foot-social--brand{--social-tile-size:44px}
.foot-social:not(.foot-social--brand) a{width:44px;height:44px;flex:0 0 44px}
.foot-col :is(h5,h2){height:auto;min-height:28px;font-size:16px;line-height:24px}
.foot-col a,
.foot-col :is(h5,h2)+a{
width:100%;
height:auto;
min-height:44px;
padding:10px 0;
display:flex;
align-items:center;
font-size:15px;
line-height:24px
}
.legal{height:auto!important;min-height:0!important;margin-top:52px;padding-bottom:calc(28px + env(safe-area-inset-bottom))}
.legal .copy{height:auto!important;min-height:0!important;gap:18px}
.legal :is(p,li){font-size:13.5px;line-height:1.65}
.legal a{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:760px){
.mm-home{--mm-mobile-gutter:20px;--mm-mobile-section:88px}
.mm-home main .h-1{font-size:32px!important;line-height:40px!important}
.mm-home main .lead{font-size:16px;line-height:1.6}
.mm-home main :is(p,li){line-height:1.6}
.mm-home main :is(.review p,.pg-text p,.acct-desc,.reg-item p){font-size:16px;line-height:1.6}
.mm-home main :is(.spread-foot,.review .who,.aw-strip,.cta-point span:last-child){font-size:14px;line-height:1.55}
.mm-home #top.hero{
height:auto;
min-height:0;
justify-content:flex-start;
gap:28px;
padding:96px 0 48px
}
.mm-home #top .hero-inner{
height:auto;
display:flex;
flex-direction:column;
align-items:stretch;
gap:24px
}
.mm-home #top .hero-copy{
order:1;
width:100%;
max-width:none;
margin-inline:auto
}
.mm-home #top .hero-headline{
min-height:0;
margin-bottom:10px;
font-size:34px;
line-height:40px;
white-space:normal;
text-wrap:balance
}
.mm-home #top .hero-headline .hero-title-brand{font-size:.8em;line-height:1.35}
.mm-home #top .hero-headline .hero-title-main{line-height:1.18}
.mm-home #top .hero-sub{font-size:16px;line-height:24px}
.mm-home #top .signup-bar{
width:100%;
margin-top:26px;
flex-direction:column;
align-items:stretch;
gap:12px
}
.mm-home #top .signup-field-shell{
width:100%;
max-width:none;
height:auto;
flex:none
}
.mm-home #top .signup-field{height:var(--mm-button-16-height-48);padding-inline:18px}
.mm-home #top .signup-field input{height:100%;min-height:44px;font-size:16px;line-height:24px}
.mm-home #top .signup-field-eye{display:none}
.mm-home #top .btn-infield{
position:relative;
inset:auto;
width:max-content;
min-width:0;
max-width:100%;
height:var(--mm-button-16-height-48)!important;
margin-top:12px;
padding:0 var(--mm-button-16-padding-inline);
border-radius:var(--mm-button-radius);
font-size:var(--mm-button-16-font-size);
line-height:24px
}
.mm-home #top .signup-bar>.btn-icon{display:none}
.mm-home #top .hero-media-column{
order:2;
position:relative;
inset:auto;
left:calc(50% - 50vw);
right:auto;
width:100vw;
height:232px;
margin:0
}
.mm-home #top .hero-media-frame{inset:0;width:100%;height:100%;transform:none}
.mm-home #top .hero-video-viewport{inset:6px 0}
.mm-home #top .hero-inds{
width:100%;
margin:0;
padding:0 20px 4px;
gap:12px;
scroll-padding-inline:20px
}
.mm-home #top .hero-ind{
flex:0 0 min(80vw,294px);
min-height:96px;
padding:12px 14px;
gap:12px;
border-radius:22px
}
.mm-home #top .hero-ind .pico{width:66px;height:64px}
.mm-home #top .hero-ind .t{font-size:15px;line-height:22px}
.mm-home #top .hero-ind .d{font-size:13px;line-height:19px;white-space:normal}
.mm-home :is(#trust,#proof,#platforms,#accounts,#reg){
height:auto!important;
min-height:0!important;
padding-top:var(--mm-mobile-section)!important;
padding-bottom:var(--mm-mobile-section)!important
}
.mm-home :is(#trust,#proof,#platforms,#accounts,#reg) .sec-center{margin-bottom:40px}
.mm-home #trust .exec-layout{gap:28px}
.mm-home #trust :is(.ticker-3d .tk-copy,.estat .l){font-size:14px;line-height:20px}
.mm-home #trust .spread-panel{border-radius:20px}
.mm-home #trust :is(.sp-head,.sp-row){font-size:14px;line-height:20px}
.mm-home #trust .spread-foot{margin-top:20px}
.mm-home #proof .proof-reviews{
width:calc(100vw - 20px);
height:auto;
min-height:0;
margin-left:0;
margin-right:0;
padding:6px 20px 12px 0;
display:flex;
gap:16px;
overflow-x:auto;
overflow-y:hidden;
scroll-snap-type:x mandatory;
scroll-padding-inline:0 20px;
-webkit-mask-image:none;
mask-image:none;
scrollbar-width:none;
overscroll-behavior-inline:contain
}
.mm-home #proof .proof-reviews::-webkit-scrollbar{display:none}
.mm-home #proof :is(.rev-col,.rev-track){display:contents}
.mm-home #proof .review-wave{
flex:0 0 min(82vw,320px);
min-width:0;
scroll-snap-align:start
}
.mm-home #proof .review{
width:100%;
min-height:232px;
padding:22px;
scroll-snap-align:unset
}
.mm-home #proof .media-marq{
margin:56px 0 72px;
overflow-x:auto;
overscroll-behavior-inline:contain;
scrollbar-width:none
}
.mm-home #proof .media-marq::-webkit-scrollbar{display:none}
.mm-home #proof .award-stat-line{
height:auto;
margin-top:14px;
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px 10px
}
.mm-home #proof .award-stat-line .lead{flex:1 0 100%;white-space:normal}
.mm-home #proof .award-stat-divider{display:none}
.mm-home #proof .award-year-row{gap:18px}
.mm-home #proof .award-year-grid{
display:flex;
gap:14px;
overflow-x:auto;
overflow-y:hidden;
padding:2px 20px 12px 0;
scroll-snap-type:x mandatory;
scroll-padding-inline:0 20px;
scrollbar-width:none;
overscroll-behavior-inline:contain
}
.mm-home #proof .award-year-grid::-webkit-scrollbar{display:none}
.mm-home #proof .award{
flex:0 0 min(82vw,308px);
height:252px;
min-height:252px;
scroll-snap-align:start
}
.mm-home #proof .award-inner{height:252px;min-height:252px}
.mm-home #platforms .tabs{
min-height:60px;
padding:6px;
gap:6px;
overflow-x:auto;
scroll-snap-type:x proximity;
scroll-padding-inline:6px;
overscroll-behavior-inline:contain;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);
mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent)
}
.mm-home #platforms .tab{
height:var(--mm-button-16-height-48);
min-height:var(--mm-button-16-height-48);
padding:0 var(--mm-button-16-padding-inline);
border-radius:var(--mm-button-radius);
font-size:var(--mm-button-16-font-size);
line-height:24px;
scroll-snap-align:center
}
.mm-home #platforms .panel-grid{gap:28px}
.mm-home #platforms .pg-text .btn{
width:max-content;
min-width:0;
height:var(--mm-button-18-height-54);
min-height:var(--mm-button-18-height-54);
padding:0 var(--mm-button-18-padding-inline);
border-radius:var(--mm-button-radius);
font-size:var(--mm-button-18-font-size)
}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-grid{
width:calc(100vw - 20px);
margin-left:0;
margin-right:0;
padding:4px 20px 14px 0;
display:flex;
gap:14px;
overflow-x:auto;
overflow-y:hidden;
scroll-snap-type:x mandatory;
scroll-padding-inline:0 20px;
scrollbar-width:none;
overscroll-behavior-inline:contain
}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-grid::-webkit-scrollbar{display:none}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct{
flex:0 0 min(82vw,328px);
min-height:0;
scroll-snap-align:start
}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-state{
height:var(--mm-button-16-height-48);
min-height:var(--mm-button-16-height-48);
padding:0 var(--mm-button-16-padding-inline);
border-radius:var(--mm-button-radius);
font-size:var(--mm-button-16-font-size)
}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-cta-btn{
width:max-content;
min-width:0;
height:var(--mm-button-18-height-54);
min-height:var(--mm-button-18-height-54);
padding:0 var(--mm-button-18-padding-inline);
border-radius:var(--mm-button-radius);
font-size:var(--mm-button-18-font-size)
}
.mm-home #reg .reg-item{min-height:0;padding:22px}
.mm-home .cta.cta-full{padding:76px 20px;border-radius:24px}
.mm-home .cta.cta-full .lead{margin:16px auto 30px}
.mm-home .cta.cta-full .btn{
width:max-content;
min-width:0;
max-width:100%;
height:var(--mm-button-18-height-54);
min-height:var(--mm-button-18-height-54);
padding:0 var(--mm-button-18-padding-inline);
border-radius:var(--mm-button-radius);
font-size:var(--mm-button-18-font-size);
justify-content:center
}
}
@media(max-width:1080px) and (max-height:600px) and (orientation:landscape){
.mm-home #top.hero{
min-height:0;
height:auto;
gap:14px;
padding:82px 20px 24px
}
.mm-home #top .hero-inner{
width:100%;
max-width:1040px;
height:228px;
display:grid;
grid-template-columns:minmax(280px,.85fr) minmax(330px,1.15fr);
gap:20px;
align-items:center;
padding:0
}
.mm-home #top .hero-copy{grid-column:1;grid-row:1;width:auto;max-width:none;margin:0}
.mm-home #top .hero-headline{min-height:0;margin-bottom:6px;font-size:28px;line-height:32px;white-space:normal}
.mm-home #top .hero-sub{font-size:14px;line-height:20px}
.mm-home #top .signup-bar{width:100%;margin-top:14px;display:block}
.mm-home #top .signup-field-shell{width:100%;max-width:none;height:var(--mm-button-16-height-48)}
.mm-home #top .signup-field{height:var(--mm-button-16-height-48);padding:0 124px 0 14px}
.mm-home #top .signup-field input{font-size:14px}
.mm-home #top .signup-field-eye{display:none}
.mm-home #top .btn-infield{
position:absolute;
inset:0 0 0 auto;
width:max-content;
min-width:0;
height:var(--mm-button-16-height-48)!important;
margin:0;
padding:0 var(--mm-button-16-padding-inline);
border-radius:var(--mm-button-radius);
font-size:var(--mm-button-16-font-size);
line-height:24px
}
.mm-home #top .signup-bar>.btn-icon{display:none}
.mm-home #top .hero-media-column{grid-column:2;grid-row:1;position:relative;inset:auto;width:100%;height:228px;margin:0}
.mm-home #top .hero-media-frame{inset:0;width:100%;height:100%;transform:none}
.mm-home #top .hero-video-viewport{inset:4px}
.mm-home #top .hero-inds{width:100%;max-width:1040px;margin:0 auto;padding:0;gap:10px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
.mm-home #top .hero-ind{flex:0 0 210px;min-height:72px;padding:8px 10px;border-radius:18px;scroll-snap-align:start}
.mm-home #top .hero-ind .pico{width:48px;height:48px}
.mm-home #top .hero-ind .t{font-size:13px;line-height:18px}
.mm-home #top .hero-ind .d{font-size:12.5px;line-height:18px}
}
@media(min-width:561px) and (max-width:760px){
.mm-home #proof .award-year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:761px) and (max-width:1200px){
.mm-home #proof .award-year-grid{gap:24px}
.mm-home #proof .award,
.mm-home #proof .award-inner,
.mm-home #proof .award-face{height:204px;min-height:204px}
}
@media(max-width:360px){
.foot-bottom{grid-template-columns:1fr}
.foot-brand{grid-column:auto}
.mm-home #top .hero-copy{width:100%}
.mm-home #top .hero-inds{padding-inline:16px;scroll-padding-inline:16px}
}
/* Shared mobile component authority. Detail-page compositions may position the
component host, while Flow and page-action geometry remain owned here. */
@media(max-width:760px), (max-width:1080px) and (max-height:600px) and (orientation:landscape){
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs])>.tab-active-indicator::after,
html:not(.wire) :is(#platTabs,[data-mm-fluid-tabs]):not(.is-indicator-ready)>.tab.active::after{background-image:var(--mm-control-blue-314)}
.mm-home #platforms .tab{
height:var(--mm-button-16-height-48);
min-height:var(--mm-button-16-height-48);
padding:0 var(--mm-button-16-padding-inline);
border-radius:var(--mm-button-radius);
font-size:var(--mm-button-16-font-size);
line-height:24px
}
.btn[data-mm-action-slot]:not([data-mm-action-size]){
width:max-content;
min-width:0;
max-width:100%;
height:var(--mm-button-18-height-54);
min-height:var(--mm-button-18-height-54);
max-height:var(--mm-button-18-height-54);
padding:0 var(--mm-button-18-padding-inline);
gap:8px;
border-radius:var(--mm-button-radius);
font-size:var(--mm-button-18-font-size);
line-height:normal
}
.btn[data-mm-action-slot]:not([data-mm-action-size])>.arr{
width:var(--mm-button-18-icon-size);
height:var(--mm-button-18-icon-size)
}
.dp.dp-fx .btn[data-mm-action-size]{
width:max-content;
min-width:0;
max-width:100%;
height:var(--mm-button-14-hit-height);
min-height:var(--mm-button-14-hit-height);
max-height:var(--mm-button-14-hit-height);
padding:0 var(--mm-button-14-padding-inline);
gap:8px;
border-radius:var(--mm-button-radius);
font-size:var(--mm-button-14-font-size);
line-height:20px
}
.dp.dp-fx .btn[data-mm-action-size]>.arr{
width:var(--mm-button-14-icon-size);
height:var(--mm-button-14-icon-size)
}
html:not(.wire) .dp.dp-fx .btn[data-mm-action-size]::after{
inset:calc((var(--mm-button-14-hit-height) - var(--mm-button-14-height-34))/2) 0;
border-radius:var(--mm-button-radius);
clip-path:inset(0 round var(--mm-button-radius))
}
html:not(.wire) .dp.dp-fx .btn[data-mm-action-size]::before{inset:3px 6px 9px}
.dp .acct-state{
height:var(--mm-button-16-height-48);
min-height:var(--mm-button-16-height-48);
padding:0 var(--mm-button-16-padding-inline);
border-radius:var(--mm-button-radius);
font-size:var(--mm-button-16-font-size)
}
.dp.dp-app .dp-app-steps [data-mm-flow-variant="steps-only"]{width:100%;margin:0;padding:0}
.dp.dp-app .dp-app-steps .flow-steps{display:grid;grid-template-columns:1fr;gap:0}
.dp.dp-app .dp-app-steps .flow-rail{display:none}
.dp.dp-app .dp-app-steps .fstep{
min-height:0;
padding:14px 0;
display:grid;
grid-template-columns:40px minmax(0,1fr);
gap:12px;
align-items:start;
border:0;
border-bottom:1px solid var(--dp-line);
text-align:left
}
.dp.dp-app .dp-app-steps .fstep:last-child{border-bottom:0}
.dp.dp-app .dp-app-steps .fnum{width:40px;height:40px;margin:0;transform:none}
.dp.dp-app .dp-app-steps .ftext{text-align:start}
.dp.dp-app .dp-app-steps .ftext b{font-size:16px;line-height:23px}
.dp.dp-app .dp-app-steps .ftext i{margin-top:3px;font-size:14px;line-height:21px}
.dp:is(.dp-fx,.dp-fund,.dp-market--account-details) .flow-steps{gap:0}
.dp:is(.dp-fx,.dp-fund,.dp-market--account-details) .fstep{padding-block:13px}
.dp:is(.dp-fx,.dp-fund,.dp-market--account-details) .flow-cta-btn{margin-top:30px}
}
@media(max-width:760px){
.dp.dp-market--account-details .mkt-hero__actions .btn{
width:max-content;
min-width:0;
max-width:100%
}
}
@media(max-width:1080px) and (max-height:600px) and (orientation:landscape){
.dp.dp-app .dp-app-steps .flow-steps{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
}
/* Mobile composition v3. The phone layout is an authored reading experience,
not a scaled desktop canvas. Everything in this block stays below 761px. */
@media(max-width:760px){
.mm-home{
--mm-mobile-gutter:20px;
--mm-mobile-section:72px;
}
/* One connected first-screen story: copy, action, media and the choice rail. */
.mm-home #top.hero{
gap:0;
padding:92px 0 40px;
}
.mm-home #top .hero-inner{
width:100%;
gap:20px;
}
.mm-home #top .hero-copy{margin:0}
.mm-home #top .hero-headline{font-size:36px;line-height:41px}
.mm-home #top .hero-sub{max-width:31ch;text-wrap:pretty}
.mm-home #top .signup-bar{margin-top:22px}
.mm-home #top .hero-media-column{
left:auto;
width:100%;
height:clamp(224px,62vw,272px);
margin-top:4px;
overflow:hidden;
border:1px solid rgba(165,219,255,.18);
border-radius:26px;
background:linear-gradient(145deg,rgba(19,141,255,.12),rgba(6,7,11,.92) 64%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 54px rgba(0,0,0,.32);
}
.mm-home #top .hero-media-column::after{
content:"";
position:absolute;
z-index:3;
inset:auto 0 0;
height:35%;
background:linear-gradient(180deg,transparent,rgba(6,7,11,.78));
pointer-events:none;
}
.mm-home #top .hero-media-frame,
.mm-home #top .hero-video-viewport{border-radius:inherit}
.mm-home #top .hero-video-viewport{inset:0}
.mm-home #top .hero-video-viewport :is(video,.hero-video-poster){object-fit:cover;object-position:56% 50%}
.mm-home #top .hero-inds{
position:relative;
z-index:4;
width:calc(100vw - 20px);
margin:-30px 0 0 20px;
padding:0 20px 8px 0;
gap:14px;
scroll-padding-inline:0 20px;
}
.mm-home #top .hero-ind{
flex-basis:min(320px,calc(100vw - 72px));
min-height:92px;
scroll-snap-stop:always;
}
/* Each section now owns a deliberate top and bottom rhythm. */
.mm-home #trust{padding:72px 0 64px!important}
.mm-home #proof{padding:76px 0 68px!important}
.mm-home #platforms{padding:76px 0 72px!important}
.mm-home #accounts{padding:76px 0 68px!important}
.mm-home #reg{padding:76px 0 64px!important}
html[lang="zh-CN"] .mm-home #accounts{padding:76px 0 68px!important}
.mm-home :is(#trust,#proof,#platforms,#accounts,#reg) .sec-center{margin-bottom:32px}
/* Trust: four compact proof points followed by the comparison panel. */
.mm-home #trust .spread-head{
width:100%;
margin:0 0 24px;
text-align:left;
}
.mm-home #trust .spread-head :is(.sp-title,.sp-sub){text-align:left}
.mm-home #trust .spread-head .sp-title{font-size:26px;line-height:34px}
.mm-home #trust .spread-head .sp-sub{max-width:32ch;margin-top:6px;font-size:15px;line-height:24px;letter-spacing:0}
.mm-home #trust .exec-layout{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
align-items:stretch;
}
.mm-home #trust .exec-layout::before,
.mm-home #trust .exec-layout::after{display:none}
.mm-home #trust .exec-col:not(.center){display:contents}
.mm-home #trust .exec-col.center{
grid-column:1/-1;
grid-row:3;
width:100%;
height:auto;
margin-top:8px;
order:initial;
}
.mm-home #trust .estat{
min-height:116px;
padding:18px 12px;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
border:1px solid rgba(165,219,255,.13);
border-radius:20px;
background:linear-gradient(145deg,rgba(18,38,64,.42),rgba(7,11,18,.72));
text-align:left;
}
.mm-home #trust .estat::before,
.mm-home #trust .estat::after{display:none}
.mm-home #trust .estat .n{justify-content:flex-start;font-size:32px;line-height:38px}
.mm-home #trust .estat .n-num{font-size:32px;line-height:38px}
.mm-home #trust .estat .n-plus{font-size:20px;line-height:26px}
.mm-home #trust .estat .n-unit{font-size:15px;line-height:22px;padding:0 0 2px}
.mm-home #trust .estat .l{margin-top:6px;text-align:left}
.mm-home #trust .spread-panel{height:auto;min-height:0;border-radius:22px}
.mm-home #trust .spread-foot{margin-top:24px;padding:0;text-align:left}
/* Consistent swipe affordance across proof, awards and account choices. */
.mm-home #proof .proof-reviews,
.mm-home #proof .award-year-grid,
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-grid{gap:14px;scroll-padding-inline:0 20px}
.mm-home #proof :is(.review-wave,.award),
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct{
flex-basis:min(320px,calc(100vw - 72px));
scroll-snap-stop:always;
}
.mm-home #proof .award,
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct{flex-basis:min(360px,calc(100vw - 88px))}
.mm-home #proof .media-marq{margin:40px 0 56px}
.mm-home #proof .awards-head{text-align:left}
.mm-home #proof .award-stat-line{justify-content:flex-start}
/* Platform panels read as one mobile module: value first, device second. */
.mm-home #platforms .tabs{
width:calc(100vw - 20px);
margin:0 0 20px;
padding-right:20px;
border-radius:18px 0 0 18px;
-webkit-mask-image:none;
mask-image:none;
}
.mm-home #platforms .panel-grid{
width:100%;
height:auto;
padding:24px 20px 18px;
display:flex;
flex-direction:column;
gap:24px;
overflow:visible;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
}
.mm-home #platforms .pg-text{order:1;width:100%}
.mm-home #platforms .pg-visual,
.mm-home #platforms .pg-visual-photo{order:2;width:100%;height:278px;margin:0}
.mm-home #platforms .pg-photo{max-height:278px}
.mm-home #platforms .pg-text p{max-width:33ch}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-panel{margin-top:44px}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-cta-btn{margin-top:32px}
/* Regulation follows the mobile reading order instead of leading with art. */
.mm-home #reg .reg-layout{
width:100%;
height:auto;
display:grid;
grid-template-columns:1fr;
gap:24px;
}
.mm-home #reg .reg-info{display:contents}
.mm-home #reg .reg-info>h2{grid-row:1;margin:0;text-align:left}
.mm-home #reg .reg-info>.lead{grid-row:2;margin:0;text-align:left}
.mm-home #reg .reg-visual{
grid-row:3;
width:min(72vw,286px);
height:auto;
min-height:0;
aspect-ratio:800/814;
margin:4px auto 0;
}
.mm-home #reg .reg-globe-poster>img{object-fit:contain}
.mm-home #reg .reg-grid{grid-row:4;width:100%;height:220px;margin:0}
/* The primary decision precedes the payment-method decoration. */
.mm-home .cta.cta-full{
height:auto;
min-height:0;
padding:64px 20px 56px;
}
.mm-home .cta.cta-full .cta-inner{
width:100%;
max-width:100%;
height:auto;
padding:0;
display:flex;
flex-direction:column;
align-items:flex-start;
text-align:left;
}
.mm-home .cta.cta-full h2{order:1;width:100%;height:auto;margin:0;text-align:left}
.mm-home .cta.cta-full .lead{order:2;width:min(100%,32ch);height:auto;margin:16px 0 28px;text-align:left;white-space:normal}
.mm-home .cta.cta-full .btn{order:3}
.mm-home .cta.cta-full .pay-heading{
order:4;
width:100%;
margin:52px 0 16px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
}
.mm-home .cta.cta-full .pay-label{
order:initial;
height:auto;
margin:0;
font-size:15px;
line-height:24px;
text-align:left;
}
.mm-home .cta.cta-full .pay-strip{
order:5;
width:calc(100vw - 20px);
height:56px;
margin:0 0 0 calc(20px - 50vw + 50%);
padding:4px 20px;
gap:12px;
justify-content:flex-start;
overflow-x:auto;
overflow-y:hidden;
scroll-padding-inline:20px;
scroll-snap-type:x proximity;
overscroll-behavior-inline:contain;
scrollbar-width:none;
}
.mm-home .cta.cta-full .pay-strip::-webkit-scrollbar{display:none}
.mm-home .cta.cta-full .pay-badge{flex:0 0 70px;scroll-snap-align:start}
.mm-home .cta.cta-full{--cta-ring-size:250vw}
/* A scannable two-column drawer keeps the persistent action in view. */
#drawer.drawer{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-content:start;
gap:8px;
padding:calc(84px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));
}
#drawer.drawer>a{
width:100%;
min-width:0;
min-height:48px;
padding:10px 12px;
border:1px solid rgba(165,219,255,.1);
border-radius:14px;
background:rgba(255,255,255,.025);
font-size:14px;
line-height:20px;
}
#drawer.drawer>a:nth-child(-n+4){min-height:54px;font-size:16px;font-weight:700}
#drawer.drawer>a[data-menu-item="register"]{
position:sticky;
z-index:4;
bottom:max(8px,env(safe-area-inset-bottom));
grid-column:1/-1;
width:max-content;
min-height:var(--mm-button-14-hit-height);
margin:8px auto 0;
padding:0 var(--mm-button-14-padding-inline);
border:0;
background:rgba(6,7,11,.9);
}
.foot-bottom>.foot-col:not(.foot-brand){padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
.foot-col :is(h5,h2){margin-bottom:8px;color:#fff}
/* Homepage mobile footer: preserve every canonical link and legal block,
while matching the proposal's compact, disclosure-first reading flow. */
[data-site-shell="footer"]#contact.foot{padding-top:52px}
[data-site-shell="footer"]#contact .foot-bottom{
display:flex;
flex-direction:column;
gap:0;
}
[data-site-shell="footer"]#contact .foot-brand{display:contents}
[data-site-shell="footer"]#contact .foot-brand>.brand{order:1;margin:0 0 18px}
[data-site-shell="footer"]#contact .foot-brand>p{order:2;margin:0 0 26px}
[data-site-shell="footer"]#contact .foot-bottom>.foot-col:nth-child(2){order:3}
[data-site-shell="footer"]#contact .foot-bottom>.foot-col:nth-child(3){order:4}
[data-site-shell="footer"]#contact .foot-bottom>.foot-col:nth-child(4){order:5}
[data-site-shell="footer"]#contact .foot-bottom>.foot-col:nth-child(5){order:6}
[data-site-shell="footer"]#contact .foot-brand>.foot-social{
order:7;
width:100%!important;
margin:28px 0 0;
display:grid;
grid-template-columns:repeat(6,44px);
gap:10px;
}
[data-site-shell="footer"]#contact .foot-bottom>.foot-col:not(.foot-brand){
width:100%;
padding:0;
border-top:1px solid rgba(255,255,255,.1);
}
[data-site-shell="footer"]#contact .foot-bottom>.foot-col:not(.foot-brand):last-child{
border-bottom:1px solid rgba(255,255,255,.1);
}
[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready .foot-col:not(.foot-brand)>:is(h2,h5){
min-height:58px;
margin:0;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
cursor:pointer;
user-select:none;
}
[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready .foot-col:not(.foot-brand)>:is(h2,h5):focus-visible{
outline:2px solid rgba(120,191,255,.9);
outline-offset:-4px;
border-radius:10px;
}
[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready .foot-col:not(.foot-brand)>a[hidden]{display:none!important}
[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready .foot-col.is-mobile-footer-open>a{
min-height:44px;
padding:10px 12px;
display:flex;
align-items:center;
}
}
/* Homepage mobile visual parity. These final, home-scoped rules keep the
canonical content while matching the approved 390px visual proposal. */
@media(max-width:760px){
.mm-home #top .hero-media-column{margin-top:22px}
.mm-home #top .hero-ind{
min-height:92px;
padding:15px 18px;
display:grid;
grid-template-columns:58px minmax(0,1fr);
gap:14px;
border:1px solid rgba(205,231,255,.42);
border-radius:26px;
background:radial-gradient(125% 130% at 50% 115%,rgba(12,85,252,.8),transparent 64%),linear-gradient(145deg,rgba(19,141,255,.8),rgba(17,75,151,.82));
box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 18px 30px rgba(0,0,0,.3)
}
.mm-home #top .hero-ind:not(.active){
border-color:rgba(255,255,255,.11);
background:linear-gradient(145deg,rgba(21,33,50,.92),rgba(8,12,19,.9));
box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 16px 28px rgba(0,0,0,.25)
}
.mm-home #top .hero-ind .pico{width:58px;height:58px}
.mm-home #top .hero-ind.active .ind-prog{left:28px;right:auto;bottom:-2px;width:100px;height:3px}
.mm-home #trust{padding:72px 0 64px!important}
.mm-home #trust .spread-head .sp-title{font-size:28px;line-height:36px}
html:not(.wire) .mm-home #trust .spread-panel,
.mm-home #trust .spread-panel{
height:auto;
min-height:0;
padding:0;
border:1px solid rgba(165,219,255,.16);
border-radius:20px;
background:radial-gradient(100% 60% at 50% 0%,rgba(19,141,255,.11),transparent 66%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
box-shadow:0 24px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)
}
html:not(.wire) .mm-home #trust .spread-panel::before{display:none}
.mm-home #trust .sp-list{margin:0}
.mm-home #trust :is(.sp-head,.sp-row){height:48px;min-height:48px}
.mm-home #trust .sp-head{font-size:11px!important;line-height:1.25!important}
.mm-home #trust .sp-row{padding:0 7px;font-size:13px!important;line-height:20px!important}
.mm-home #trust .sp-prod :is(.sp-head,.sp-row){padding-left:16px}
.mm-home #trust .sp-mm{
height:100%;
border-radius:0;
background:linear-gradient(180deg,rgba(19,141,255,.28),rgba(12,85,252,.08));
box-shadow:inset 1px 0 rgba(165,219,255,.08),inset -1px 0 rgba(165,219,255,.08)
}
.mm-home #trust .sp-mm::before{display:none}
.mm-home #trust .sp-mm :is(.sp-head,.sp-row){height:48px;padding-inline:7px;font-size:13px!important;line-height:20px!important}
.mm-home #proof{padding:72px 0 64px!important}
.mm-home #proof .proof-reviews{gap:14px}
.mm-home #proof .review-wave{flex:0 0 min(82vw,320px)}
.mm-home #proof .review{
min-height:232px;
margin-top:24px;
padding:22px
}
.mm-home #proof .media-marq{
width:calc(100% + 40px);
margin:40px -20px 56px;
padding:20px;
gap:28px;
border-block:1px solid var(--line-soft)
}
.mm-home #proof .aw-img{width:76px;height:76px}
.mm-home #proof #awardMore{min-height:54px;margin:32px auto 0;box-shadow:none}
.mm-home #platforms{padding:72px 0 64px!important}
.mm-home #platforms .tabs{
width:calc(100vw - 20px);
margin:0 0 20px;
padding:6px 20px 6px 6px;
gap:6px
}
.mm-home #platforms .tabs .tab{min-height:48px;padding:0 24px}
.mm-home #platforms .panel-grid{padding:24px 20px 18px;gap:0}
.mm-home #platforms .pg-name{margin-bottom:4px;font-size:28px;line-height:36px}
.mm-home #platforms :is(.pg-tagline,.pg-text p){margin-bottom:20px;font-size:15px!important;line-height:24px!important;color:#a1d1ff}
.mm-home #platforms :is(.pg-visual,.pg-visual-photo){height:278px;margin:24px 0 0}
html:not(.wire) .mm-home #platforms .pg-text .btn-ghost{box-shadow:none}
html[lang="zh-CN"] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .mm-account-title-standard{display:none}
html[lang="zh-CN"] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .sec-center>.lead{display:none}
html[lang="zh-CN"] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .mm-account-title-compact{display:none}
html[lang="zh-CN"] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-grid{display:none}
html[lang="zh-CN"] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-label{display:block}
html[lang="zh-CN"] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-note{display:none}
html[lang="zh-CN"] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-cta-btn>.mm-account-cta-standard{display:none}
html[lang="zh-CN"] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-cta-btn>.mm-account-cta-compact{display:inline}
html[lang="zh-CN"] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .sec-center{display:none;margin-bottom:0}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-grid{
width:calc(100vw - 20px);
margin:28px 0 0;
padding:0 20px 8px 0;
gap:14px;
align-items:stretch
}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.sel{order:-1}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct,
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct{
flex:0 0 min(360px,calc(100% - 48px));
min-height:532px;
height:auto;
padding:26px 22px 22px;
gap:0;
border:0;
border-radius:20px;
background:var(--mm-surface-account-card-default) center/100% 100% no-repeat;
box-shadow:none;
transform:none
}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.sel,
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.sel{
background:var(--mm-surface-account-card-selected) center/100% 100% no-repeat;
box-shadow:none
}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct::before,
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct::after{display:none}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct>.flag{top:18px;right:18px;min-height:29px;padding:5px 12px 7px}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-head{height:auto}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-en{padding-right:0;font-size:13px;line-height:20px;font-weight:800;letter-spacing:.08em;color:#a1d1ff}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-name{margin:6px 0 16px;font-size:28px;line-height:36px;text-shadow:none}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-desc{height:auto;min-height:120px;margin:0 0 14px;font-size:15px!important;line-height:24px!important}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct li{height:auto;min-height:46px;border-top:1px solid rgba(255,255,255,.08);font-size:14px;line-height:20px}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct li b{font-size:16px}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-state{min-height:48px;margin-top:16px}
html[lang="zh-CN"] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-panel,
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-panel{
display:flex;
flex-direction:column;
align-items:center;
width:100%;
margin:56px 0 0;
padding:40px 0 0;
border-top:1px solid var(--line-soft)
}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-head{display:contents}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-label{
display:block;
order:1;
width:100%;
padding:0;
border-radius:0;
background:none;
box-shadow:none;
font-family:var(--display);
font-size:28px;
line-height:36px;
font-weight:800;
color:#fff;
text-align:center
}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-note{order:2;align-self:center;text-align:center}
html[lang="zh-CN"] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-steps,
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-steps{
order:3;
grid-row:auto;
grid-template-columns:1fr;
width:min(420px,100%);
height:auto;
min-height:0;
gap:0;
margin-top:20px;
align-self:center
}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-rail{display:none}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .fstep{
display:grid;
grid-template-columns:44px minmax(0,1fr);
column-gap:16px;
align-items:start;
min-height:118px;
padding:22px max(0px,calc((100% - 300px)/2)) 20px
}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .fnum{position:relative;left:auto;top:auto;grid-column:1;width:44px;height:44px;margin:0}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .ftext{grid-column:2;text-align:left}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .ftext b{font-size:18px;line-height:26px}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .ftext i{font-size:14px;line-height:22px}
html[lang="zh-CN"] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-cta-btn,
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-cta-btn{order:4;align-self:center;justify-self:auto;margin:28px auto 0}
.mm-home #reg{padding:64px 0!important}
.mm-home #reg .reg-layout{gap:8px}
.mm-home #reg .reg-visual{margin:0 auto 4px}
.mm-home #reg .reg-grid{height:220px;margin-top:0}
.mm-home .cta.cta-full{
--cta-ring-size:620px;
padding:64px 20px 56px;
border:0;
border-radius:0
}
.mm-home .cta.cta-full h2.h-1{font-size:34px!important;line-height:1.2!important}
html:not(.wire) .mm-home .cta.cta-full>.cta-bg-orbit{opacity:.42}
html:not(.wire) .mm-home .cta.cta-full>.cta-bg-orbit>.cta-bg-frame{width:620px;top:22%;transform:translate(-50%,-22%)}
html:not(.wire) .mm-home .cta.cta-full>.cta-bg-orbit>.cta-bg-frame>.cta-bg-picture>img{object-position:50% 22%}
.mm-home .cta.cta-full .pay-strip{padding:4px 20px 4px 0}
.mm-home .cta.cta-full .pay-badge{transform:perspective(500px) rotateY(-14deg)}
[data-site-shell="footer"]#contact.foot{padding:40px 0 38px}
[data-site-shell="footer"]#contact .foot-logo{width:154px;height:30px}
[data-site-shell="footer"]#contact .foot-brand>.brand{height:30px;min-height:30px;margin-bottom:16px;align-items:flex-start}
[data-site-shell="footer"]#contact .foot-brand>p{margin-bottom:20px}
[data-site-shell="footer"]#contact .foot-brand>.foot-social{margin-top:28px;grid-template-columns:repeat(6,44px);gap:12px}
[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready .foot-col.is-mobile-footer-open>a{
min-height:44px;
padding:0;
font-size:14px;
line-height:20px
}
[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready .foot-col.is-mobile-footer-open{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
column-gap:16px
}
[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready .foot-col.is-mobile-footer-open>:is(h2,h5){grid-column:1/-1}
[data-site-shell="footer"]#contact .legal{
margin-top:38px;
padding:32px 0 calc(28px + env(safe-area-inset-bottom));
font-size:10.5px;
line-height:17px
}
[data-site-shell="footer"]#contact .legal-top{gap:14px;margin-bottom:18px}
[data-site-shell="footer"]#contact .legal-links{gap:8px 18px}
[data-site-shell="footer"]#contact .legal-links a,
[data-site-shell="footer"]#contact .legal-contact{font-size:12px;line-height:18px}
[data-site-shell="footer"]#contact .legal-contact{text-align:left}
[data-site-shell="footer"]#contact .legal>p{margin-bottom:12px}
[data-site-shell="footer"]#contact .legal-entities{gap:8px;margin:4px 0 22px}
[data-site-shell="footer"]#contact .legal :is(p,li){font-size:10.5px;line-height:17px}
[data-site-shell="footer"]#contact .legal .copy{padding-top:18px}
/* Homepage phone composition — Figma P2.4 9051:7903. Shared content and
desktop geometry stay owned by the existing components. */
.mm-home{--bg:#070c1b;--gutter:16px;background:#070c1b}
.mm-home main .wrap,[data-mm-account-component]>.wrap{width:100%;max-width:100%;padding-inline:16px}
.mm-home :is(#top,#trust,#proof,#platforms,#accounts,#reg,#contact){scroll-margin-top:calc(68px + env(safe-area-inset-top))}
.mm-home main .h-1,.mm-home .cta.cta-full h2.h-1,[data-mm-account-component] .h-1{
font-size:26px!important;line-height:36px!important;font-weight:900;letter-spacing:0;text-align:center
}
.mm-home main .lead,.mm-home #reg .reg-info>.lead,.mm-home .cta.cta-full .lead,[data-mm-account-component] .lead{
font-size:12px!important;line-height:17px!important;color:rgba(255,255,255,.7);text-align:center
}
html[lang^="zh"] .mm-home main :is(.lead,.sp-sub,.spread-foot,.acct-desc,.ftext i),
html[lang^="zh"] [data-mm-account-component] :is(.lead,.acct-desc,.ftext i){
font-family:"Alibaba PuHuiTi Mobile Latin","Alibaba PuHuiTi 3.0",var(--body)
}
/* Center the heading boxes as well as their text; all phone sections share this owner. */
.mm-home main .sec-center,[data-mm-account-component] .sec-center{width:100%;max-width:22rem;margin:0 auto 32px;text-align:center}
.mm-home main .sec-center .h-1,[data-mm-account-component] .sec-center .h-1{width:auto;max-width:100%;margin-inline:auto;text-wrap:balance}
.mm-home main .sec-center>.lead,[data-mm-account-component] .sec-center>.lead{max-width:32ch;margin:8px auto 0;text-wrap:pretty}
.mm-home :is(#trust,#proof,#platforms,#accounts,#reg)>.stack-glow{display:none}
/* P2.4 8983:7236: mobile fields use their original vector paints, including
blur extents and node transforms. They share a page-level paint plane;
section content, translations and accordion height remain independent. */
.mm-home :is(.figma-bg-trust-clip,.figma-bg-awards-clip,.figma-bg-review-hf,.figma-bg-accounts,.figma-bg-platform,.figma-bg-reg){display:none}
html:not(.wire) .mm-home #trust::before,
html:not(.wire) .mm-home #trust::after,
html:not(.wire) .mm-home #proof::after,
html:not(.wire) .mm-home #platforms::after,
html:not(.wire) .mm-home .review-stage::before,
.mm-home #reg .reg-visual::before,
.mm-home #reg .reg-starfield::before{content:none;display:none}
.mm-home #trust>.wrap:last-child,
html:not(.wire) .mm-home #accounts>.wrap{z-index:auto}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-panel{z-index:2}
.mm-home #trust :is(.estat,.spread-head,.exec-col.center,.spread-foot){position:relative;z-index:4}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) :is(.sec-center,#acctSelect,.flow-label,.flow-note,.flow-steps,.flow-cta-btn){position:relative;z-index:3}
html:not(.wire) .mm-home #trust>.wrap:last-child::before,
html:not(.wire) .mm-home #proof::before,
html:not(.wire) .mm-home #platforms::before,
html:not(.wire) .mm-home #open::before,
html:not(.wire) .mm-home #reg::after{
content:"";display:block;position:absolute;z-index:1;pointer-events:none;
left:calc(50% - 195px + var(--mobile-glow-x));top:var(--mobile-glow-y);right:auto;bottom:auto;
width:calc(var(--mobile-glow-width) + 2 * var(--mobile-glow-bleed));
height:calc(var(--mobile-glow-height) + 2 * var(--mobile-glow-bleed));
max-width:none;margin:0;padding:0;border:0;border-radius:0;opacity:1;filter:none;
background:var(--mobile-glow-image) center/100% 100% no-repeat;
transform:var(--mobile-glow-transform) translate(calc(-1 * var(--mobile-glow-bleed)),calc(-1 * var(--mobile-glow-bleed)));
transform-origin:0 0;-webkit-mask-image:none;mask-image:none
}
.mm-home #trust>.wrap:last-child{
--mobile-glow-image:url(../../exports/home-mobile/glows/trust.svg);
--mobile-glow-x:492px;--mobile-glow-y:699px;--mobile-glow-width:603px;--mobile-glow-height:653px;
--mobile-glow-bleed:221.544922px;--mobile-glow-transform:matrix(-1,0,0,-1,0,0)
}
.mm-home #proof{
--mobile-glow-image:url(../../exports/home-mobile/glows/review.svg);
--mobile-glow-x:445px;--mobile-glow-y:475.415894px;--mobile-glow-width:500px;--mobile-glow-height:545px;
--mobile-glow-bleed:100px;--mobile-glow-transform:matrix(-1,0,0,-1,0,0)
}
.mm-home #platforms{
--mobile-glow-image:url(../../exports/home-mobile/glows/awards.svg);
--mobile-glow-x:641px;--mobile-glow-y:98.416016px;--mobile-glow-width:892px;--mobile-glow-height:553px;
--mobile-glow-bleed:200px;--mobile-glow-transform:matrix(-1,0,0,-1,0,0)
}
.mm-home #open{
position:relative;
--mobile-glow-image:url(../../exports/home-mobile/glows/steps.svg);
--mobile-glow-x:449px;--mobile-glow-y:-229.583984px;--mobile-glow-width:517px;--mobile-glow-height:623px;
--mobile-glow-bleed:300px;--mobile-glow-transform:matrix(-1,0,0,1,0,0)
}
.mm-home #reg{
--mobile-glow-image:url(../../exports/home-mobile/glows/regulation.svg);
--mobile-glow-x:-251.478516px;--mobile-glow-y:701.912109px;--mobile-glow-width:892px;--mobile-glow-height:618.267944px;
--mobile-glow-bleed:80px;--mobile-glow-transform:matrix(.999999106,.001346519,.001346519,-.999999106,0,0)
}
/* P2.4 9051:8103: the platform light continues into the account header.
Reuse its existing paint owner and retain the Figma crop/vertical anchor. */
html:not(.wire) .mm-home #accounts>.figma-bg-accounts{display:block;position:absolute;z-index:1;left:50%;top:-682.583984px;width:100vw;height:812px;max-width:none;overflow:hidden;opacity:1;transform:translateX(-50%)!important;-webkit-mask-image:none;mask-image:none;pointer-events:none}
.mm-home #accounts>.figma-bg-accounts>img{display:none}
.mm-home #accounts>.figma-bg-accounts::before{content:"";position:absolute;left:-.612793%;top:-.893664%;width:101.403953%;height:101.941393%;background:url(../../exports/home-mobile/glows/platform-original.png) center/100% 100% no-repeat}
.mm-home #accounts>.figma-bg-accounts::after{content:"";position:absolute;inset:0;background:linear-gradient(179.878359deg,#070c1b 0%,rgba(7,12,27,0) 82.507%,#070c1b 99.949%)}
/* 8983:7540 uses the existing transparent globe export. Keep the authored
crop while the live canvas loads, so an opaque poster cannot cover the field. */
.mm-home #reg .reg-globe-poster{overflow:hidden}
.mm-home #reg .reg-globe-poster>img{
position:absolute;left:-79.5393%;top:-9.1794%;width:260.1626%;height:116.8289%;object-fit:fill
}
.mm-home #top.hero{height:auto;min-height:0;padding:calc(56px + env(safe-area-inset-top)) 0 0;display:block;overflow:visible;background:#070c1b}
.mm-home #top .hero-inner{position:relative;display:block;width:100%;height:447px;padding:0 16px;margin:0;gap:0}
.mm-home #top .hero-copy{position:absolute;inset:44px 16px auto;z-index:3;width:auto;max-width:none;margin:0;padding:0;text-align:center}
.mm-home #top .hero-headline{min-height:0;margin:0;font-size:26px;line-height:36px;font-weight:900;letter-spacing:0;text-align:center;text-wrap:balance}
.mm-home #top .hero-headline .hero-title-brand{font-size:24px;line-height:30px}
html[lang^="zh"] .mm-home #top .hero-headline .hero-title-main{font-size:26px;line-height:36px;letter-spacing:0}
.mm-home #top .hero-sub{max-width:none;margin:4px auto 0;font-size:12px;line-height:17px;text-align:center;text-wrap:pretty}
.mm-home #top .signup-bar{width:100%;margin:24px 0 0;display:flex;align-items:center;justify-content:center;gap:0}
.mm-home #top .signup-field-shell{width:auto;height:auto;min-height:0;margin:0;background:none;border:0;box-shadow:none}
.mm-home #top .signup-field-shell::before,.mm-home #top .signup-field-shell::after,
.mm-home #top .signup-field,.mm-home #top .signup-bar>.btn-icon{display:none}
.mm-home #top .btn-infield>span{padding-inline:0}
.mm-home #top .btn-infield{position:relative;inset:auto;display:flex;width:auto;height:var(--mm-button-16-height-44)!important;min-height:var(--mm-button-16-height-44);margin:0;padding:0 var(--mm-button-16-padding-inline);font-size:var(--mm-button-16-font-size);line-height:22px}
.mm-home #top .hero-media-column{position:absolute;inset:166px 0 auto;display:block;width:100%;height:281px;aspect-ratio:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.mm-home #top .hero-media-column::after{display:none}
.mm-home #top .hero-media-frame,.mm-home #top .hero-media-frame.active{inset:0;width:100%;height:100%;border:0;border-radius:0;background:none;box-shadow:none;transform:none}
/* Preserve the authored mobile crop; feather bright TVC frames into the page on every edge. */
.mm-home #top .hero-video-viewport{--hero-edge-y:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.04) 8%,rgba(0,0,0,.19) 15%,rgba(0,0,0,.5) 23%,rgba(0,0,0,.81) 31%,#000 40%,#000 65%,rgba(0,0,0,.81) 73%,rgba(0,0,0,.5) 82%,rgba(0,0,0,.19) 91%,rgba(0,0,0,.04) 97%,transparent 100%);inset:0;border-radius:0;background:transparent;-webkit-clip-path:none;clip-path:none;-webkit-mask-image:var(--hero-edge-y);mask-image:var(--hero-edge-y)}
.mm-home #top .hero-video-left-fade{--hero-edge-x:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 3%,#000 9%,#000 91%,rgba(0,0,0,.5) 97%,transparent 100%);-webkit-mask-image:var(--hero-edge-x);mask-image:var(--hero-edge-x)}
.mm-home #top .hero-video-frame::after{content:none}
.mm-home #top .hero-video-viewport :is(video,.hero-video-poster){object-fit:cover;object-position:50% 50%}
html:not(.wire) .mm-home #top :is(.hero-photo,.hero-backdrop-panel){inset:calc(56px + env(safe-area-inset-top)) 0 auto;width:100%;height:471px;max-width:none;background-color:#070c1b;background-size:auto 357.444px;background-position:calc(50% - 129.831px) 124px;transform:none!important;-webkit-mask-image:none;mask-image:none}
html:not(.wire) .mm-home #top .hero-banner-2{background-image:url(../../exports/home-mobile/figma-7947-5783/hero-fca.webp)}
html:not(.wire) .mm-home #top :is(.hero-photo,.hero-backdrop-panel)::before{content:none}
html:not(.wire) .mm-home #top :is(.hero-photo,.hero-backdrop-panel)::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#070c1b 26.539%,transparent 42.608%,transparent 82.312%,#070c1b 100%);pointer-events:none}
.mm-home #top .hero-grad{display:none}
.mm-home #top .hero-inds{translate:none!important;will-change:auto;position:relative;isolation:isolate;inset:auto;display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;height:24px;margin:0 auto;padding:8px 10px;gap:6px;overflow:visible;border:0;border-radius:999px;background:none;box-shadow:none;scroll-snap-type:none}
html:not(.wire) .mm-home #top .hero-ind{position:relative;flex:0 0 8px;width:8px;min-width:8px;height:8px;min-height:8px;display:block;margin:0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.2);box-shadow:none;transform:none;scroll-snap-align:none;appearance:none;-webkit-appearance:none;transition:background .25s,box-shadow .25s}
html:not(.wire) .mm-home #top .hero-ind.active{background:#138dff;box-shadow:0 0 10px rgba(19,141,255,.6)}
html:not(.wire) .mm-home #top .hero-ind[data-mm-hero-card-surface]::before{display:none}
html:not(.wire) .mm-home #top .hero-ind[data-mm-hero-card-surface]::after{content:"";display:block;position:absolute;inset:-8px -3px;padding:0;border:0;border-radius:0;background:none;filter:none;opacity:1;transform:none}
html:not(.wire) .mm-home #top .hero-ind[hidden]{display:none!important}
.mm-home #top .hero-ind .pico,.mm-home #top .hero-ind .ind-prog,.mm-home #top .hero-ind.active .ind-prog{display:none!important}
.mm-home #top .hero-ind>.pico+span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mm-home #top .hero-ind:focus-visible{outline:2px solid #a5dbff;outline-offset:3px}
.mm-home #trust{padding:72px 0 100px!important}
.mm-home #trust>.wrap:has(>.sec-center) .sec-center{max-width:270px;margin:0 auto 40px}
.mm-home #trust>.wrap:has(>.sec-center) h2{display:block;width:205px;max-width:100%;height:auto;min-height:72px;margin:0 auto;white-space:normal}
.mm-home #trust .trust-title-tail{display:block;white-space:nowrap}
html[lang="th"] .mm-home #trust .trust-title-tail{white-space:normal}
.mm-home #trust .ticker.ticker-3d{width:100vw;height:236px;margin:0 0 36px;padding:0;align-items:flex-start;overflow:visible}
.mm-home #trust .ticker.ticker-3d::before,.mm-home #trust .ticker.ticker-3d::after{display:none}
.mm-home #trust .ticker-3d .ticker-track{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,55.5625px);grid-auto-columns:max-content;column-gap:17.4625px;row-gap:42.4375px;height:236px;padding:26.9875px 22.225px 55.45px;align-items:center}
.mm-home #trust .ticker-3d .tk-back-track{position:absolute;inset:0 auto auto 0}
html:not(.wire) .mm-home #trust .ticker-3d .tk{grid-row:1;grid-column:var(--tk-mobile-column);width:var(--tk-mobile-width);min-width:var(--tk-mobile-width);height:55.5625px!important;min-height:55.5625px;margin-left:0}
.mm-home #trust .ticker-3d .tk:nth-child(even){margin-left:0}
html:not(.wire) .mm-home #trust .ticker-3d .tk-mobile-repeat{grid-row:2;left:-652.048703px;top:-4px}
.mm-home #trust .ticker-3d .tk>.tk-front,.mm-home #trust .ticker-3d .tk>.tk-under{border-width:1.5875px}
.mm-home #trust .ticker-3d .tk>.tk-front,.mm-home #trust .ticker-3d .tk-reflection-plane{gap:6.35px;padding:6.35px 19.05px 6.35px 11.1125px}
.mm-home #trust .ticker-3d .tk>.tk-front>.ico,.mm-home #trust .ticker-3d .tk-reflection-coin{width:39.6875px;height:39.6875px}
.mm-home #trust .ticker-3d .tk>.tk-front>.tk-copy,.mm-home #trust .ticker-3d .tk-reflection-copy{width:calc(var(--tk-mobile-width) - 79.375px);height:30.95625px}
.mm-home #trust .ticker-3d .tk .nm,.mm-home #trust .ticker-3d .tk-reflection-copy b{font-size:12.7px}
.mm-home #trust .ticker-3d .tk .sb,.mm-home #trust .ticker-3d .tk-reflection-copy small{font-size:11.1125px}
.mm-home #trust .ticker-3d .tk:nth-child(12n+1){--tk-mobile-width:136.525px;--tk-surface:url(../figma-live/surface-trust-product.svg)}
.mm-home #trust .ticker-3d .tk:nth-child(12n+2){--tk-mobile-width:115.09375px;--tk-surface:url(../figma-live/surface-trust-product-145.svg)}
.mm-home #trust .ticker-3d .tk:nth-child(12n+3){--tk-mobile-width:112.7125px;--tk-surface:url(../figma-live/surface-trust-product-142.svg)}
.mm-home #trust .ticker-3d .tk:nth-child(12n+4){--tk-mobile-width:118.26875px;--tk-surface:url(../figma-live/surface-trust-product-149.svg)}
.mm-home #trust .ticker-3d .tk:nth-child(12n+5){--tk-mobile-width:137.31875px;--tk-surface:url(../figma-live/surface-trust-product-173.svg)}
.mm-home #trust .ticker-3d .tk:nth-child(12n+6){--tk-mobile-width:136.525px;--tk-surface:url(../figma-live/surface-trust-product.svg)}
.mm-home #trust .ticker-3d .tk:nth-child(12n+7){--tk-mobile-width:133.35px;--tk-surface:url(../figma-live/surface-trust-product-168.svg)}
.mm-home #trust .ticker-3d .tk:nth-child(12n+8){--tk-mobile-width:120.65px;--tk-surface:url(../figma-live/surface-trust-product-152.svg)}
.mm-home #trust .ticker-3d .tk:nth-child(12n+9){--tk-mobile-width:138.1125px;--tk-surface:url(../figma-live/surface-trust-product-174.svg)}
.mm-home #trust .ticker-3d .tk:nth-child(12n+10){--tk-mobile-width:123.825px;--tk-surface:url(../figma-live/surface-trust-product-156.svg)}
.mm-home #trust .ticker-3d .tk:nth-child(12n+11){--tk-mobile-width:136.525px;--tk-surface:url(../figma-live/surface-trust-product.svg)}
.mm-home #trust .ticker-3d .tk:nth-child(12n+12){--tk-mobile-width:136.525px;--tk-surface:url(../figma-live/surface-trust-product.svg)}
.mm-home #trust>.wrap:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 20px}
.mm-home #trust .exec-layout,.mm-home #trust .exec-col:not(.center){display:contents}
.mm-home #trust .estat{width:min(160px,100%);min-height:72px;height:auto;padding:0;display:flex;align-items:center;justify-content:flex-start;gap:0;border:0;border-radius:0;background:none;box-shadow:none;text-align:center}
.mm-home #trust .exec-col:first-child .estat{justify-self:end}
.mm-home #trust .exec-col:last-child .estat{justify-self:start}
.mm-home #trust .exec-col:first-child .estat:first-child .n-unit{order:3}
.mm-home #trust .exec-col:first-child .estat:first-child{grid-area:1/1}
.mm-home #trust .exec-col:first-child .estat:last-child{grid-area:2/1}
.mm-home #trust .exec-col:last-child .estat:first-child{grid-area:2/2}
.mm-home #trust .exec-col:last-child .estat:last-child{grid-area:1/2}
.mm-home #trust .estat .n{height:48px;justify-content:center;align-items:center;line-height:48px;gap:2px}
.mm-home #trust .estat .n-num{font-size:40px;line-height:48px;color:#a5dbff}
.mm-home #trust .estat .n-plus{align-self:center;font-size:20px;line-height:24px;padding:5px 0 0}
.mm-home #trust .estat .n-unit{align-self:center;font-size:16px;line-height:22px;padding:7px 0 0}
.mm-home #trust .exec-col:last-child .estat:last-child .n-unit{padding-top:10px}
.mm-home #trust .estat .l{margin-top:4px;font-size:14px;line-height:20px;text-align:center;color:rgba(255,255,255,.7)}
.mm-home #trust .spread-head{grid-area:3/1/4/3;width:100%;margin:48px 0 12px;text-align:center}
.mm-home #trust .spread-head .sp-title{font-size:26px;line-height:36px;font-weight:900;text-align:center}
html:not(.wire) .mm-home #trust .spread-head .sp-title{background:linear-gradient(165.03072859722818deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.mm-home #trust .spread-head .sp-sub{max-width:none;margin:8px 0 0;font-size:12px;line-height:17px;letter-spacing:.06em;text-align:center}
.mm-home #trust .exec-col.center{grid-area:4/1/5/3;width:100%;height:auto;margin:0}
html:not(.wire) .mm-home #trust .spread-panel{height:302px;min-height:0;padding:8px 0;border:0;border-radius:12px;background:url(../../exports/home-mobile/surfaces/surface-spread-panel.svg) center/100% 100% no-repeat;box-shadow:none}
.mm-home #trust .spread-cols{grid-template-columns:minmax(0,96fr) minmax(0,150fr) minmax(0,112fr);height:286px;gap:0;overflow:visible}
.mm-home #trust .sp-col{min-width:0;padding:0}
.mm-home #trust .sp-col .sp-list{display:grid;grid-auto-rows:minmax(0,1fr);flex:1;min-height:0;gap:0;margin:0}
.mm-home #trust .sp-col .sp-head{height:50px;min-height:50px;padding:0 8px;font-size:12px!important;line-height:16px!important}
.mm-home #trust .sp-row,.mm-home #trust .sp-mm .sp-row{height:auto;min-height:0;padding:0 8px;font-size:12px!important;line-height:16px!important}
.mm-home #trust .sp-prod{padding-left:20px}
.mm-home #trust .sp-prod :is(.sp-row,.sp-head){padding-left:0;justify-content:flex-start}
.mm-home #trust .sp-row,.mm-home #trust .sp-mm .sp-row{align-items:center;position:relative;isolation:isolate}
.mm-home #trust .sp-row::before{content:"";position:absolute;z-index:-1;inset:0;opacity:0;pointer-events:none;transition:opacity .25s}
.mm-home #trust .sp-prod .sp-row::before{left:-20px}
.mm-home #trust .sp-row:hover::before{opacity:1}
html:not(.wire) .mm-home #trust :is(.sp-prod,.sp-avg) .sp-row::before{background:linear-gradient(90deg,rgba(19,141,255,.07),rgba(19,141,255,.13))}
html:not(.wire) .mm-home #trust .sp-mm .sp-row::before{background:rgba(255,255,255,.065)}
html:not(.wire) .mm-home #trust .sp-row:hover{background:none;box-shadow:none}
html:not(.wire) .mm-home #trust .sp-mm .sp-row:last-child:hover{background:none}
.mm-home #trust .sp-mm{position:relative;top:-20px;height:326px;padding:20px 0;border:0;border-radius:12px}
html:not(.wire) .mm-home #trust .sp-mm{background:url(../../exports/home-mobile/surfaces/surface-spread-center.svg) center/100% 100% no-repeat,linear-gradient(180deg,#18395a 0%,#183856 20%,#10283e 42%,#0c1521 62%,#060d15 76%,#06070b 100%)}
html:not(.wire) .mm-home #trust .sp-mm .sp-row{border-bottom:1px solid rgba(255,255,255,.1)}
html:not(.wire) .mm-home #trust .sp-mm .sp-row:last-child{border-bottom:0}
.mm-home #trust .sp-mm::before{display:none}
.mm-home #trust .sp-logo{width:min(100px,100%);height:auto;max-height:24px}
.mm-home #trust .sp-mm .sp-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}
.mm-home #trust .sp-mark-wrap{width:16px;height:16px;flex:0 0 16px;justify-self:end}
/* Balance the left icon's visual weight against the centered numeric column. */
.mm-home #trust .sp-mm .sp-row>:is(.sp-mark-wrap,.sp-value){transform:translateX(5px)}
.mm-home #trust :is(.sp-value,.sp-avg-value){width:auto;min-width:0;text-align:center}
.mm-home #trust .sp-value{font-size:14px;font-weight:700}
.mm-home #trust :is(.sp-head,.sp-row,.sp-value,.sp-avg-value){letter-spacing:-.64px}
.mm-home #trust .sp-head{font-weight:860}
.mm-home #trust .sp-prod .sp-row{font-weight:510}
.mm-home #trust .sp-avg-value{font-weight:274}
.mm-home #trust .spread-foot{grid-area:5/1/6/3;margin:-8px 0 0;padding:0 12px;font-size:12px;line-height:17px;text-align:center;color:rgba(255,255,255,.8)}
.mm-home #proof{padding:0!important}
.mm-home #proof .review-stage>.sec-center{margin:0 auto 28px;text-align:center}
.mm-home #proof .review-stage>.sec-center>.lead{max-width:330px}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"]{
width:100vw;
height:auto;
min-height:288px;
margin:0 calc(50% - 50vw);
padding:0;
display:grid;
grid-template-columns:minmax(0,1fr);
grid-template-rows:repeat(2,auto);
gap:14px;
overflow-x:clip;
overflow-y:visible;
scroll-snap-type:none;
perspective:none;
transform-style:flat;
-webkit-mask-image:none;
mask-image:none;
pointer-events:auto
}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .rev-col{
display:flex;
position:relative;
width:100%;
min-width:0;
height:auto;
min-height:137px;
padding:0;
overflow:visible;
scroll-snap-type:none;
touch-action:pan-y;
transform:none;
cursor:grab
}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .rev-col.is-dragging{cursor:grabbing}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .rev-col:focus-visible{outline:2px solid #a1d1ff;outline-offset:-2px}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .rev-track{
display:flex;
flex:none;
flex-direction:row;
align-items:flex-start;
width:max-content;
gap:14px;
padding:0;
transform:translate3d(var(--review-mobile-x,0px),0,0)!important;
transform-style:flat
}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .review-wave,
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .review-wave[aria-hidden="true"]{
display:block!important;
flex:0 0 220px;
width:220px;
min-width:220px;
height:auto;
scroll-snap-align:none;
scroll-snap-stop:normal
}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .review{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:220px;
height:auto;
min-height:137px;
margin:0;
padding:12px 16px;
gap:12px;
border:0;
border-radius:16px;
overflow:visible;
transform:none
}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .review-copy{
display:flex;
flex-direction:column;
width:100%;
gap:4px;
transform:none
}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .review .stars{
margin:0;
font-family:var(--display);
font-size:14px;
font-weight:400;
line-height:20px;
letter-spacing:1px;
color:#f5b441
}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .review p{
display:block;
width:100%;
height:auto;
min-height:0;
max-height:none;
margin:0;
overflow:visible;
-webkit-line-clamp:unset;
line-clamp:unset;
white-space:normal;
text-overflow:clip;
overflow-wrap:break-word;
font-family:var(--display);
font-size:12px;
font-weight:400;
line-height:17px;
letter-spacing:0;
color:#f3f5f8
}
html:is([lang="zh-CN"],[lang="zh-TW"]) .mm-home #proof .proof-reviews[data-review-axis="horizontal"] .review :is(p,.stars){
font-family:"Alibaba PuHuiTi 3.0",var(--display)
}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .review .who{
display:flex;
align-items:center;
justify-content:space-between;
width:100%;
margin:0;
padding:11px 0 0;
gap:0;
border-top:1px solid rgba(255,255,255,.2);
line-height:14px;
letter-spacing:-.3px;
white-space:nowrap;
transform:none
}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .review .who b,
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .review .src{
flex:none;
font-family:"SF Pro",var(--body);
font-size:12px;
line-height:14px;
letter-spacing:-.3px
}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .review .who b{font-weight:510;color:#fff}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .review .src{font-weight:860;color:rgba(243,245,248,.38)}
/* Media surface, edge light and logo opacity inherit the shared desktop component. */
html:not(.wire) .mm-home #proof .media-marq{width:100vw;min-height:86px;margin:32px calc(50% - 50vw) 0;padding:27px 0;overflow:hidden;border:0;border-radius:0;box-shadow:none;-webkit-mask-image:none;mask-image:none}
.mm-home #proof .media-track{width:max-content;min-width:max-content;display:flex;align-items:center;gap:32px;padding:0}
.mm-home #proof .media-track>img{flex:none;max-width:none;max-height:32px;object-fit:contain}
.mm-home #platforms{padding:0 0 120px!important}
.mm-home #platforms>.wrap{padding-inline:12px}
.mm-home #platforms .sec-center{margin:0 auto 36px}
.mm-home #platforms .sec-center>.lead{max-width:200px}
html[lang^="zh"] .mm-home #platforms .sec-center>.lead{max-width:188px;white-space:pre-line;text-wrap:wrap}
/* Keep 20px of paint room above/below the scroll row without moving its
buttons or the following panel; blue glow and glass shadows stay visible. */
.mm-home #platforms .tabs,html:not(.wire) .mm-home #platforms #platTabs{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:100%;max-width:100%;min-height:0;height:80px;margin:-20px 0 -8px;padding:20px 0;gap:8px;overflow-x:auto;overflow-y:hidden;border:0;border-radius:0;background:none;box-shadow:none;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-mask-image:none;mask-image:none}
.mm-home #platforms #platTabs::-webkit-scrollbar{display:none}
html:not(.wire) .mm-home #platforms #platTabs>.tab{flex:0 0 auto;width:auto!important;min-width:98px;height:40px;min-height:40px;padding:0 16px 1.75px;border-radius:100px;font-family:"Alibaba PuHuiTi Mobile Latin",var(--mm-button-font);font-size:14px;line-height:20px;font-weight:800;scroll-snap-align:start;background:transparent url("../../exports/home-mobile/surfaces/surface-platform-tab.svg") center/100% 100% no-repeat;box-shadow:0 0 20px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(6px) saturate(125%);backdrop-filter:blur(6px) saturate(125%);color:white}
html:not(.wire) .mm-home #platforms #platTabs>.tab:is(.tab-active-indicator,.tab-hover-fx){display:none}
html:not(.wire) .mm-home #platforms #platTabs>.tab-active-indicator,html:not(.wire) .mm-home #platforms #platTabs>.tab-hover-fx{display:none}
html:not(.wire) .mm-home #platforms #platTabs>.tab.active{background:none;box-shadow:none}
html:not(.wire) .mm-home #platforms #platTabs>.tab.active::before,
html:not(.wire) .mm-home #platforms #platTabs>.tab.active::after{content:""}
html:not(.wire) .mm-home #platforms #platTabs>.tab.active::after{inset:0;background-image:var(--mm-control-blue-314)}
.mm-home #platforms .panel-grid{display:flex;flex-direction:column;width:100%;height:auto;min-height:0;padding:0;gap:12px;border:0;background:none;box-shadow:none}
.mm-home #platforms :is(.pg-visual,.pg-visual-photo){order:0;position:relative;width:100%;height:246px;margin:0}
.mm-home #platforms .pg-photo{width:auto;height:100%;max-width:100%;max-height:none;object-fit:contain}
/* Match the visible device outlines, accounting for each image's own
transparent margins; portrait devices need a taller presentation area. */
.mm-home #platforms .pg-photo--mt5{transform:translateY(18px)}
.mm-home #platforms .pg-photo--protrader{transform:translate(-10px,8px)}
.mm-home #platforms .apptrader-panel .pg-visual-photo{height:320px}
.mm-home #platforms .copytrader-panel .pg-visual-photo{height:286px}
.mm-home #platforms .pg-text{order:1;width:100%;padding:0 32px 0 44px}
.mm-home #platforms .pg-name{margin:0 0 8px;font-size:24px;line-height:29px;font-weight:700}
.mm-home #platforms :is(.pg-tagline,.pg-text p){max-width:none;margin:0 0 28px;color:#a1d1ff;font-size:12px!important;line-height:14px!important;font-weight:700}
.mm-home #platforms .feat{max-width:100%;gap:12px;margin:0 0 28px;padding:0 0 8px}
.mm-home #platforms .feat li{min-width:0;gap:12px;min-height:24px;font-family:"Noto Sans SC",var(--body);font-size:14px;line-height:17px;font-weight:400}
.mm-home #platforms .apptrader-panel .pg-text{padding-right:20px}
.mm-home #platforms .apptrader-panel .feat{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
.mm-home #platforms .feat-icon{width:24px;height:24px;flex:0 0 24px;filter:none}
html:not(.wire) .mm-home #platforms .pg-text .btn-ghost{height:48px;min-height:48px;padding:0 16px 0 24px;font-size:16px;line-height:22px;gap:8px}
.mm-home #platforms .pg-text .btn-ghost>.arr{width:20px;height:20px}
.mm-home #platforms .apptrader-download{grid-template-columns:1fr;gap:0;transform:none}
.mm-home #platforms .apptrader-download::before,.mm-home #platforms .apptrader-qr-link{display:none}
.mm-home #platforms .apptrader-download-body{min-height:0;gap:10px}
html[lang] .mm-home #accounts{padding:0 0 130px!important}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .sec-center>.lead{max-width:260px;margin-top:4px}
html[lang^="zh"] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .sec-center>.lead{max-width:165px;white-space:pre-line;text-wrap:wrap}
html[lang] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-panel{display:flex;flex-direction:column;align-items:center;width:100%;height:auto;min-height:0;margin:120px 0 0;padding:0;border:0}
html[lang="zh-CN"] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-panel{margin-top:0}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-head{display:contents}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-label{order:1;display:block;width:max-content;max-width:100%;padding:0;background:linear-gradient(167.52101198723335deg,#fff 41.138%,rgba(255,255,255,.2) 103.57%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:26px;line-height:36px;font-weight:900;text-align:center}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-label-standard{display:none}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-label-mobile{display:inline}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-label-mobile .heading-latin{font-family:"SF Pro",var(--display);font-weight:860;font-variation-settings:"wdth" 100}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-note{display:none}
html[lang] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-steps{position:relative;order:3;display:grid;grid-template-columns:1fr;width:min(250px,100%);height:auto;min-height:0;gap:24px;margin:40px 4px 0 0;padding:0 0 8px}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .fstep{display:grid;grid-template-columns:44px minmax(0,1fr);gap:24px;align-items:center;min-height:74px;padding:0;border:0}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .fnum{position:relative;grid-column:1;inset:auto;width:44px;height:44px;margin:0;font-size:16px;line-height:19px;font-weight:700}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .ftext{grid-column:2;text-align:left}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .ftext b{margin:0;font-size:18px;line-height:26px;font-weight:800;color:rgba(255,255,255,.6)}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .fstep:is(.on,.done) .ftext b{color:#fff}
html[lang] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-steps>.fstep>.ftext>i{margin-top:4px;font-size:12px;line-height:22px;white-space:normal;color:rgba(255,255,255,.5)}
html[lang] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-steps>.fstep:is(.on,.done)>.ftext>i{color:rgba(255,255,255,.7)}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-rail{display:block;position:absolute;left:21px;right:auto;top:37px;bottom:37px;width:2px;height:auto;background:rgba(255,255,255,.16)}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-rail-fill{width:2px!important;height:100%;transform-origin:center top;background:#138dff;box-shadow:0 0 8px #138dff}
@media(prefers-reduced-motion:reduce){[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-rail-fill{transition:none}}
html[lang] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-cta-btn{order:4;align-self:center;justify-self:auto;margin:40px auto 0;width:max-content;min-width:146px;height:48px;min-height:48px;padding-inline:16px;font-size:16px;line-height:22px;gap:10px}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .flow-cta-btn>.arr{width:20px;height:20px}
.mm-home #reg{padding:0 0 50px!important}
.mm-home #reg .reg-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%;height:auto}
.mm-home #reg .reg-info{display:contents}
.mm-home #reg .reg-info>h2{grid-row:1;width:max-content;max-width:min(302px,100%);height:auto;min-height:72px;margin:0 auto;position:static;text-align:center}
.mm-home #reg .reg-title-line{display:block}
.mm-home #reg .reg-title-separator{display:none}
.mm-home #reg .reg-info>.lead{grid-row:2;width:100%;max-width:259px;min-height:34px;height:auto;margin:8px auto 0;position:static;text-align:center}
html[lang^="zh"] .mm-home #reg .reg-info>.lead{white-space:pre-line;text-wrap:wrap}
.mm-home #reg .reg-visual{grid-row:3;width:358px;max-width:100%;height:369px;min-height:0;aspect-ratio:auto;left:auto;margin:20px auto 0;transform:none}
.mm-home #reg :is(#globe3d,.reg-globe-poster,.glabels){inset:auto;left:calc(50% - 195.5px);top:-1.584px;width:391px;height:381px}
/* Extend the live render surface without changing its resting projection.
The zoom spring lowers the globe into the cards; its fade stays at their
top edge, while the upper hemisphere grows out of the resting soft mask. */
.mm-home #reg :is(#globe3d,.glabels){
left:calc(50% - 391px);top:-221.584px;width:782px;height:821px;
transform:translateY(var(--reg-globe-shift,0px))
}
.mm-home #reg #globe3d{
--reg-globe-mask:radial-gradient(ellipse calc(203.32px + var(--reg-globe-mask-spread,0px)) calc(198.12px + var(--reg-globe-mask-spread,0px)) at 50% 410.5px,#000 0 58%,rgba(0,0,0,.92) 68%,rgba(0,0,0,.5) 86%,transparent 100%),linear-gradient(to bottom,#000 0 calc(620.584px - var(--reg-globe-shift,0px)),rgba(0,0,0,.8) calc(663.584px - var(--reg-globe-shift,0px)),rgba(0,0,0,.25) calc(731.584px - var(--reg-globe-shift,0px)),transparent calc(781.584px - var(--reg-globe-shift,0px)));
-webkit-mask-image:var(--reg-globe-mask);mask-image:var(--reg-globe-mask);
-webkit-mask-composite:source-in;mask-composite:intersect
}
.mm-home #reg .reg-grid{grid-row:4;position:relative;width:100vw;height:341px;margin:-56px calc(50% - 50vw) 0;overflow:visible;--reg-stage-w:100vw}
.mm-home #regGrid .reg-card-slot{--reg-card-perspective:328.125px;--reg-material-scale:.78125;width:159.375px;height:137.5px;max-width:none;top:166.75px;border-radius:15.625px}
/* Figma crops the desktop composition at 25/32. Scale its complete material
plane so SVG corners, glass, thickness and reflections keep that ratio. */
.mm-home #regGrid .reg-card-plane{
inset:auto;left:calc((100% - 100% / var(--reg-material-scale)) / 2);top:calc((100% - 100% / var(--reg-material-scale)) / 2);
width:calc(100% / var(--reg-material-scale));height:calc(100% / var(--reg-material-scale));
transform:scale(calc(var(--reg-scale) * var(--reg-material-scale)))
}
.mm-home #regGrid .reg-card-slot.is-center .reg-reflection{-webkit-mask-image:none;mask-image:none}
@supports (background-image:-webkit-named-image(i)){
html:not(.wire) .mm-home #regGrid .reg-native-copy::after{
inset:auto;left:calc((100% - 100% / var(--reg-material-scale)) / 2);top:calc((100% - 100% / var(--reg-material-scale)) / 2);
width:calc(100% / var(--reg-material-scale));height:calc(100% / var(--reg-material-scale));
transform:scale(var(--reg-material-scale))
}
}
html:not(.wire) .mm-home #reg::before{background:linear-gradient(180deg,rgba(7,12,27,0),#070c1b)}
.mm-home .cta.cta-full{height:auto;min-height:0;padding:0 16px 366px;border:0;border-radius:0;background:none;overflow:visible}
.mm-home .stack-layer:has(>.cta.cta-full){overflow:visible}
.mm-home .cta.cta-full::before{content:none}
.mm-home .cta.cta-full .cta-inner{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;height:auto;padding:0;text-align:center;overflow:visible}
.mm-home .cta.cta-full .pay-heading{min-height:0;position:relative;order:0;display:flex;justify-content:center;align-items:center;width:100%;margin:0 0 28px;gap:0}
.mm-home .cta.cta-full .pay-label{width:231px;max-width:100%;height:auto;margin:0;font-size:26px;line-height:36px;font-weight:900;text-align:center;text-wrap:balance}
.mm-home .cta.cta-full .pay-label-text{line-height:36px;text-wrap:wrap}
.mm-home .cta.cta-full .pay-strip{order:1;position:relative;left:auto;transform:none;width:100vw;height:136px;margin:0 calc(50% - 50vw) 130px;padding:0;overflow-x:auto;overflow-y:hidden;touch-action:pan-y;scroll-snap-type:none}
.mm-home .cta.cta-full .pay-strip.is-pay-marquee-ready{display:block;overflow:hidden;cursor:grab}
.mm-home .cta.cta-full .pay-strip.is-dragging{cursor:grabbing}
.mm-home .cta.cta-full .pay-marquee-track{display:flex;flex-direction:column;width:max-content;height:136px;padding:0;transform:none}
.mm-home .cta.cta-full .pay-strip.is-motion-active .pay-marquee-row{will-change:transform}
.mm-home .cta.cta-full .pay-marquee-row{position:relative;display:flex;flex:none;align-items:flex-start;width:max-content;height:74px;padding-top:9.875px;gap:13.166667px;transform:translate3d(var(--pay-marquee-x,0px),0,0)}
.mm-home .cta.cta-full .pay-marquee-row-secondary{margin-top:-12px;transform:translate3d(var(--pay-marquee-secondary-x,0px),0,0)}
html:not(.wire) .mm-home .cta.cta-full .pay-badge{flex:0 0 57.604167px;width:57.604167px;height:39.5px;border-radius:11.520833px;transform:perspective(263.333333px) rotateX(3.5deg) rotateY(-22deg) scale(.97)}
html:not(.wire) .mm-home .cta.cta-full .pay-badge::before,
html:not(.wire) .mm-home .cta.cta-full .pay-badge::after{inset:.822917px -1.645833px -2.46875px 1.645833px;border-radius:11.520833px 14.8125px 14.8125px 13.166667px}
html:not(.wire) .mm-home .cta.cta-full .pay-badge::before{transform:translate3d(1.645833px,.822917px,-6.583333px)}
html:not(.wire) .mm-home .cta.cta-full .pay-badge::after{transform:translate3d(1.645833px,.822917px,-5.760417px)}
@media(prefers-reduced-motion:reduce){html:not(.wire) .mm-home .cta.cta-full .pay-badge{transform:perspective(263.333333px) rotateX(3.5deg) rotateY(-22deg) scale(.97)!important}}
html:not(.wire) .mm-home .cta.cta-full .pay-badge :is(svg,img){width:57.604167px;height:39.5px;border-radius:11.520833px;clip-path:inset(0 round 11.520833px)}
.mm-home .cta.cta-full .pay-strip:focus-visible{outline:2px solid #a5dbff;outline-offset:-2px}
.mm-home .cta.cta-full h2.h-1{order:2;width:100%;height:auto;margin:0;text-align:center}
.mm-home .cta.cta-full .lead{order:3;width:100%;max-width:310px;height:auto;margin:8px auto 36px;text-align:center}
html[lang^="zh"] .mm-home .cta.cta-full .lead{width:max-content;max-width:100%;text-wrap:wrap}
.mm-home .cta.cta-full .cta-inner>.btn{order:4;width:max-content;min-width:131px;height:48px;min-height:48px;margin:0 auto;padding:0 16px 0 24px;gap:8px;font-size:16px;line-height:22px}
.mm-home .cta.cta-full .cta-inner>.btn .arr{width:20px;height:20px}
html:not(.wire) .mm-home .cta.cta-full>.cta-bg-orbit{opacity:1;overflow:visible;inset:auto 0 -82px;height:968px;z-index:0;pointer-events:none}
html:not(.wire) .mm-home .cta.cta-full>.cta-bg-orbit>.cta-bg-frame{width:780px;height:968px;left:50%;top:0;transform:translateX(-50%)}
html:not(.wire) .mm-home .cta.cta-full>.cta-bg-orbit>.cta-bg-frame>.cta-bg-picture>img{width:780px;height:968px;object-fit:contain;object-position:50% 50%}
html:not(.wire) .mm-home .cta.cta-full>.cta-bg-orbit>.cta-bg-frame::after{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(180deg,#070c1b 25.213%,rgba(7,12,27,0) 48.471%,rgba(7,12,27,0) 75.83%,#070c1b 100%);pointer-events:none}
[data-site-shell="footer"]#contact.foot{--footer-divider:rgba(255,255,255,.28);position:relative;z-index:4;padding:0 0 40px;border:0;background:transparent}
[data-site-shell="footer"]#contact>.wrap{width:100%;margin-inline:auto;padding-inline:24px}
[data-site-shell="footer"]#contact .foot-bottom{gap:0;padding:0}
[data-site-shell="footer"]#contact .foot-brand>.brand{height:30px;min-height:30px;margin:0 0 12px;padding:0}
[data-site-shell="footer"]#contact .foot-logo{width:153.44px;height:30px}
[data-site-shell="footer"]#contact .foot-brand>p{width:284px!important;max-width:100%!important;height:auto;min-height:0;margin:0;font-size:14px;line-height:22px}
html[lang^="zh"] [data-site-shell="footer"]#contact .foot-brand>p{white-space:pre-line;text-wrap:wrap}
:is([data-site-shell="footer"]#contact .foot-brand,.mm-mobile-bottom-nav-ready #drawer .drawer-mobile-social)>.foot-social{--social-tile-size:42px;order:3;width:100%!important;max-width:342px;height:auto;margin:28px 0;display:grid;grid-template-columns:repeat(6,42px);gap:18px clamp(8px,calc((100vw - 300px)/5),18px);justify-content:space-between}
[data-site-shell="footer"]#contact .foot-brand>.foot-social{margin-block:36px}
:is([data-site-shell="footer"]#contact .foot-brand,.mm-mobile-bottom-nav-ready #drawer .drawer-mobile-social)>.foot-social>.social-link{grid-column:auto!important;justify-self:start}
html[lang="th"] :is([data-site-shell="footer"]#contact .foot-brand,.mm-mobile-bottom-nav-ready #drawer .drawer-mobile-social)>.foot-social{grid-template-columns:repeat(5,42px)}
html[lang="th"] :is([data-site-shell="footer"]#contact .foot-brand,.mm-mobile-bottom-nav-ready #drawer .drawer-mobile-social)>.foot-social>.social-th{grid-column:auto!important}
/* Figma uses inside strokes: one divider per boundary, without adding height. */
[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready .foot-col:not(.foot-brand){display:flex;flex-direction:column;width:100%;margin:0;border:0;box-shadow:inset 0 1px var(--footer-divider)}
[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready .foot-col:not(.foot-brand):nth-child(2){margin-top:8px}
[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready .foot-col:not(.foot-brand):last-child{margin-bottom:8px;border:0;box-shadow:inset 0 1px var(--footer-divider),inset 0 -1px var(--footer-divider)}
[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready .foot-col:not(.foot-brand)>:is(h2,h5){min-height:56px;margin:0;padding:12px 0;font-family:"Alibaba PuHuiTi 3.0",var(--body);font-size:16px;line-height:22px;font-weight:800;letter-spacing:1.44px}
[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready .foot-col.is-mobile-footer-open{display:flex;padding-bottom:22px;gap:0}
[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready .foot-col.is-mobile-footer-open>:is(h2,h5){min-height:56px;padding-bottom:12px}
[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready .foot-col.is-mobile-footer-open>a{height:auto;min-height:28px;margin:0 0 8px;padding:0;font-family:"SF Pro",var(--body);font-size:14px;line-height:28px;font-weight:400;letter-spacing:0}
[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready .foot-col.is-mobile-footer-open>a:last-child{min-height:28px;margin-bottom:0}
[data-site-shell="footer"]#contact .legal{display:flex;flex-direction:column;gap:0;margin-top:36px;padding:0;border:0;color:rgba(255,255,255,.6)}
[data-site-shell="footer"]#contact .legal :is(p,li){font-size:12px;line-height:22.25px;letter-spacing:0;color:rgba(255,255,255,.6)}
[data-site-shell="footer"]#contact .legal>p{margin:0 0 12px}
[data-site-shell="footer"]#contact .legal-entities{margin:0;gap:12px}
[data-site-shell="footer"]#contact .legal-top{order:2;display:flex;flex-direction:column;gap:24px;margin:24px 0 0}
[data-site-shell="footer"]#contact .legal-links{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;gap:8px 10px}
[data-site-shell="footer"]#contact .legal-links a{min-height:24px;padding:0;font-size:14px;line-height:24px;font-weight:700;letter-spacing:0}
[data-site-shell="footer"]#contact .legal .legal-contact{width:100%;padding-top:20px;border-top:1px solid var(--footer-divider);font-family:"SF Pro",var(--body);font-size:12px;font-weight:590;line-height:14px;letter-spacing:0;text-align:left;color:#fff}
[data-site-shell="footer"]#contact .legal-contact-info{display:block;width:309px;max-width:100%;text-align:left}
[data-site-shell="footer"]#contact .legal-contact-label{display:none}
[data-site-shell="footer"]#contact .legal .legal-contact a{display:inline;min-height:0;line-height:14px;text-decoration:none}
[data-site-shell="footer"]#contact .legal .legal-contact a:hover{text-decoration:underline;text-underline-offset:2px}
[data-site-shell="footer"]#contact .legal .copy{order:3;margin:24px 0 0;padding:20px 0 0;border-top:1px solid var(--footer-divider);font-size:12px;line-height:24px;letter-spacing:0;color:rgba(255,255,255,.8)}
@media(max-width:370px){
.mm-home #top .hero-headline{font-size:25px;line-height:35px}
.mm-home #platforms .pg-text{padding-inline:24px}
:is([data-site-shell="footer"]#contact .foot-brand,.mm-mobile-bottom-nav-ready #drawer .drawer-mobile-social)>.foot-social{--social-tile-size:36px;grid-template-columns:repeat(6,36px);gap:14px 8px}
}
@media(max-width:350px){
.mm-home #platforms .apptrader-panel .pg-text{padding-inline:14px}
.mm-home #platforms .apptrader-panel .feat{column-gap:8px}
.mm-home #platforms .apptrader-panel .feat li{gap:8px}
}
.mm-home #proof .awards-head{
display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;
column-gap:4px;row-gap:8px;width:100%;max-width:100%;margin:100px auto 48px;text-align:center
}
.mm-home #proof .awards-head h2{order:1;flex:0 0 100%;margin:0;font-size:26px;line-height:36px}
.mm-home #proof .award-stat-line{display:contents}
.mm-home #proof .award-stat-line .lead{order:2;flex:0 0 100%;font-size:12px;line-height:17px;margin:0}
.mm-home #proof .award-stat-divider{display:none}
.mm-home #proof :is(.award-stat-num,.award-stat-sep){display:none;order:0;font-size:14px;line-height:18px;letter-spacing:1.6px}
.mm-home #proof .mm-mobile-award-nav:not([hidden]){display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:6px;margin-bottom:48px}
.mm-home #proof .mm-mobile-award-dots{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:6px;height:24px;padding:8px 10px;border-radius:999px;background:none;border:0;box-shadow:none}
.mm-home :is(#proof .mm-mobile-award-glass,#top .mm-mobile-hero-glass){display:block;--nav-glass-surface:url(../../exports/home-mobile/surfaces/surface-award-pagination.svg?v=64178d0c621b);--nav-glass-shadow-y:4px;--nav-glass-shadow-blur:12px;--nav-glass-inner-blur:7px;position:absolute;z-index:-1;inset:0;border-radius:inherit;overflow:hidden;clip-path:inset(0 round 999px);pointer-events:none}
.mm-home #proof .mm-mobile-award-dot{position:relative;width:8px;height:8px;min-width:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer}
.mm-home #proof .mm-mobile-award-dot{appearance:none;-webkit-appearance:none;transition:background .25s,box-shadow .25s}
.mm-home #proof .mm-mobile-award-dot:focus-visible{outline:1px solid #a5dbff;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.mm-home #proof .mm-mobile-award-dot:not([aria-pressed="true"]):hover{background:rgba(255,255,255,.4)}}
.mm-home #proof .mm-mobile-award-dot::after{content:"";position:absolute;inset:-8px -3px}
.mm-home #proof .mm-mobile-award-dot[aria-pressed="true"]{background:#138dff;box-shadow:0 0 10px rgba(19,141,255,.6)}
.mm-home #proof .mm-mobile-award-yearline{display:flex;align-items:center;justify-content:center;gap:clamp(20px,10.25vw,40px);padding-top:12px}
.mm-home #proof .mm-mobile-award-year{font-family:var(--mono-bold);font-size:70px;font-weight:700;line-height:80px;color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums}
.mm-home #proof .mm-mobile-award-arrow{position:relative;isolation:isolate;display:grid;place-items:center;flex:none;width:44px;height:44px;padding:12px;border:0;border-radius:100px;background:transparent;cursor:pointer}
.mm-home #proof .mm-mobile-award-arrow img{display:block;width:20px;height:20px;max-width:none}
.mm-home #proof .mm-mobile-award-arrow:not(:disabled){background:none;border:0;box-shadow:none}
.mm-home #proof .mm-mobile-award-arrow:not(:disabled)::before{content:"";position:absolute;z-index:-2;inset:-2px 6px 4px;border-radius:inherit;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.6) 52.885%,rgba(19,141,255,.6) 100%);filter:blur(6px);pointer-events:none}
.mm-home #proof .mm-mobile-award-arrow:not(:disabled)::after{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:var(--mm-control-blue-314) center/100% 100% no-repeat;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}
.mm-home #proof .mm-mobile-award-arrow:disabled{cursor:default;opacity:1}
.mm-home #proof .mm-mobile-award-count{display:inline-flex;align-items:baseline;gap:4px;border-top:1px solid rgba(255,255,255,.24);padding-top:15px;font-family:var(--mono);font-size:14px;font-weight:500;line-height:18px;letter-spacing:1.6px;color:rgba(255,255,255,.6)}
.mm-home #proof .mm-mobile-award-count b{font-family:var(--mono-bold);color:#fff}
.mm-home #proof .awards-years.is-mobile-awards{padding:0;margin:0 0 120px;overflow:visible;max-height:none;-webkit-mask-image:none;mask-image:none}
.mm-home #proof .is-mobile-awards .award-year-row{display:none!important;margin:0;padding:0;border:0;gap:0;width:100%}
.mm-home #proof .is-mobile-awards .award-year-row.is-mobile-year{display:block!important}
.mm-home #proof .awards-years.is-mobile-year-moving{position:relative;width:100vw;height:179px;margin-left:calc(50% - 50vw);overflow-x:clip;overflow-y:visible;pointer-events:none}
.mm-home #proof .is-mobile-year-moving .award-year-row.is-mobile-year-sliding{display:block!important;position:absolute;inset:0;opacity:1;transform:translate3d(0,0,0);clip-path:inset(-40px calc((100% - var(--mm-mobile-award-year-span)) / 2 - var(--mm-mobile-award-year-phase)) -80px calc((100% - var(--mm-mobile-award-year-span)) / 2 + var(--mm-mobile-award-year-phase)));transition:none;will-change:transform}
.mm-home #proof .is-mobile-year-moving .award-year-row.is-mobile-year-sliding .award-year-grid{overflow:visible}
.mm-home #proof .is-mobile-awards .award-year-rail{display:none}
.mm-home #proof .is-mobile-awards .award-year-grid{
--mm-award-card-width:min(280px,calc(100vw - 64px));
position:relative;display:block;flex:none;width:100vw;height:179px;min-height:179px;
margin:0 calc(50% - 50vw);padding:0;overflow-x:clip;overflow-y:visible;
scroll-snap-type:none;scroll-padding:0;touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;-webkit-user-select:none
}
.mm-home #proof .is-mobile-awards .award-year-grid.is-mobile-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}
.mm-home #proof .is-mobile-awards .award{
--award-radius:24px;
--award-surface-front:url(../../exports/home-mobile/surfaces/surface-award-card-default.svg);
--award-surface-back:url(../../exports/home-mobile/surfaces/surface-award-card-back.svg);
position:absolute;left:50%;top:0;display:block!important;width:var(--mm-award-card-width);height:179px;min-height:179px;
margin:0 0 0 calc(var(--mm-award-card-width) / -2);padding:0;scroll-snap-align:none;
transform:translate3d(var(--mm-mobile-award-x,0px),0,0) scale(var(--mm-mobile-award-scale,1));
opacity:var(--mm-mobile-award-opacity,1);transform-origin:center;transition:none
}
.mm-home #proof .is-mobile-awards .award.is-mobile-away{visibility:hidden;pointer-events:none}
.mm-home #proof .is-mobile-awards .award.is-mobile-current{z-index:2}
.mm-home #proof .is-mobile-awards .is-mobile-moving .award:not(.is-mobile-away){will-change:transform}
.mm-home #proof .is-mobile-awards :is(.award-inner,.award-face){width:100%;height:179px;min-height:179px;border-radius:24px}
.mm-home #proof .is-mobile-awards .award-face{padding:16px;gap:12px}
.mm-home #proof .is-mobile-awards .award-face.front{padding:17px;justify-content:space-between}
.mm-home #proof .is-mobile-awards .award-face.back{padding:28px;justify-content:center;gap:8px}
.mm-home #proof .is-mobile-awards .aw-back-yr{font-size:28px;line-height:24px;letter-spacing:1.2px;color:#fff}
.mm-home #proof .is-mobile-awards .aw-sp-row{position:relative;display:flex;align-items:center;gap:0;width:100%;min-width:0}
.mm-home #proof .is-mobile-awards .aw-laurel{position:static;display:block;flex:0 0 44px;width:44px;height:73px;opacity:1;transform:none}
.mm-home #proof .is-mobile-awards .aw-laurel.flip{transform:scaleX(-1)}
.mm-home #proof .is-mobile-awards .aw-sp-nm{flex:1;min-width:0}
.mm-home #proof .is-mobile-awards .aw-img{width:60px;height:60px;margin:0}
.mm-home #proof .is-mobile-awards .aw-yr{font-size:28px;line-height:24px;letter-spacing:1.2px}
.mm-home #proof .is-mobile-awards .award .nm{font-size:var(--award-fit-name-size,14px);line-height:var(--award-fit-name-line,20px);letter-spacing:.02em}
.mm-home #proof .is-mobile-awards .aw-strip{font-size:var(--award-fit-strip-size,12px);line-height:var(--award-fit-strip-line,20px);padding-top:8px;font-family:"SF Pro",var(--body);font-weight:510;letter-spacing:0}
.mm-home #proof .is-mobile-awards .award[data-award-name-lines][data-award-strip-lines] .aw-img{width:50px;height:50px}
.mm-home #proof .is-mobile-awards .award[data-award-name-lines][data-award-strip-lines] .aw-body{gap:4px}
.mm-home #proof .is-mobile-awards .award[data-award-strip-lines] .aw-strip{padding-top:6px;line-height:var(--award-fit-strip-line,17px)}
.mm-home #proof .is-mobile-awards .aw-sp-nm{font-family:"SF Pro",var(--body);font-size:var(--award-fit-publisher-size,12px);line-height:var(--award-fit-publisher-line,20px)}
@supports (background-image:-webkit-named-image(i)){
/* WebKit can composite the hidden face through its sibling. The committed
.9s desktop flip crosses its edge at .45s; switch visibility at that edge. */
.mm-home #proof .is-mobile-awards .award-face{visibility:visible;transition:background .4s,box-shadow .4s,border-color .4s,visibility 0s}
@media(prefers-reduced-motion:no-preference){
/* Only a flip waits for its edge. A card entering the carousel paints immediately. */
.mm-home #proof .is-mobile-awards .award:is([data-flip-phase="forward"],[data-flip-phase="returning"]) .award-face{transition-delay:0s,0s,0s,.45s}
}
.mm-home #proof .is-mobile-awards .award.is-mobile-away .award-face{visibility:hidden;transition:none}
.mm-home #proof .is-mobile-awards .award.is-flipped .award-face.front,
.mm-home #proof .is-mobile-awards .award:not(.is-flipped) .award-face.back{visibility:hidden}
@media(prefers-reduced-motion:reduce){
.mm-home #proof .is-mobile-awards .award-face{transition:none}
}
}
.mm-home #proof .mm-mobile-award-card-step:not([hidden]){position:absolute;top:0;bottom:0;left:0;z-index:3;width:max(44px,calc((100% - var(--mm-award-card-width)) / 2 - 20px));padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}
.mm-home #proof .mm-mobile-award-card-step.is-next{left:auto;right:0}
.mm-home #proof .mm-mobile-award-card-step:focus-visible{outline:2px solid #138dff;outline-offset:-3px;background:rgba(19,141,255,.12)}
.mm-home #proof .award-more-wrap{display:none}
@media (max-width:760px) and (prefers-reduced-motion:reduce) {
.mm-home #proof .is-mobile-awards .award{transform:translate3d(var(--mm-mobile-award-x,0px),0,0) scale(var(--mm-mobile-award-scale,1))!important;will-change:auto}
}
/* Keep the stroke inside the card's clip, with its paint masked separately
so translucent fills retain their intended opacity at fractional scales. */
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct{
--mm-mobile-card-stroke-neutral:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22100%25%22 height=%22100%25%22%3E%3Crect width=%22100%25%22 height=%22100%25%22 fill=%22url%28%23s%29%22 fill-opacity=%22.12%22/%3E%3Cdefs%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%22.5%22 x2=%221%22 y2=%22.5%22 gradientTransform=%22matrix%280.6546875268 0.9399999687 -0.8640056502 0.9792157875 0.724190302 -0.4296078659%29%22%3E%3Cstop stop-color=%22white%22/%3E%3Cstop offset=%22.46548453%22 stop-color=%22%2306070b%22 stop-opacity=%220%22/%3E%3Cstop offset=%221%22 stop-color=%22white%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct{--mm-mobile-card-stroke-selected:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22100%25%22 height=%22100%25%22%3E%3Crect width=%22100%25%22 height=%22100%25%22 fill=%22url%28%23s%29%22 fill-opacity=%22.8%22/%3E%3Cdefs%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%22.5%22 x2=%221%22 y2=%22.5%22 gradientTransform=%22matrix%28-1.220994486 0.4882353208 -0.6125017958 -0.4341014182 1.25376476 0.183227144%29%22%3E%3Cstop stop-color=%22%23138dff%22/%3E%3Cstop offset=%221%22 stop-color=%22white%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct{--mm-mobile-card-stroke:var(--mm-mobile-card-stroke-neutral);--mm-mobile-card-fill-neutral:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04)) padding-box;--mm-mobile-card-fill-selected:radial-gradient(331.3214% 133.5041% at 50% 0%,rgba(19,141,255,.2) 5.6894%,rgba(6,7,11,0) 88.7835%) padding-box,linear-gradient(rgba(19,141,255,.24),rgba(19,141,255,.24)) padding-box}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.sel{--mm-mobile-card-stroke:var(--mm-mobile-card-stroke-selected)}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct::before,
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct>.acct-mobile-surface::before{
content:"";display:block;position:absolute;z-index:0;inset:0;width:auto;height:auto;padding:1px;border:0;border-radius:inherit;
background:var(--mm-mobile-card-stroke) center/100% 100% no-repeat;
-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
-webkit-mask-composite:xor;mask-composite:exclude;opacity:1;transform:none;transition:none;mix-blend-mode:normal;pointer-events:none
}
html:not([lang="zh-CN"]) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-grid{
width:100%;margin:32px 0 0;padding:0;display:flex;flex-direction:column;align-items:stretch;gap:12px;
overflow:visible;scroll-snap-type:none;scroll-padding:0;touch-action:pan-y
}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct,[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct{
order:initial!important;position:relative;flex:none;width:100%;height:auto;min-height:0;padding:20px;gap:16px;
border:1px solid transparent;border-radius:20px;background:var(--mm-mobile-card-fill-neutral);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
box-shadow:none;transform:none;scroll-snap-align:none;isolation:isolate;overflow:hidden;transition:box-shadow .38s cubic-bezier(.22,1,.36,1)
}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.sel,[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.sel{
display:flex;flex-direction:column;min-height:378px;padding:20px;gap:16px;border-radius:20px 20px 36px 36px;
border-color:transparent;background:var(--mm-mobile-card-fill-selected);
box-shadow:0 -4px 20px rgba(6,7,11,.8);transform:none
}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct:not(.sel),[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct:not(.sel){
display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;gap:16px;min-height:83px;padding:16px 20px 16px 22px
}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct .acct-head{height:49px;min-height:49px;display:flex;flex-direction:column;gap:8px;padding:0}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct:not(.sel) .acct-head{grid-column:1;grid-row:1;padding:0}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct .acct-en,[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct:not(.sel) .acct-en{padding:0;font-family:var(--display);font-size:14px;font-weight:510;line-height:17px;letter-spacing:0;color:#fff}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct .acct-name,[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct:not(.sel) .acct-name{margin:0;font-size:24px;font-weight:700;line-height:24px;letter-spacing:4px;text-shadow:0 0 20px rgba(19,141,255,.8),0 0 6px rgba(19,141,255,.6)}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct:is(.sel,.is-mobile-account-collapsing) .acct-desc{height:auto;min-height:0;margin:0;font-size:12px!important;line-height:17px!important;font-weight:500;color:#a1d1ff}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct:is(.sel,.is-mobile-account-collapsing) ul{height:auto;min-height:148px;margin:0;padding:0}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct li{height:auto;min-height:37px;padding:9px 0;gap:12px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;line-height:17px}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct li b{font-size:12px;line-height:17px;font-weight:500}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct li:first-child b{font-weight:510;line-height:14px}
html[lang^="zh"] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct li:not(:first-child) b{font-family:"Alibaba PuHuiTi Mobile Latin","Alibaba PuHuiTi 3.0",var(--body)}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct:not(.sel) :is(.acct-desc,ul,.flag){display:none}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct:is(.sel,.is-mobile-account-collapsing)>.flag{top:20px;right:20px;min-height:29px;height:29px;padding:4px 12px 6px;font-size:12px;line-height:17px}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-grid.is-mobile-account-moving{overflow-anchor:none}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.is-mobile-account-moving,[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.is-mobile-account-moving{min-height:0}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct .acct-state,[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.sel .acct-state,[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct:not(.sel) .acct-state{
display:inline-flex;align-self:flex-end;grid-column:2;grid-row:1;width:120px;min-width:120px;height:40px;min-height:40px;margin:0;padding:0 10px 1.75px;font-size:14px;line-height:20px;gap:0
}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.sel .acct-state::before{display:none}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-state::after{inset:-1.75px 5.25px 3.5px}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-state-surface{border:0;background-image:var(--mm-control-neutral-314)}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.sel .acct-state-surface{background-image:var(--mm-control-blue-314)}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.sel::after,
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct>.acct-mobile-surface--selected::after{
content:"";display:block;position:absolute;inset:auto auto 33px 28px;width:59px;height:14px;border:0;border-radius:0;
background:url(../../exports/home-mobile/figma-7947-5783/account-arrows.svg) center/100% 100% no-repeat;
opacity:1;transform:none;pointer-events:none
}
/* Both endpoint paints remain intact; only their opacity follows selection. */
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.is-mobile-account-surface-ready{background:none}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.is-mobile-account-surface-ready::before,
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.is-mobile-account-surface-ready::after,
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.is-mobile-account-surface-ready .acct-state::after{display:none}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct>.acct-mobile-surface{
position:absolute;z-index:0;inset:-1px;border:1px solid transparent;border-radius:inherit;
pointer-events:none;opacity:1;transition:opacity .38s cubic-bezier(.22,1,.36,1)
}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct>.acct-mobile-surface--neutral{background:var(--mm-mobile-card-fill-neutral);--mm-mobile-card-stroke:var(--mm-mobile-card-stroke-neutral)}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct>.acct-mobile-surface--selected{background:var(--mm-mobile-card-fill-selected);--mm-mobile-card-stroke:var(--mm-mobile-card-stroke-selected);opacity:0}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.is-mobile-account-surface-ready .acct-state-surface{background:none}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-mobile-button-surface{
--mm-mobile-button-fill:var(--mm-control-neutral-314);
position:absolute;inset:0;border-radius:inherit;isolation:isolate;
opacity:1;pointer-events:none;transition:opacity .38s cubic-bezier(.22,1,.36,1)
}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-mobile-button-surface--selected{--mm-mobile-button-fill:var(--mm-control-blue-314);opacity:0}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-mobile-button-surface::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--mm-mobile-button-fill) center/100% 100% no-repeat}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-mobile-button-surface::before{
content:"";position:absolute;z-index:-1;inset:-1.75px 5.25px 3.5px;border-radius:1000px;
background:rgba(255,255,255,.16);filter:blur(5px);pointer-events:none
}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-mobile-button-surface--selected::before{background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.6) 52.8846%,rgba(19,141,255,.6) 100%);filter:blur(6px)}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.sel :is(.acct-mobile-surface--neutral,.acct-mobile-button-surface--neutral){opacity:0}
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct.sel :is(.acct-mobile-surface--selected,.acct-mobile-button-surface--selected){opacity:1}
@media(prefers-reduced-motion:reduce){
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct,
html:not(.wire) [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct :is(.acct-mobile-surface,.acct-mobile-button-surface){transition:none}
}
[data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct-state:focus-visible{outline:2px solid #a1d1ff;outline-offset:4px}
html[lang="th"] [data-mm-account-component]:is(#accounts,[data-mm-account-component]) .acct .acct-state{font-size:12px}
}
@media(max-width:760px) and (forced-colors:active){
.mm-home #drawer a:focus-visible{
outline:2px solid Highlight;
outline-offset:-2px;
box-shadow:none
}
}
@media(min-width:561px) and (max-width:760px){
.mm-home #proof .award-year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
html:not(.wire) .mm-home #proof .media-marq{
overflow-x:auto;
overflow-y:hidden;
scroll-padding-inline:28px;
scrollbar-width:none;
touch-action:pan-x pan-y;
cursor:auto;
-webkit-mask-image:none;
mask-image:none
}
html:not(.wire) .mm-home #proof .media-marq::-webkit-scrollbar{display:none}
.mm-home #proof .media-track{transform:none!important;will-change:auto!important}
.mm-home #proof .media-track>img:nth-child(n+14){display:none}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"]{
height:auto;
min-height:0;
overflow:hidden;
-webkit-mask-image:none;
mask-image:none
}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .rev-col{
height:auto;
overflow-x:auto;
overflow-y:hidden;
scroll-snap-type:x mandatory;
scrollbar-width:none;
overscroll-behavior-inline:contain;
touch-action:pan-x pan-y
}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .rev-col::-webkit-scrollbar{display:none}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .rev-track{transform:none!important}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .review-wave{scroll-snap-align:start;scroll-snap-stop:always}
.mm-home #proof .proof-reviews[data-review-axis="horizontal"] .review-wave[aria-hidden="true"]{display:none!important}
}
@media(max-width:330px){
[data-site-shell="footer"]#contact .legal-links{column-gap:16px}
}
@media(max-width:1080px) and (max-height:600px) and (orientation:landscape){
.mm-home :is(#top,#trust,#proof,#platforms,#accounts,#reg,#contact){scroll-margin-top:86px}
.mm-home #drawer>a[data-menu-item="register"]{display:none}
.mm-home :is(#trust,#proof,#platforms,#accounts,#reg){padding-block:52px!important}
.mm-home #trust .exec-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mm-home #trust .exec-col:not(.center){display:contents}
.mm-home #trust .exec-col.center{grid-column:1/-1;grid-row:3;margin-top:8px}
.mm-home #trust .estat{min-height:96px;padding:12px;border:0;border-radius:0;background:transparent;box-shadow:none}
.mm-home .cta.cta-full{height:auto;min-height:0;padding:52px 20px}
.mm-home .cta.cta-full .cta-inner{height:auto;padding:0}
}
/* Figma P2.4 7947:5785 / 7947:6366. Shared phone Header and navigation owner for all pages. */
@media(max-width:760px), (max-width:1080px) and (max-height:600px) and (orientation:landscape){
.mm-home #top.hero{touch-action:pan-y pinch-zoom}
/* Keep the phone viewport width stable when the shared drawer locks scrolling. */
html,body{scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar,
.mm-mobile-bottom-nav-ready .drawer-mobile-scroll::-webkit-scrollbar{display:none;width:0;height:0}
/* Phone Header paints its final shell before the drawer runtime mounts. */
:root #hdr{padding:env(safe-area-inset-top) 0 0;background:#070c1b}
:root #hdr .nav{display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:none;height:56px;padding:12px 16px;gap:6px;border:0;border-radius:0;background:#070c1b;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
:root #hdr :is(.nav-shell-morph,.nav-hover-fx,.nav-links){display:none}
:root #hdr .nav-core{order:0;display:flex;align-items:center;position:static;flex:1;gap:0;height:32px;transform:none}
:root #hdr .brand-center{margin:0;width:126px;height:28px;min-height:28px}
:root #hdr .brand-logo{width:126px;height:28px;max-width:none;object-fit:contain}
:root #hdr .nav-pills{order:1;display:flex;position:static;flex:none;max-width:none;gap:6px;margin:0;opacity:1;transform:none;visibility:visible;transition:opacity .2s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s}
:root #hdr.is-mobile-menu-open .nav-pills{opacity:0;transform:translateY(-6px);visibility:hidden;pointer-events:none;transition-delay:0s,0s,.2s}
:root #hdr .nav-right{order:2;display:flex;position:static;flex:none;gap:0;margin:0;padding:0;transform:none}
:root #hdr .nav-right>:is(.btn-sm,.lang){display:none}
html:not(.wire):root #hdr .prop-pill,html:not(.wire):root #hdr .mm-madrid{display:block;position:relative;width:32px;min-width:32px;height:32px;padding:0;border:0;border-radius:12px;box-shadow:none;transform:none;background:none}
:root #hdr .prop-pill>*{visibility:hidden}
:root #hdr .prop-pill::after{content:"";position:absolute;inset:-4px -6px -8px;background:url(../../exports/home-mobile/figma-7947-5783/header-prop.svg) center/100% 100% no-repeat;border:0;border-radius:0}
html:not(.wire):root #hdr .mm-madrid{background:url(../../exports/home-mobile/figma-7947-5783/header-madrid.png) center/32px 32px no-repeat}
:root #hdr .mm-madrid>*{display:none}
:root #hdr .mm-madrid::before,:root #hdr .mm-madrid::after{display:none}
:root #hdr .menu-btn{position:relative;isolation:isolate;display:grid;flex:0 0 28px;width:28px!important;min-width:28px;height:32px!important;padding:4px 0 4px 4px;border:0;border-radius:0;background:none;box-shadow:none}
:root #hdr .menu-btn svg{opacity:0}
:root #hdr .menu-btn::before,
:root #hdr .menu-btn::after{content:"";position:absolute;display:block;inset:4px 0 4px 4px;width:24px;height:24px;border:0;border-radius:0;background:url(../../exports/home-mobile/figma-7947-5783/header-menu.svg) center/24px 24px no-repeat;box-shadow:none;opacity:1;transform:rotate(0) scale(1);transform-origin:center;transition:opacity .2s ease,transform .28s cubic-bezier(.22,1,.36,1)}
:root #hdr .menu-btn::after{background-image:url(../../exports/home-mobile/figma-8983-9756/close.svg);opacity:0;transform:rotate(-90deg) scale(.7)}
:root #hdr.is-mobile-menu-open .menu-btn::before{opacity:0;transform:rotate(90deg) scale(.7)}
:root #hdr.is-mobile-menu-open .menu-btn::after{opacity:1;transform:rotate(0) scale(1)}
html[lang="th"]:root #hdr .prop-pill{display:none!important}
html.mm-mobile-bottom-nav-ready,
body.mm-mobile-bottom-nav-ready{
--mm-mobile-bottom-nav-gap:max(16px,env(safe-area-inset-bottom));
--mm-mobile-bottom-nav-height:calc(58px + var(--mm-mobile-bottom-nav-gap))
}
html.mm-mobile-bottom-nav-ready{scroll-padding-bottom:var(--mm-mobile-bottom-nav-height)}
body.mm-mobile-bottom-nav-ready{padding-bottom:var(--mm-mobile-bottom-nav-height)}
html[lang^="zh"] body.mm-mobile-bottom-nav-ready{--mm-mobile-copy-font:"Alibaba PuHuiTi Mobile Latin","Alibaba PuHuiTi 3.0",var(--body)}
/* Keep the real scroll position so phone browser controls do not jump on open. */
body.mm-mobile-bottom-nav-ready.mm-drawer-open{position:static;inset:auto}
body.mm-mobile-bottom-nav-ready .menu-btn{display:grid!important}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready{
position:fixed;inset:0;z-index:101;display:block;width:auto;height:100vh;height:100dvh;
min-height:100svh;padding:0;overflow:clip;opacity:1;visibility:visible;
pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background-color .3s ease
}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready>#hdr{z-index:6;right:var(--mm-drawer-scrollbar-compensation,0px);pointer-events:auto;transition:filter .22s ease}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="destination"].open>#hdr{filter:brightness(.36);pointer-events:none}
/* P2.4 9051:8474: full menu and four destination sheets share one option tree. */
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready.open{pointer-events:auto;background:rgba(0,0,0,.64)}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"].open{background:#070c1b}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready>.drawer-mobile-content{
position:absolute;inset:calc(116px + env(safe-area-inset-top)) 0 var(--mm-mobile-bottom-nav-height);z-index:2;
display:flex;flex-direction:column;width:auto;max-height:none;min-width:0;min-height:0;padding:0;
overflow:clip;border:0;border-radius:28px 28px 0 0;background:#070c1b;
-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 -1px 0 rgba(64,97,135,.35),1px 0 0 rgba(64,97,135,.35),-1px 0 0 rgba(64,97,135,.35);
opacity:0;visibility:hidden;pointer-events:none;transform:translateY(24px);
transition:opacity .22s ease,transform .22s cubic-bezier(.2,.7,.2,1),visibility 0s linear .22s
}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready.open>.drawer-mobile-content[aria-hidden="false"]{
opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s
}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-toolbar{
position:relative;z-index:5;display:flex;align-items:center;gap:12px;flex:none;
height:76px;margin:0;padding:20px 24px 0;background:#070c1b
}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-toolbar::before{
content:"";position:absolute;top:8px;left:calc(50% - 18px);width:36px;height:4px;border-radius:4px;background:rgba(255,255,255,.28)
}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-sheet-close{
position:relative;display:block;flex:none;width:44px;height:44px;min-height:44px;margin:0;
padding:0;border:0;border-radius:8px;background:url(../../exports/home-mobile/figma-8983-9756/close.svg) center/24px 24px no-repeat;box-shadow:none;color:#fff;cursor:pointer
}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-sheet-close::before,
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-sheet-close::after{content:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-title{flex:1;min-width:0;margin:0;font-family:var(--body);font-size:20px;font-weight:700;line-height:28px;color:#fff}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-scroll{
flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:8px 24px;
padding:8px max(24px,env(safe-area-inset-right)) 24px max(24px,env(safe-area-inset-left));
-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none
}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-panel{display:block;min-width:0;animation:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-panel[hidden],
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-group-content[hidden]{display:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-panel>h3{display:none;margin:0;font:inherit}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-group-content{display:flex;flex-direction:column;gap:32px;min-width:0}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="destination"] .drawer-mobile-group-content>.drawer-mobile-disclosure-clip,
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="destination"] .drawer-mobile-group-content>.drawer-mobile-disclosure-clip>.drawer-mobile-disclosure-body{display:contents}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-scroll::-webkit-scrollbar{display:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-col{display:block;width:100%;min-width:0;max-width:none;margin:0;padding:0;border:0;background:none;box-shadow:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-heading{display:flex;align-items:center;gap:12px;min-height:24px;margin:0 0 12px;padding:0;border:0;font-family:var(--mm-mobile-copy-font,var(--body));font-size:12px;font-weight:600;line-height:20px;letter-spacing:.2px;color:rgba(210,224,239,.82)}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-heading::before,
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-heading::after{content:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-options{display:flex;flex-direction:column;gap:12px;margin:0;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.05)}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-options>a{
position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:64px;flex:none;
width:100%;margin:0;padding:12px 28px 12px 0;border:0;border-radius:0;background:none;box-shadow:none;
color:#fff;font-family:var(--mm-mobile-copy-font,var(--body));font-size:14px;font-weight:500;line-height:20px;text-align:left;opacity:1;transform:none
}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-options>a::before{content:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-options>a+a::before{
content:"";position:absolute;inset:-6.5px 0 auto;height:1px;width:auto;border:0;border-radius:0;background:rgba(119,144,173,.12);box-shadow:none;opacity:1;transform:none
}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-options>a::after{
content:"";position:absolute;right:0;top:calc(50% - 8px);width:16px;height:16px;border:0;background:url(../../exports/home-mobile/figma-8983-9756/destination.svg) center/16px 16px no-repeat;transform:none
}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-options>a[hidden]{display:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-options>a[aria-disabled="true"]{color:#fff;cursor:default;opacity:1}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-options>a[href]:hover{color:#a5dbff}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mi{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#d2e0ef}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mi>svg{width:24px;height:24px}
/* Mobile calibration uses the existing mobile glyphs inside their unchanged 24px slots. */
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mi.mi-brand-app{--mi-brand-art-size:20.77px}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mi.mi-brand-metatrader{--mi-brand-art-size:21.14px}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mi:is(.mi-brand-app,.mi-brand-metatrader)>svg{width:var(--mi-brand-art-size);height:var(--mi-brand-art-size)}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mt{display:block;flex:1;min-width:0}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mtt{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.112px;color:#fff;white-space:normal}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mtt-label{min-width:0;overflow-wrap:anywhere}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mts{display:block;margin-top:2px;font-size:12px;font-weight:500;line-height:18px;letter-spacing:0;color:rgba(210,224,239,.42);white-space:normal}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .badge{display:inline-flex;align-items:center;height:14px;padding:0 5px;border:0;border-radius:20px;background:#d6002b;color:#fff;font-family:"SF Pro",var(--body);font-size:8px;font-weight:590;line-height:14px;letter-spacing:.32px}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-feature{
display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:12px;align-content:start;width:auto;max-width:none;margin:0;padding:16px;border:0;border-radius:16px;background:rgba(255,255,255,.05);box-shadow:none
}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-feature::before,
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-feature::after{content:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-feature-icon{position:static;grid-column:1;grid-row:1 / span 4;width:24px;height:24px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#d2e0ef}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-feature-icon>svg{width:24px;height:24px}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-feature>:not(.mega-feature-icon){grid-column:2;min-width:0}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-kicker{margin:0 0 7px;font-family:var(--mm-mobile-copy-font,var(--body));font-size:10px;font-weight:600;line-height:16px;letter-spacing:1.4px;color:#ff7186}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-feature-title{margin:0 0 8px;font-size:20px;font-weight:600;font-variation-settings:"wght" 590;line-height:27px;letter-spacing:-.4px}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-feature p{margin:0 0 19px;font-size:12px;font-weight:500;font-variation-settings:"wght" 510;line-height:19px;letter-spacing:0;color:rgba(210,224,239,.42)}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .mega-feature-cta{justify-self:start;display:flex;justify-content:center;align-items:center;width:211px;max-width:100%;height:44px;min-height:44px;margin:0;padding:0 24px;border:0;border-radius:100px;background:none;color:#fff;font-size:16px;line-height:22px;font-weight:800;box-shadow:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-utility,
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-account-actions{display:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="destination"].open>.drawer-mobile-tablist{background:#070c1b;border-radius:0}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"]>.drawer-mobile-content{inset:calc(56px + env(safe-area-inset-top)) var(--mm-drawer-scrollbar-compensation,0px) 0 0;border-radius:0;box-shadow:none;transform:none;transition:opacity .3s ease,visibility 0s linear .3s}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"].open>.drawer-mobile-content{transition-delay:0s}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .drawer-mobile-toolbar{height:0;padding:0}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .drawer-mobile-toolbar::before{content:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .drawer-mobile-sheet-close{display:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .drawer-mobile-title{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .drawer-mobile-scroll{display:flex;flex-direction:column;padding-top:16px;padding-bottom:0}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .drawer-mobile-scroll>*{flex:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] :is(.drawer-mobile-panel,.drawer-mobile-utility,.drawer-mobile-social){opacity:0;transform:translateY(12px);transition:opacity .2s ease,transform .3s cubic-bezier(.22,1,.36,1)}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"].open :is(.drawer-mobile-panel,.drawer-mobile-utility,.drawer-mobile-social){opacity:1;transform:none;transition-delay:var(--drawer-enter-delay,0ms)}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-panel:nth-child(1){--drawer-enter-delay:25ms}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-panel:nth-child(2){--drawer-enter-delay:45ms}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-panel:nth-child(3){--drawer-enter-delay:65ms}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-panel:nth-child(4){--drawer-enter-delay:85ms}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-utility{--drawer-enter-delay:105ms}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-social{--drawer-enter-delay:125ms}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .drawer-mobile-account-actions{position:relative;display:flex;gap:16px;margin:0 0 48px}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-account-actions::after{content:"";position:absolute;left:0;right:0;bottom:-24px;height:1px;background:rgba(119,144,173,.12)}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-account-actions>.btn-sm{display:flex!important;flex:1;justify-content:center;min-width:0;height:48px;min-height:48px;padding:0 16px;color:#fff;font-size:16px;line-height:22px}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .drawer-mobile-panels{display:flex;flex-direction:column;gap:12px}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .drawer-mobile-panel{border-radius:16px;background:rgba(255,255,255,.05)}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .drawer-mobile-panel>h3{display:block}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-disclosure{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 24px;border:0;border-radius:16px;background:none;color:#fff;font-family:var(--body);font-size:16px;font-weight:800;line-height:28px;letter-spacing:1.44px;text-align:left;cursor:pointer}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-disclosure>img{width:20px;height:20px;flex:none;opacity:1}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-disclosure>span{flex:1;min-width:0}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-disclosure::after{content:"";flex:none;width:24px;height:24px;background:url(../../exports/home-mobile/figma-8983-9756/caret-down.svg) center/24px 24px no-repeat;transition:transform .18s ease}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-disclosure[aria-expanded="true"]::after{transform:rotate(180deg)}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] :is(.drawer-mobile-group-content,.lang-menu){display:grid;grid-template-rows:0fr;gap:0;padding:0;opacity:0;visibility:hidden;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1),opacity .2s ease,visibility 0s linear .3s}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] :is(.drawer-mobile-group-content.is-expanded,.lang.open .lang-menu){grid-template-rows:1fr;opacity:1;visibility:visible;transition-delay:0s}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .drawer-mobile-disclosure-clip{display:block;min-height:0;overflow:hidden}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .drawer-mobile-disclosure-body{display:flex;flex-direction:column;gap:32px;padding:8px 24px 24px}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .mega-heading::after,
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-social-heading::after{content:"";flex:1;height:1px;background:rgba(119,144,173,.3)}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .mega-options{padding:0;border-radius:0;background:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .mega-options>a{min-height:56px;padding-block:6px}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .mega-options .mi{display:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .mts{margin-top:3px}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .drawer-mobile-utility{display:block;margin-top:12px}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .lang{display:block;position:relative;width:100%;height:auto;margin:0;border-radius:16px;background:rgba(255,255,255,.05)}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .lang-btn{display:flex;width:100%!important;height:auto!important;min-height:56px;padding:12px 24px;gap:12px;justify-content:flex-start;border:0;border-radius:16px;background:none;box-shadow:none;color:#fff}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .lang-btn::before,
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .lang-btn::after{content:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .lang-globe{width:20px;height:20px}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .lang-label{display:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-language-label{order:1;flex:1;font-family:var(--body);font-size:16px;font-weight:800;line-height:28px;letter-spacing:1.44px;text-align:left}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .lang-chev{order:2;display:block;width:24px;height:24px;margin:0;background:url(../../exports/home-mobile/figma-8983-9756/caret-down.svg) center/24px 24px no-repeat}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .lang-chev path{display:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .lang.open .lang-chev{background-image:url(../../exports/home-mobile/figma-8983-9756/caret-up.svg)}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .lang-menu{--lang-option-fx-inset:24px;position:relative;inset:auto;width:100%;min-width:0;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;backdrop-filter:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .lang-menu::before,
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .lang-menu::after{content:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .lang-menu .drawer-mobile-disclosure-body{gap:0}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .lang-option{min-height:56px;font-weight:500;letter-spacing:-.112px}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .lang-menu.lang-option-fx-ready .lang-option{background-color:transparent}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-social{display:none;flex:none;min-width:0;margin-top:auto;padding:32px 0 max(34px,env(safe-area-inset-bottom));background:#070c1b}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] .drawer-mobile-social{display:block}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-social-heading{display:flex;align-items:center;gap:12px;margin:0 0 24px;min-height:24px;font-family:var(--mm-mobile-copy-font,var(--body));font-size:13px;font-weight:600;line-height:20px;letter-spacing:.2px;color:rgba(210,224,239,.82)}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-social>.foot-social--brand{height:auto;margin:0}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready>.drawer-mobile-tablist{
position:absolute;z-index:3;left:0;right:var(--mm-drawer-scrollbar-compensation,0px);bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
align-items:start;gap:12px;min-width:0;height:var(--mm-mobile-bottom-nav-height);min-height:0;
padding:0 32px var(--mm-mobile-bottom-nav-gap);border:0;border-radius:20px 20px 0 0;
background:linear-gradient(0deg,#000,transparent);-webkit-backdrop-filter:none;backdrop-filter:none;
box-shadow:none;pointer-events:auto;opacity:1;visibility:visible;transition:opacity .18s ease .18s,visibility 0s
}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"].open>.drawer-mobile-tablist{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s, .18s}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready>.drawer-mobile-tablist::before{content:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready :is(.drawer-mobile-glass,.drawer-mobile-highlight){
position:absolute;z-index:0;left:16px;right:16px;top:0;height:58px;border-radius:29px;overflow:hidden;clip-path:inset(0 round 29px);
pointer-events:none
}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-highlight{z-index:1}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready>.drawer-mobile-tablist[hidden]{display:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-tab{
position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
width:auto;min-width:0;height:58px;min-height:58px;padding:0 0 2px;border:0;border-radius:0;
background:none;color:rgba(255,255,255,.7);font-family:var(--body);font-size:10px;font-weight:400;
line-height:10px;text-align:center;cursor:pointer;touch-action:manipulation
}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-tab>span{display:block;min-height:0;line-height:10px;white-space:nowrap}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-tab-icon{position:relative;display:block;width:24px;height:24px;opacity:.7}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-tab-icon>img{display:block;width:100%;height:100%}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-tab::before{content:none}
/* Cover the visual gaps with native button hit areas without moving their contents. */
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-tab::after{content:"";position:absolute;inset:0 -6px}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-tab:first-of-type::after{left:-16px}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-tab:last-of-type::after{right:-16px}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-tab.is-selected,
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-tab[aria-expanded="true"]{color:#fff;font-weight:700;background:none}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-tab.is-selected .drawer-mobile-tab-icon{opacity:1}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready :is(a,button):not(.lang-option):focus-visible{outline:2px solid #a5dbff;outline-offset:3px;text-decoration:none}
html[lang="th"] .mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-tab{font-size:10px;line-height:12px}
html[lang="th"] .mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-tab>span{line-height:12px}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce), (max-width:1080px) and (max-height:600px) and (orientation:landscape) and (prefers-reduced-motion:reduce){
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready,
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready>.drawer-mobile-content,
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"]>.drawer-mobile-content,
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] :is(.drawer-mobile-panel,.drawer-mobile-utility,.drawer-mobile-social),
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="menu"] :is(.drawer-mobile-group-content,.lang-menu),
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready>.drawer-mobile-tablist,
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready>#hdr,
.mm-mobile-bottom-nav-ready #hdr .nav-pills,
.mm-mobile-bottom-nav-ready #hdr .menu-btn::before,
.mm-mobile-bottom-nav-ready #hdr .menu-btn::after,
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-tab,
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-disclosure::after{transition:none;animation:none}
}
@media(max-width:760px) and (forced-colors:active), (max-width:1080px) and (max-height:600px) and (orientation:landscape) and (forced-colors:active){
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready .drawer-mobile-tab[aria-expanded="true"]{border-top:2px solid Highlight;color:Highlight}
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready :is(a,button):focus-visible{outline:2px solid Highlight;outline-offset:-3px}
}
@media(max-width:1080px) and (max-height:600px) and (orientation:landscape){
.mm-mobile-bottom-nav-ready #drawer.is-mobile-drawer-tabs-ready[data-drawer-mode="destination"]>.drawer-mobile-content{top:calc(56px + env(safe-area-inset-top))}
}
/* Disclosure icon: the FAQ mark is also used by the mobile footer. */
:is(.dp .dp-faq-list,[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready) .dp-faq-toggle{
position:relative;
flex:none;
width:32px;
height:32px;
box-sizing:border-box;
border:1px solid transparent;
border-radius:50%;
color:#a1d1ff;
background:transparent;
rotate:0deg;
filter:none;
transition:rotate .32s var(--dp-ease,cubic-bezier(.16,1,.3,1)),border-color .32s,color .2s ease,scale .18s var(--dp-faq-motion,cubic-bezier(.22,1,.36,1)),filter .22s ease;
}
:is(.dp .dp-faq-list,[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready) .dp-faq-toggle::before,
:is(.dp .dp-faq-list,[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready) .dp-faq-toggle::after{
content:"";
position:absolute;
left:50%;
top:50%;
width:12px;
height:1px;
border-radius:0;
background:currentColor;
translate:-50% -50%;
transition:opacity .18s ease,scale .24s var(--dp-faq-motion,cubic-bezier(.22,1,.36,1)),width .24s var(--dp-faq-motion,cubic-bezier(.22,1,.36,1));
}
:is(.dp .dp-faq-list,[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready) .dp-faq-toggle::after{rotate:90deg;scale:1 1}
:is(.dp .dp-faq-list,[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready) :is(.dp-faq-item[open],.foot-col.is-mobile-footer-open) .dp-faq-toggle{
color:#a1d1ff;
border-color:rgba(19,141,255,.45);
filter:none;
rotate:45deg;
}
:is(.dp .dp-faq-list,[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready) :is(.dp-faq-item[open],.foot-col.is-mobile-footer-open) .dp-faq-toggle::after{opacity:1;scale:1 1}
:is(.dp .dp-faq-list,[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready) :is(.dp-enhanced .dp-faq-item[data-dp-faq-controlled="true"][data-dp-faq-expanded="false"],.foot-col:has(>[aria-expanded="false"])) .dp-faq-toggle{color:#a1d1ff;border-color:transparent;filter:none;rotate:0deg}
:is(.dp .dp-faq-list,[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready) :is(.dp-enhanced .dp-faq-item[data-dp-faq-controlled="true"][data-dp-faq-expanded="false"],.foot-col:has(>[aria-expanded="false"])) .dp-faq-toggle::after{opacity:1;scale:1 1}
:is(.dp .dp-faq-list,[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready) :is(summary,h2,h5):focus-visible .dp-faq-toggle{color:var(--dp-faq-accent,#a5dbff);filter:drop-shadow(0 0 6px rgba(19,141,255,.5));scale:1.08}
@media (hover:hover) and (pointer:fine){
:is(.dp .dp-faq-list,[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready) :is(summary,h2,h5):hover .dp-faq-toggle{color:rgba(237,245,253,.92);filter:drop-shadow(0 0 6px rgba(237,245,253,.32));scale:1.08}
}
:is(.dp .dp-faq-list,[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready) :is(summary,h2,h5):active .dp-faq-toggle{scale:.88}
@media (prefers-reduced-motion:reduce){
:is(.dp .dp-faq-list,[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready) :is(.dp-faq-toggle,.dp-faq-toggle::before,.dp-faq-toggle::after){transition:none!important}
:is(.dp .dp-faq-list,[data-site-shell="footer"]#contact.is-mobile-footer-accordion-ready) .dp-faq-toggle{scale:1!important}
}