@font-face{font-family:'Bricolage Grotesque';src:url('/landing/fonts/bricolage.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+20-7E,U+A0-A3,U+A5-AC,U+AE-107,U+10A-113,U+116-11B,U+11E-123,U+126-12B,U+12E-133,U+136-137,U+139-13E,U+141-148,U+14A-14D,U+150-15B,U+15E-161,U+164-165,U+168-17E,U+1A0-1A1,U+1AF-1B0,U+1CD-1CE,U+218-21B,U+237,U+300-304,U+306-30C,U+312,U+31B,U+323,U+326-328,U+1E80-1E85,U+1E9E,U+1EA0-1EF9,U+2000-200B,U+2013-2014,U+2016,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+202F-2030,U+2032-2033,U+2039-203A,U+2044,U+20A1,U+20A4,U+20A6,U+20A8-20A9,U+20AB-20AE,U+20B1-20B2,U+20B4-20B5,U+20B8-20BA,U+20BC-20BF,U+2113,U+2116,U+2122,U+2126,U+212E,U+2190-2193}
@font-face{font-family:'Figtree';src:url('/landing/fonts/figtree.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+D,U+20-7E,U+A0-AC,U+AE-113,U+116-127,U+12A-12B,U+12E-137,U+139-13E,U+141-148,U+14A-14D,U+150-161,U+164-165,U+16A-17E,U+1CD-1CE,U+218-21B,U+237,U+300-304,U+306-308,U+30A-30C,U+312,U+326-328,U+1E80-1E85,U+1E9E,U+1EF2-1EF3,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2039-203A,U+2044,U+20AC,U+20B9,U+2122,U+2190-2193,U+2196-2199}
@font-face{font-family:'Caveat';src:url('/landing/fonts/caveat.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+0,U+D,U+20-7E,U+A0-17E,U+18F,U+192,U+1C4-1CC,U+1D4,U+1E5,U+1E7,U+1E9-1EB,U+1EF,U+1F1-1F5,U+1FA-21B,U+21F,U+237,U+300-304,U+306-308,U+30A-30C,U+30F,U+311,U+323,U+326-328,U+335,U+1E0C-1E0D,U+1E24-1E25,U+1E44-1E45,U+1E5A-1E5B,U+1E62-1E63,U+1E6C-1E6D,U+1E80-1E85,U+1E92-1E93,U+1EB8-1EB9,U+1EBC-1EBD,U+1ECA-1ECD,U+1EE4-1EE5,U+1EF2-1EF3,U+1EF8-1EF9,U+2010,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2032-2033,U+2039-203A,U+2044,U+2052,U+20A1,U+20A3-20A4,U+20A6,U+20A9,U+20AC,U+20AE,U+20B4,U+20B8-20BA,U+20BD,U+2116,U+2120,U+2122}
@font-face{font-family:'Noto Sans';src:url('/landing/fonts/noto-sans.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+0,U+D,U+20-7E,U+A0-24F,U+300-36F,U+400-52F,U+1C80-1C88,U+1E00-1EFF,U+2000-2064,U+2066-206F,U+20A0-20C0,U+2100-214F,U+25CC,U+2DE0-2DFF,U+A640-A69F}
@font-face{font-family:'Noto Sans SC';src:url('/landing/fonts/noto-sc.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+20-7D,U+A9,U+B7,U+D7,U+E1,U+E7,U+E9-EA,U+ED,U+F1,U+F3,U+41A,U+41E-420,U+422-423,U+429,U+430-443,U+445-448,U+44C,U+44E-44F,U+1EBF,U+1EC7,U+201C-201D,U+2022,U+2026,U+2192,U+3001-3002,U+4E00,U+4E09-4E0B,U+4E0D-4E0E,U+4E13,U+4E1A,U+4E2A,U+4E2D,U+4E34,U+4E3A-4E3B,U+4E48-4E49,U+4E4B-4E4C,U+4E5F-4E60,U+4E66,U+4E86,U+4E8B,U+4E8E,U+4E9A-4E9B,U+4EA4,U+4EAB,U+4EBA,U+4EC0,U+4ECE,U+4ED6,U+4ED8,U+4EE5,U+4EEC,U+4EF6,U+4EFB,U+4F1A,U+4F20,U+4F2F,U+4F46,U+4F4F,U+4F55,U+4F7F,U+4F8B,U+4F9B,U+4FBF,U+4FC3-4FC4,U+4FDD,U+4FE1,U+5012,U+503C,U+5047,U+504F,U+505A,U+5065,U+50A8,U+50AC,U+50CF,U+5141,U+5143,U+5148,U+514B,U+514D,U+5170,U+5173,U+5176,U+5185,U+518C-518D,U+5199,U+51B0,U+51B3,U+51FA,U+5206,U+5219,U+521D,U+5220,U+5229,U+522B,U+5230,U+524D,U+52A0-52A1,U+52A8-52A9,U+533B,U+5355,U+5357,U+535A,U+5361,U+5370,U+5373,U+539F,U+53BB,U+53C2,U+53CA,U+53CC,U+53D1,U+53D6,U+53EA,U+53EF,U+53F7,U+5408,U+540C,U+540E,U+5417,U+5426,U+542B,U+542F,U+548C,U+54A8,U+54C1,U+54EA,U+552E,U+5546,U+5668,U+56DE,U+56E0,U+56FE,U+5728,U+5730,U+573A,U+5740,U+5747,U+58EB,U+58F0,U+5904,U+5916,U+591A,U+5927,U+5929,U+5947,U+597D,U+5982,U+59CB,U+5A01,U+5B50,U+5B58,U+5B66,U+5B69,U+5B83,U+5B89,U+5B8C,U+5B9A,U+5B9E,U+5BB6,U+5BB9,U+5BC6,U+5BF9,U+5BFB,U+5C01,U+5C06,U+5C31,U+5C3C,U+5C49,U+5C4F,U+5C5E,U+5DF1-5DF2,U+5E2E,U+5E38,U+5E55,U+5E76,U+5E94,U+5E97,U+5EB7,U+5EFA,U+5F00,U+5F0F,U+5F20,U+5F55,U+5F8B,U+5F97,U+5FB7,U+5FC5,U+601D,U+602A,U+606F,U+60A8,U+60C5,U+60EF,U+610F,U+61C2,U+6211,U+6216,U+622A,U+6237,U+6240,U+624B,U+6253,U+626B,U+627E,U+62A4,U+62BD,U+62C9,U+62CD,U+62E9,U+6301,U+6307,U+6309,U+6321,U+636E,U+63A5,U+63A8,U+63AA,U+63CF-63D0,U+641C,U+6444,U+6458,U+652F,U+6536,U+653E-653F,U+6563,U+6570,U+6574,U+6587,U+65B0,U+65B9,U+65E0,U+65E5,U+65F6,U+660E,U+6613,U+662F,U+663E,U+666F,U+66F4,U+6700,U+6708-6709,U+670D,U+671F,U+672A,U+672C,U+673A,U+6761,U+6765,U+6784,U+6790,U+67D0,U+67E5,U+6807,U+6821,U+6837-6838,U+683C,U+684C,U+68C0,U+695A,U+6B21,U+6B3E,U+6B62,U+6B64-6B65,U+6BCF,U+6C42,U+6C47,U+6CD5,U+6CE2,U+6CE8,U+6D3B,U+6D4B,U+6D4F,U+6D88-6D89,U+6DFB,U+6E05,U+70B9,U+7136,U+7167,U+7247-7248,U+7259,U+7269,U+73B0,U+73BB,U+73ED,U+7483,U+751F,U+7528,U+7535,U+7559,U+7591,U+7597,U+767B,U+7684,U+76EE,U+76F4,U+76F8,U+770B,U+771F,U+773C,U+775B,U+77E5,U+77ED,U+7801,U+786E,U+793A,U+793C,U+798F,U+79C1,U+79CD,U+79D1,U+7A7A,U+7ACB,U+7B2C,U+7B49,U+7B56,U+7B7E,U+7B80,U+7BB1,U+7C7B,U+7CFB,U+7D22,U+7D27,U+7EA7,U+7EB8,U+7EC6,U+7ECF,U+7ED9,U+7EDF,U+7F51,U+7F6E,U+7F72,U+7F8E,U+7FFB,U+8003,U+8005,U+800C,U+8054,U+80C1,U+80FD,U+81EA,U+8282,U+82F1,U+83B7,U+83DC,U+8404,U+8461,U+884C,U+88C5,U+897F,U+8981,U+89C1-89C2,U+89C8,U+89E3,U+8A00,U+8A9E,U+8B66,U+8BA1,U+8BA4,U+8BA9,U+8BAE,U+8BB0,U+8BB8,U+8BBE,U+8BC6,U+8BC8,U+8BD5,U+8BDD,U+8BE2,U+8BE6,U+8BED,U+8BEF,U+8BF4,U+8BF7,U+8BFB,U+8C61,U+8D22,U+8D26,U+8D34,U+8D39,U+8D77,U+8D8A,U+8F66,U+8F7B,U+8F7D,U+8F86,U+8F93,U+8F9E,U+8FC7,U+8FD1,U+8FD8-8FD9,U+8FDB,U+8FDE,U+8FEB,U+8FF9,U+9001,U+9009,U+901A,U+904D,U+9053,U+90AE,U+90FD,U+9192,U+91CA,U+91CC-91CD,U+94AE,U+94F6,U+95E8,U+95EE,U+95F4,U+9605,U+963F,U+9664,U+968F-9690,U+96C6,U+9700,U+9762,U+97E9,U+9875,U+9879,U+9898,U+98CE,U+9986,U+9A97,U+9AA4,U+9AD8,U+FF08-FF09,U+FF0C,U+FF1A,U+FF1F}
@font-face{font-family:'Noto Sans JP';src:url('/landing/fonts/noto-jp.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+20-7D,U+A9,U+B7,U+D7,U+E1,U+E7,U+E9-EA,U+ED,U+F1,U+F3,U+41A,U+41E-420,U+422-423,U+429,U+430-443,U+445-448,U+44C,U+44E-44F,U+1EBF,U+1EC7,U+201C-201D,U+2022,U+2026,U+2192,U+3001-3002,U+300C-300D,U+3042,U+3044,U+3046,U+3048,U+304A-304D,U+304F-3051,U+3053-3055,U+3057-305B,U+305D,U+305F-3061,U+3063-306B,U+306E-3070,U+3072-3073,U+3076,U+3079,U+307B,U+307E-307F,U+3081-3082,U+3084,U+3087-308D,U+308F,U+3092-3093,U+30A2-30A4,U+30A6,U+30AB-30AF,U+30B3-30B9,U+30BB,U+30BF-30C1,U+30C3-30C4,U+30C6-30CB,U+30D0,U+30D2-30D3,U+30D5-30D7,U+30D9-30DE,U+30E0-30E3,U+30E5,U+30E7,U+30E9-30ED,U+30F3,U+30FB-30FC,U+4E00,U+4E0A,U+4E0D,U+4E2D,U+4E48,U+4E88,U+4E8B,U+4E8E,U+4EA4,U+4EBA,U+4EC0,U+4ECA,U+4ED8,U+4EE5,U+4F1D,U+4F53,U+4F55,U+4F5C,U+4F7F,U+4F8B,U+4FBF,U+4FDD,U+4FE1,U+500B,U+505A,U+5065,U+50CF,U+5143,U+5148,U+5165,U+5168,U+516C,U+5171,U+5185,U+5199,U+51B7,U+51FA,U+5206-5207,U+5224,U+5229,U+524A,U+524D,U+52A0,U+52A9,U+52D5,U+5316,U+533B,U+535A,U+539F,U+53BB,U+53C2,U+53D6-53D7,U+53EF,U+53F7,U+5408,U+540C,U+544A,U+5473,U+554F,U+56DE,U+56FD,U+5728,U+5831,U+5834,U+58F2,U+5916,U+5927,U+597D,U+5982,U+59CB,U+5B50,U+5B58,U+5B66,U+5B69,U+5B89,U+5B8C,U+5B9A-5B9B,U+5B9F,U+5BA2,U+5BB6,U+5BB9,U+5BE9,U+5BFE,U+5C01-5C02,U+5C06,U+5C0E,U+5C4A,U+5C65,U+5DEE,U+5E76,U+5EA6,U+5EAB,U+5EB7,U+5F15,U+5F37,U+5F71,U+5F8B-5F8C,U+5FB4,U+5FC5,U+5FD8,U+5FDC,U+601D,U+6027,U+60A8,U+60C5,U+610F,U+611F,U+6210,U+622A,U+623B,U+6240,U+624B,U+6255,U+63A2,U+64AE,U+652F,U+6563,U+6574,U+6587,U+6599,U+65AD,U+65B0,U+65B9,U+65E5,U+660E,U+662F,U+6642,U+666E,U+6697,U+66AE,U+66F8,U+6700,U+6708-6709,U+671F,U+672C,U+6790,U+6821,U+683C,U+691C,U+69D8,U+6A5F,U+6B21,U+6B3A,U+6B62,U+6B74,U+6B8B,U+6BB5,U+6C17,U+6C42,U+6CD5,U+6CE8,U+6D88,U+6E08,U+70B9,U+7121,U+7269,U+7279,U+73ED,U+73FE,U+7406,U+7528,U+753B,U+756A,U+7642,U+767B,U+7684,U+76EE,U+76F8,U+771F,U+7740,U+77E5,U+78BA,U+793A,U+79C1,U+79D1,U+7ACB,U+7B52,U+7BA1,U+7D04,U+7D19,U+7D22,U+7D42,U+7D44,U+7D61,U+7D66,U+7DD2,U+7E54,U+7F6E,U+7F72,U+7F8E,U+8003,U+8005,U+80FD,U+8105,U+81EA,U+82F1,U+843D,U+8449,U+8535,U+878D,U+884C,U+8868,U+8981,U+898B,U+898F,U+899A,U+89A7,U+89E3,U+8A00,U+8A08,U+8A2D,U+8A31,U+8A50,U+8A66,U+8A71,U+8A73,U+8A8D,U+8A9E,U+8AA4,U+8AAC-8AAD,U+8ABF,U+8AC7,U+8ACB,U+8CA9,U+8CBB-8CBC,U+8CC7,U+8CEA,U+8D77,U+8ECA,U+8FD1,U+8FEB,U+8FF7,U+8FFD,U+9001,U+901A,U+9023,U+904E,U+9078,U+90F5,U+914D,U+91CD,U+91D1,U+9280,U+9332,U+9580,U+958B,U+9593,U+95B2,U+964D,U+9650,U+9664,U+969B,U+96FB,U+9700,U+975E,U+9762,U+97D3,U+982D,U+983C,U+FF08-FF09,U+FF0C,U+FF1A,U+FF1F}
@font-face{font-family:'Noto Sans KR';src:url('/landing/fonts/noto-kr.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+20-7D,U+A9,U+B7,U+D7,U+E1,U+E7,U+E9-EA,U+ED,U+F1,U+F3,U+41A,U+41E-420,U+422-423,U+429,U+430-443,U+445-448,U+44C,U+44E-44F,U+1EBF,U+1EC7,U+2018-2019,U+201C-201D,U+2022,U+2026,U+2192,U+3002,U+4E00,U+4E2D,U+4E8E,U+4EA4,U+4EC0,U+505A,U+5143,U+524D,U+52A0,U+535A,U+53BB,U+53C2,U+540C,U+56DE,U+5728,U+5982,U+5B50,U+5B66,U+5B69,U+5C06,U+5E76,U+601D,U+610F,U+622A,U+6587,U+65E5,U+662F,U+6708,U+671F,U+672C,U+6B62,U+7269,U+73ED,U+7528,U+7684,U+79D1,U+7F72,U+7F8E,U+8981,U+8A9E,U+8D77,U+9700,U+AC00-AC01,U+AC04,U+AC08,U+AC15-AC16,U+AC19,U+AC1C,U+AC70,U+AC74,U+AC80,U+AC83,U+AC8C,U+ACA8-ACA9,U+ACAC,U+ACB0,U+ACBD,U+ACC4,U+ACE0,U+ACF3,U+ACF5,U+ACFC,U+AD00,U+AD50,U+AD6C-AD6D,U+AD81,U+ADC0,U+ADF8,U+AE00,U+AE08-AE09,U+AE30,U+AE34,U+AED8,U+B098,U+B09C,U+B0A0,U+B0A8,U+B0B4,U+B0C9,U+B124,U+B204,U+B208,U+B220,U+B274,U+B294,U+B2A5,U+B2C8,U+B2E4,U+B2E8,U+B2F4,U+B2F9,U+B300,U+B354,U+B370,U+B3C4-B3C5,U+B3D5,U+B3D9,U+B418,U+B41C,U+B428-B429,U+B450,U+B458,U+B4A4,U+B4DC,U+B4E0,U+B4F1,U+B514,U+B518,U+B54C,U+B5A4,U+B5BB,U+B610,U+B73B,U+B744,U+B77C-B77D,U+B780,U+B78D,U+B791,U+B7C9,U+B7EC,U+B7FC-B7FD,U+B824,U+B828,U+B840,U+B85C-B85D,U+B8B0,U+B8CC,U+B960,U+B974,U+B978,U+B97C,U+B9AC,U+B9B0,U+B9B4,U+B9BC-B9BD,U+B9BF,U+B9C8,U+B9CC,U+B9D0,U+B9DE,U+B9E4,U+BA38,U+BA54,U+BA70,U+BA74,U+BA85,U+BAA8,U+BB34,U+BB38,U+BB3B-BB3C,U+BBC0,U+BBF8,U+BC0F,U+BC14-BC16,U+BC1B-BC1C,U+BC29,U+BC84,U+BC88,U+BC95,U+BCA0,U+BCF4,U+BCF8,U+BCFC,U+BD09,U+BD84,U+BD88,U+BD99,U+BE0C,U+BE44,U+C0AC-C0AD,U+C0B4,U+C0C1,U+C0C8-C0C9,U+C0DD,U+C0F7,U+C11C-C11D,U+C120,U+C124,U+C131,U+C138,U+C18C-C18D,U+C190,U+C1A1,U+C218,U+C26C,U+C2A4,U+C2A8,U+C2B5,U+C2DC-C2DD,U+C2E0,U+C2E4,U+C2EC,U+C4F0,U+C528,U+C544,U+C548,U+C54A,U+C54C,U+C554-C555,U+C55E,U+C571,U+C57D,U+C5B4-C5B5,U+C5B8,U+C5C5-C5C7,U+C5D0,U+C5EC,U+C5F0,U+C5F4,U+C601,U+C608,U+C624,U+C62C,U+C640,U+C644,U+C654,U+C694,U+C6A9,U+C6B0,U+C6B4,U+C6C0,U+C6D0,U+C6F9,U+C704,U+C720,U+C73C,U+C740,U+C744,U+C74C,U+C758,U+C774,U+C778,U+C77C-C77D,U+C785,U+C788,U+C790-C791,U+C7A5,U+C7AC,U+C800-C801,U+C804,U+C811,U+C815,U+C81C,U+C870,U+C885,U+C88B,U+C8FC,U+C900,U+C904,U+C90D,U+C911,U+C9C0-C9C1,U+C9C4,U+C9C8,U+C9D1,U+C9D5,U+C9DC,U+CC0D,U+CC28,U+CC3E,U+CC98,U+CCAD,U+CCB4,U+CD08,U+CD2C,U+CD5C,U+CD94,U+CD98,U+CE58,U+CE68,U+CE74,U+CE94,U+CEE4,U+CF1C,U+CF58,U+D06C,U+D0C0-D0C1,U+D0C8,U+D0DD,U+D130,U+D14C,U+D1A0,U+D1B5,U+D22C,U+D2B8,U+D2BC,U+D2C0,U+D2F0,U+D310,U+D398,U+D3B4,U+D3B8,U+D3EC,U+D3F0,U+D3F4,U+D45C,U+D478,U+D504,U+D544,U+D558-D559,U+D55C,U+D560,U+D568-D569,U+D56D,U+D574,U+D589,U+D5C8,U+D604,U+D611,U+D61C,U+D638,U+D648,U+D654-D655,U+D65C,U+D6C4,U+D734,U+D788,U+D78C,U+FF0C}
@font-face{font-family:'Noto Sans Devanagari';src:url('/landing/fonts/noto-devanagari.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+900-97F,U+1CD0-1CF6,U+1CF8-1CF9,U+A8E0-A8FF}
@font-face{font-family:'Noto Sans Devanagari';src:url('/landing/fonts/noto-devanagari-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+D,U+20-7E,U+A0-A3,U+A5,U+A7-AB,U+AD-B0,U+B4,U+B6-B8,U+BA-BB,U+BF-107,U+10A-113,U+116-11B,U+11E-123,U+126-127,U+12A-12B,U+12E-131,U+136-137,U+139-13E,U+141-148,U+150-155,U+158-15B,U+15E-161,U+164-165,U+16A-16B,U+16E-17E,U+218-21B,U+237,U+300-304,U+306-308,U+30A-30C,U+326-328,U+1E80-1E85,U+1E9E,U+1EF2-1EF3,U+200B-200D,U+2010,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2039-203A,U+20AC,U+20B9,U+2122,U+25CC}
@font-face{font-family:'Noto Sans Armenian';src:url('/landing/fonts/noto-armenian.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+0,U+D,U+20-7E,U+A0-A3,U+A5,U+A7-AB,U+AE-B0,U+B4,U+B6-B8,U+BA-BB,U+BF-107,U+10A-113,U+116-11B,U+11E-123,U+126-127,U+12A-12B,U+12E-131,U+136-137,U+139-13E,U+141-148,U+14A-14D,U+150-15B,U+15E-161,U+164-165,U+16A-17E,U+218-21B,U+237,U+300-304,U+306-308,U+30A-30C,U+312,U+326-328,U+531-556,U+559-58A,U+58D-58F,U+1E80-1E85,U+1E9E,U+1EF2-1EF3,U+2010,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2024,U+2026,U+2039-203A,U+20AC,U+2122,U+25CC,U+FB13-FB17}
@font-face{font-family:'Noto Sans Arabic';src:url('/landing/fonts/noto-arabic.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+0,U+D,U+20-7E,U+A0-A3,U+A5,U+A7-AB,U+AE-B0,U+B4,U+B6-B8,U+BA-BB,U+BF-107,U+10A-113,U+116-11B,U+11E-123,U+126-127,U+12A-12B,U+12E-131,U+136-137,U+139-13E,U+141-148,U+14A-14D,U+150-15B,U+15E-161,U+164-165,U+16A-17E,U+218-21B,U+237,U+300-304,U+306-308,U+30A-30C,U+312,U+326-328,U+34F,U+600-6FF,U+750-77F,U+8A0-8FF,U+1E80-1E85,U+1E9E,U+1EF2-1EF3,U+2009,U+200B-2011,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+202F,U+2039-203A,U+204F,U+20AC,U+2122,U+25CC,U+FB50-FBC2,U+FBD3-FD8F,U+FD92-FDC7,U+FDCF,U+FDF0-FDFF,U+FE70-FE74,U+FE76-FEFC,U+FEFF}
.mailoni-landing{
  --cream:#F5EEE2; --cream-2:#EEE3D0; --paper:#FFFDF8;
  --navy:#1B2444; --ink-2:#5E5868; --ink-3:#8A8190;
  --gold:#D3A548; --gold-deep:#B4852C; --gold-soft:#F4E5C4;
  --red:#E1352B; --terra:#B9553F;
  --line:#E4D5BC;
  --display:'Bricolage Grotesque', 'Figtree', sans-serif;
  --body:'Figtree', 'Noto Sans SC', 'Noto Sans Devanagari', 'PingFang SC', 'Hiragino Sans', 'Apple SD Gothic Neo', sans-serif;
  --app:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;
}
.mailoni-landing, .mailoni-landing *{box-sizing:border-box;margin:0;padding:0}
.mailoni-landing{background:var(--cream)}
.mailoni-landing{font-family:var(--body);color:var(--navy);background:var(--cream);-webkit-font-smoothing:antialiased;line-height:1.5}
.mailoni-landing a{color:inherit}
.mailoni-landing img{display:block}
.mailoni-landing .wrap{max-width:1240px;margin:0 auto;padding:0 48px}
.mailoni-landing h1,.mailoni-landing h2,.mailoni-landing h3{font-family:var(--display);letter-spacing:-.025em;line-height:1.02;text-wrap:balance;hyphens:none}
.mailoni-landing h2{font-size:clamp(32px,calc(1.2rem + 3vw),56px);font-weight:800}
.mailoni-landing p{text-wrap:pretty}
.mailoni-landing .eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);display:flex;align-items:center;gap:12px}
.mailoni-landing .eyebrow::before{content:"";width:28px;height:2px;background:var(--red)}
.mailoni-landing .lede{font-size:20px;color:var(--ink-2);max-width:34em}

/* ---------- buttons ---------- */
.mailoni-landing .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 30px;border-radius:999px;
  background:var(--gold-deep);color:#fff;font:700 18px/1 var(--body);text-decoration:none;border:0;cursor:pointer;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 8px 20px -10px rgba(140,95,20,.7);transition:transform .15s,background .15s}
.mailoni-landing .btn:hover{background:#A2771F;transform:translateY(-1px)}
.mailoni-landing .btn.sm{min-height:44px;padding:0 20px;font-size:15px}
.mailoni-landing .link{font-weight:700;font-size:16px;text-decoration:none;border-bottom:2px solid var(--gold);padding-bottom:2px}
.mailoni-landing .note{font-size:14px;color:var(--ink-3)}

/* ---------- nav ---------- */
.mailoni-landing .nav{position:sticky;top:0;z-index:20;background:rgba(245,238,226,.88);backdrop-filter:blur(10px);border-bottom:1px solid transparent}
.mailoni-landing .nav .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
.mailoni-landing .nav-links{display:flex;gap:32px;font-weight:600;font-size:15px}
.mailoni-landing .nav-links a{text-decoration:none;color:var(--ink-2)}
.mailoni-landing .nav-links a:hover{color:var(--navy)}
.mailoni-landing .nav-right{display:flex;align-items:center;gap:28px}

/* ---------- screenshot crops ---------- */
.mailoni-landing .shot{position:relative;overflow:hidden;container-type:inline-size;width:100%}
.mailoni-landing .shot > img{position:absolute;max-width:none;user-select:none}
.mailoni-landing .patch{position:absolute;overflow:hidden;font-family:var(--app);color:#172042;display:flex;flex-direction:column;justify-content:center}
.mailoni-landing .patch .t{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}
.mailoni-landing .patch .s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6A5B4A;font-weight:500}
.mailoni-landing .logo{mix-blend-mode:multiply}

.mailoni-landing .phone{position:relative;border-radius:46px;background:#16161A;padding:9px;
  box-shadow:0 0 0 1.5px #3a3a40 inset,0 40px 70px -30px rgba(60,40,10,.45),0 12px 24px -12px rgba(60,40,10,.3)}
.mailoni-landing .phone .shot{border-radius:38px}
.mailoni-landing .card-shot{border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(60,40,10,.45),0 0 0 1px rgba(27,36,68,.06)}

/* ---------- paper (the physical world) ---------- */
.mailoni-landing .paper{background:var(--paper);border-radius:4px;padding:34px 34px 30px;font-family:'Figtree',sans-serif;color:#2b2b33;
  box-shadow:0 1px 0 #fff inset,0 30px 50px -28px rgba(70,45,10,.45),0 2px 6px rgba(70,45,10,.08);position:relative}
.mailoni-landing .paper::after{content:"";position:absolute;inset:0;border-radius:4px;pointer-events:none;
  background:linear-gradient(180deg,transparent 48%,rgba(120,90,40,.05) 50%,transparent 52%)}
.mailoni-landing .paper .org{font-weight:700;font-size:15px;letter-spacing:.02em}
.mailoni-landing .paper .orgsub{font-size:10.5px;color:#777;line-height:1.35}
.mailoni-landing .paper .ttl{font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin:22px 0 10px}
.mailoni-landing .paper .p{font-size:11px;line-height:1.55;color:#444;margin-bottom:8px}
.mailoni-landing .paper .row{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid #e8e2d6;padding:7px 0}
.mailoni-landing .paper .row b{font-weight:700}
.mailoni-landing .paper .fine{height:5px;background:#ece6da;border-radius:3px;margin:6px 0}

/* ---------- HERO ---------- */
.mailoni-landing .hero{padding:56px 0 110px;overflow:hidden}
.mailoni-landing .hero .wrap{display:grid;grid-template-columns:1.02fr 1fr;gap:40px;align-items:center}
.mailoni-landing .hero h1{font-size:clamp(50px,calc(18px + 5.5vw),88px);font-weight:800;margin:22px 0 26px}
.mailoni-landing .hero h1 .dot{color:var(--red)}
.mailoni-landing .hero h1 span{display:block}
.mailoni-landing .hero .lede{margin-bottom:34px}
.mailoni-landing .cta-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.mailoni-landing .hero .note{margin-top:22px;display:flex;gap:18px;flex-wrap:wrap}
.mailoni-landing .hero .note i{font-style:normal;display:inline-flex;align-items:center;gap:7px}
.mailoni-landing .hero .note i::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
.mailoni-landing .hero-art{position:relative;container-type:inline-size;width:100%;aspect-ratio:546.55/660;margin-inline:auto;justify-self:center}
.mailoni-landing .hero-art .paper{position:absolute;left:0;top:14.27cqw;width:62.21cqw;padding:6.22cqw 6.22cqw 5.49cqw;transform:rotate(-7deg)}
.mailoni-landing .hero-art .paper .org{font-size:2.744cqw}
.mailoni-landing .hero-art .paper .orgsub{font-size:1.921cqw}
.mailoni-landing .hero-art .paper .ttl{font-size:2.561cqw;margin:4.025cqw 0 1.83cqw}
.mailoni-landing .hero-art .paper .p{font-size:2.013cqw}
.mailoni-landing .hero-art .paper .row{font-size:2.013cqw;padding:1.281cqw 0}
.mailoni-landing .hero-art .paper .fine{height:.915cqw;margin:1.098cqw 0}
.mailoni-landing .hero-art .phone{position:absolute;left:34.764cqw;top:0;width:54.89cqw;z-index:2;border-radius:8.416cqw;padding:1.647cqw}
.mailoni-landing .hero-art .phone .shot{border-radius:6.953cqw}
.mailoni-landing .hero-art .rem{position:absolute;right:-5.489cqw;bottom:1.098cqw;width:54.89cqw;z-index:3;border-radius:4.391cqw;transform:rotate(2.5deg)}
.mailoni-landing .hero-art .tag{position:absolute;z-index:4;font-family:'Caveat',cursive;font-size:4.757cqw;color:var(--terra);line-height:1}
.mailoni-landing .hero-art .tag.t1{left:-1.098cqw;top:-1.463cqw;transform:rotate(-6deg)}
.mailoni-landing .hero-art .tag.t2{right:-3.659cqw;bottom:39.52cqw;transform:rotate(4deg)}
.mailoni-landing .hero-art .tag svg{width:12.808cqw;height:auto}
.mailoni-landing .tag svg{display:block;margin-top:4px}

/* ---------- JOURNEY ---------- */
.mailoni-landing .journey{padding:110px 0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mailoni-landing .sec-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:64px}
.mailoni-landing .sec-head h2{max-width:13em;margin-top:18px}
.mailoni-landing .sec-head .lede{max-width:26em;font-size:18px}
.mailoni-landing .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative}
.mailoni-landing .step{background:var(--cream);border-radius:28px;padding:28px 28px 32px;display:flex;flex-direction:column}
.mailoni-landing .step .num{font-family:var(--display);font-weight:800;font-size:15px;color:var(--gold-deep);letter-spacing:.08em}
.mailoni-landing .step h3{font-size:40px;font-weight:800;margin:6px 0 10px}
.mailoni-landing .step p{color:var(--ink-2);font-size:16px;margin-bottom:26px;min-height:72px}
.mailoni-landing .step .vis{margin-top:auto;border-radius:18px;overflow:hidden;box-shadow:0 20px 40px -26px rgba(60,40,10,.5)}
.mailoni-landing .steps{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 44px minmax(0,1fr);gap:14px;align-items:stretch}
.mailoni-landing .steps > .arrow{align-self:center;width:44px;height:44px;border-radius:50%;background:var(--paper);display:grid;place-items:center;
  box-shadow:0 0 0 1px var(--line);color:var(--gold-deep)}
.mailoni-landing .step{display:flex;flex-direction:column;min-width:0}
.mailoni-landing .step > *{min-width:0}
.mailoni-landing .step h3{margin:6px 0 10px}
.mailoni-landing .step p{min-height:0;margin-bottom:18px}
.mailoni-landing .step .inputs{margin:0 0 18px!important}
.mailoni-landing .step .vis{margin-top:auto;flex:none}
.mailoni-landing .step .vis .shot{width:100%}

/* ---------- LANGUAGES ---------- */
.mailoni-landing .langs{padding:120px 0;background:var(--cream-2)}
.mailoni-landing .lang-grid{display:grid;grid-template-columns:1fr 120px 1.15fr;align-items:center;gap:20px;margin-top:60px}
.mailoni-landing .lang-grid .paper{transform:rotate(-2deg);max-width:440px}
.mailoni-landing .lang-mid{display:grid;place-items:center;gap:10px;text-align:center;font-size:13px;font-weight:700;color:var(--gold-deep);letter-spacing:.08em;text-transform:uppercase}
.mailoni-landing .lang-mid .icon{width:96px}
.mailoni-landing .explain{background:var(--paper);border-radius:28px;padding:30px 34px 34px;box-shadow:0 30px 60px -36px rgba(60,40,10,.5)}
.mailoni-landing .tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.mailoni-landing .tab{min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--gold);background:transparent;color:var(--gold-deep);font:700 15px var(--body);cursor:pointer}
.mailoni-landing .tab[aria-selected=true]{background:var(--gold);color:#fff;border-color:var(--gold)}
.mailoni-landing .explain .wim{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.mailoni-landing .explain .say{font-family:var(--display);font-size:30px;font-weight:700;line-height:1.22;letter-spacing:-.015em;min-height:150px}
.mailoni-landing .explain.zh .say,.mailoni-landing .explain.hi .say{font-family:var(--body);letter-spacing:0;font-weight:700;line-height:1.45}
.mailoni-landing .facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.mailoni-landing .fact{background:var(--cream);border-radius:16px;padding:14px 16px}
.mailoni-landing .fact.wide{grid-column:1/-1}
.mailoni-landing .fact small{display:block;font-size:12px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em}
.mailoni-landing .fact b{font-size:18px}
.mailoni-landing .fact.due b{color:var(--red)}
.mailoni-landing .fadeswap{animation:fs .45s ease}
@keyframes fs{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---------- BEYOND ---------- */
.mailoni-landing .beyond{padding:120px 0}
.mailoni-landing .beyond-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:56px;align-items:center;margin-top:56px}
.mailoni-landing .scene{position:relative;container-type:inline-size;width:100%;aspect-ratio:5/4}
.mailoni-landing .photo-slot{position:absolute;left:0;top:0;width:100cqw;aspect-ratio:4/3.2;border-radius:4.48cqw;overflow:hidden;
  background:repeating-linear-gradient(135deg,#E9DCC6 0 14px,#E4D5BC 14px 28px);display:flex;align-items:flex-end;padding:4.16cqw}
.mailoni-landing .scene .phone{position:absolute;right:-8cqw;top:20.07cqw;width:33.6cqw;border-radius:7.36cqw;padding:1.44cqw}
.mailoni-landing .scene .phone .shot{border-radius:6.08cqw}
.mailoni-landing .photo-slot .gen{object-position:50% 50%}
.mailoni-landing .beyond-copy h3{font-size:36px;font-weight:800;margin-bottom:14px}
.mailoni-landing .beyond-copy p{color:var(--ink-2);font-size:17px}
.mailoni-landing .also{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:80px}
.mailoni-landing .also-item{background:var(--paper);border-radius:22px;padding:22px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line)}
.mailoni-landing .also-item .lbl{font-weight:700;font-size:16px}
.mailoni-landing .also-item .sub{font-size:14px;color:var(--ink-3)}
.mailoni-landing .mini-note{font-family:'Caveat',cursive;font-size:24px;line-height:1.05;background:#FCEFA9;padding:12px 14px;transform:rotate(-3deg);width:78%;box-shadow:0 8px 14px -10px rgba(0,0,0,.35);color:#3b3522}
.mailoni-landing .mini-msg{display:flex;flex-direction:column;gap:6px}
.mailoni-landing .mini-msg span{background:#E9E4DA;border-radius:14px 14px 14px 4px;padding:7px 11px;font-size:13px;max-width:90%;align-self:flex-start}
.mailoni-landing .mini-msg span.me{background:var(--navy);color:#fff;border-radius:14px 14px 4px 14px;align-self:flex-end}
.mailoni-landing .mini-flyer{background:#fff;border:1px solid #eee;border-radius:4px;padding:10px 12px;transform:rotate(2deg);width:82%;font-size:12px;box-shadow:0 8px 14px -10px rgba(0,0,0,.3)}
.mailoni-landing .mini-flyer b{display:block;font-size:13px;margin-bottom:4px}
.mailoni-landing .mini-sticker{display:flex;gap:8px}
.mailoni-landing .mini-sticker div{width:62px;height:62px;border-radius:6px;background:#fff;border:1px solid #cfe0ea;display:grid;place-items:center;font:800 18px var(--app);color:#2c6f96;
  box-shadow:0 6px 12px -8px rgba(0,0,0,.4)}
.mailoni-landing .mini-sticker div:last-child{color:#1c7a4e;border-color:#cfe5d7;transform:rotate(3deg)}

/* ---------- SCAM (warm, red warnings) ---------- */
.mailoni-landing{--warn:#C8322A;--warn-soft:#FBE7E3;--warn-line:#F0C9C2}
.mailoni-landing .scam{background:var(--paper);color:var(--navy);padding:120px 0;position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mailoni-landing .scam .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center}
.mailoni-landing .scam .eyebrow{color:var(--warn)}
.mailoni-landing .scam .eyebrow::before{background:var(--warn)}
.mailoni-landing .scam h2{margin:18px 0 22px}
.mailoni-landing .signs{list-style:none;margin:34px 0 28px;display:grid;gap:12px}
.mailoni-landing .signs li{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start;font-size:17px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.mailoni-landing .signs li b{display:block}
.mailoni-landing .signs li span:not(.pin){color:var(--ink-2);font-size:15px}
.mailoni-landing .pin{width:30px;height:30px;border-radius:50%;background:var(--warn);color:#fff;display:grid;place-items:center;font:800 14px var(--display)}
.mailoni-landing .caution{font-size:14px;color:var(--ink-2);border-left:0;background:var(--cream);border-radius:14px;padding:14px 16px;max-width:36em;display:flex;gap:10px}
.mailoni-landing .caution::before{content:"i";flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--gold-deep);color:var(--gold-deep);display:grid;place-items:center;font:700 12px var(--body);margin-top:1px}
.mailoni-landing .scam-art{position:relative;padding:34px 30px 20px;background:var(--cream);border-radius:32px;border:1px solid var(--line)}
.mailoni-landing .scam-art .paper{transform:rotate(1.5deg);max-width:470px;margin:10px 0 0 auto;border-top:4px solid var(--warn-line)}
.mailoni-landing .scam-art .paper .p{overflow-wrap:anywhere}
.mailoni-landing .scam-art .banner{position:absolute;left:18px;top:-18px;z-index:3;background:var(--warn-soft);color:#8E1F19;border:1px solid var(--warn-line);border-radius:14px;padding:12px 16px;
  font-weight:700;font-size:16px;display:flex;gap:10px;align-items:center;box-shadow:0 16px 30px -20px rgba(140,40,30,.45);transform:rotate(-1.5deg)}
.mailoni-landing .scam-art .banner i{width:26px;height:26px;border-radius:50%;background:var(--warn);display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff}
.mailoni-landing .mark{position:relative;display:inline;background:linear-gradient(transparent 58%,rgba(200,50,42,.22) 58%)}
.mailoni-landing .mark .pin{position:absolute;right:-4px;top:-19px;width:24px;height:24px;font-size:12px;box-shadow:0 0 0 3px var(--paper)}

/* ---------- input methods (How it works step 1) ---------- */
.mailoni-landing .inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.mailoni-landing .inputs{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}
.mailoni-landing .inputs span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:999px;background:var(--paper);border:1.5px solid var(--gold);color:var(--gold-deep);font-weight:700;font-size:14px;line-height:1.2;padding:6px 12px;text-align:center}
.mailoni-landing .inputs .tx{font-style:normal}
.mailoni-landing .inputs svg{width:20px;height:20px;flex:none}

/* ---------- KEEP ---------- */
.mailoni-landing .keep{padding:130px 0 120px;overflow:hidden}
.mailoni-landing .keep .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.mailoni-landing .keep h2{margin:18px 0 18px}
.mailoni-landing .aside{font-family:'Caveat',cursive;font-size:30px;color:var(--terra);margin-bottom:34px;transform:rotate(-1.5deg);display:inline-block}
.mailoni-landing .points{display:grid;gap:4px}
.mailoni-landing .point{padding:20px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:170px 1fr;gap:20px}
.mailoni-landing .point b{font-family:var(--display);font-size:20px;font-weight:700}
.mailoni-landing .point span{color:var(--ink-2);font-size:16px}
.mailoni-landing .keep-art{position:relative;container-type:inline-size;width:min(100%,568px);aspect-ratio:568/640;margin-inline:auto}
.mailoni-landing .keep-art .phone.b{position:absolute;right:5.28cqw;top:0;width:51.06cqw;border-radius:8.1cqw;padding:1.58cqw;transform:rotate(2.5deg)}
.mailoni-landing .keep-art .phone .shot{border-radius:6.69cqw}
.mailoni-landing .keep-art .na{position:absolute;left:0;bottom:5.28cqw;width:63.38cqw;z-index:3;border-radius:4.23cqw;transform:rotate(-2deg)}

/* ---------- PILE → MY LETTERS ---------- */
.mailoni-landing .pile{padding:120px 0 110px;background:linear-gradient(180deg,var(--cream) 0%,#F1E6D3 100%);border-top:1px solid var(--line)}
.mailoni-landing .pile-head{text-align:center;max-width:860px;margin:0 auto 60px}
.mailoni-landing .pile-head .eyebrow{justify-content:center}
.mailoni-landing .pile-head h2{font-size:clamp(40px,calc(20px + 3.5vw),64px);margin:18px 0 20px}
.mailoni-landing .pile-head h2 em{font-style:normal;color:var(--gold-deep)}
.mailoni-landing .pile-head .lede{margin:0 auto;font-size:20px}
.mailoni-landing .pile-grid{display:block}
.mailoni-landing .pile-before .pile-photo{aspect-ratio:3/2}
.mailoni-landing .pile-arrow{display:none}
.mailoni-landing .pile-after{margin-top:28px}
.mailoni-landing .pile-after .phone{display:none}
.mailoni-landing .pile-after > .chip{display:none}
.mailoni-landing .chip.in-photo{left:auto;right:24px}
.mailoni-landing .pile-benefits{grid-template-columns:repeat(3,1fr)}
.mailoni-landing .pile-grid figure{position:relative;margin:0}
.mailoni-landing .pile-photo{aspect-ratio:5/4;border-radius:32px;overflow:hidden;position:relative;
  background:radial-gradient(120% 90% at 30% 20%,#E9C99A 0%,#B88652 55%,#8A5D35 100%);
  box-shadow:0 40px 70px -40px rgba(60,40,10,.6)}
.mailoni-landing .pile-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,236,200,.25),transparent 40%,rgba(60,35,10,.18))}
.mailoni-landing .pile-photo .gen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.mailoni-landing .photo-slot .gen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* CSS fallback pile (visible only if no photo) */
.mailoni-landing .css-pile{position:absolute;inset:0}
.mailoni-landing .env{position:absolute;width:56%;aspect-ratio:1.75;background:#FBF8F1;border-radius:3px;
  box-shadow:0 2px 0 rgba(255,255,255,.5) inset,0 14px 20px -12px rgba(40,20,0,.55);display:flex;align-items:center;justify-content:center;
  font:600 clamp(10px,1.3vw,17px) Georgia,serif;color:#3a3a44}
.mailoni-landing .env.kraft{background:#E2B869}
.mailoni-landing .env .stamp{font:800 clamp(10px,1.2vw,16px) var(--app);color:#C0271F;border:2.5px solid #C0271F;padding:2px 10px;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-4deg);opacity:.85}
.mailoni-landing .e1{left:6%;top:48%;transform:rotate(-8deg)}
.mailoni-landing .e2{left:30%;top:40%;transform:rotate(12deg)}
.mailoni-landing .e3{left:14%;top:30%;transform:rotate(-3deg)}
.mailoni-landing .e4{left:36%;top:22%;transform:rotate(7deg)}
.mailoni-landing .e5{left:4%;top:14%;transform:rotate(-14deg)}
.mailoni-landing .e6{left:40%;top:54%;transform:rotate(-5deg)}
.mailoni-landing .e7{left:22%;top:62%;transform:rotate(4deg)}
.mailoni-landing .chip{position:absolute;left:24px;bottom:22px;z-index:3;display:inline-flex;align-items:center;gap:10px;background:rgba(255,253,248,.95);
  border-radius:999px;padding:10px 18px 10px 12px;font-weight:600;font-size:15px;box-shadow:0 10px 24px -14px rgba(60,40,10,.5)}
.mailoni-landing .chip i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#fff;font-size:13px;font-weight:800}
.mailoni-landing .chip.bad i{background:#C9453A}.mailoni-landing .chip.bad i::before{content:"×"}
.mailoni-landing .chip.good i{background:#3E8A57}.mailoni-landing .chip.good i::before{content:"✓"}
.mailoni-landing .pile-arrow{display:grid;justify-items:center;gap:6px;font:700 13px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep)}
.mailoni-landing .pile-arrow svg{width:110px}
.mailoni-landing .pile-after .chip{position:static;justify-self:center;margin-top:4px}
.mailoni-landing .pile-benefits{list-style:none;display:grid;gap:14px}
.mailoni-landing .pile-benefits li{background:var(--paper);border-radius:18px;padding:16px 18px;box-shadow:0 0 0 1px var(--line)}
.mailoni-landing .pile-benefits b{display:block;font-family:var(--display);font-size:18px}
.mailoni-landing .pile-benefits span{font-size:14.5px;color:var(--ink-2);line-height:1.4;display:block}

/* ---------- TRUST ---------- */
.mailoni-landing .trust{padding:100px 0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mailoni-landing .trust .wrap{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;align-items:start}
.mailoni-landing .trust h2{font-size:clamp(34px,calc(20px + 2vw),44px);margin-top:18px}
.mailoni-landing .trust-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.mailoni-landing .trust-item{padding:22px 0;border-top:1px solid var(--line)}
.mailoni-landing .trust-item b{font-family:var(--display);font-size:21px;display:block;margin-bottom:6px}
.mailoni-landing .trust-item p{color:var(--ink-2);font-size:16px}
.mailoni-landing .trust .note a{color:var(--navy);font-weight:600}
.mailoni-landing .pending{display:inline-block;margin-top:10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep);border:1px dashed var(--gold);border-radius:6px;padding:3px 8px}

/* ---------- FAQ ---------- */
.mailoni-landing .faq{padding:110px 0}
.mailoni-landing .faq .wrap{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}
.mailoni-landing .faq h2{font-size:clamp(34px,calc(20px + 2vw),44px);margin-top:18px}
.mailoni-landing details{border-top:1px solid var(--line)}
.mailoni-landing details:last-child{border-bottom:1px solid var(--line)}
.mailoni-landing summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:700;font-size:19px;min-height:44px}
.mailoni-landing summary::-webkit-details-marker{display:none}
.mailoni-landing summary .pm{flex:none;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--gold);position:relative;transition:transform .2s}
.mailoni-landing summary .pm::before,.mailoni-landing summary .pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--gold-deep);transform:translate(-50%,-50%)}
.mailoni-landing summary .pm::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}
.mailoni-landing details[open] summary .pm::after{transform:translate(-50%,-50%) rotate(0)}
.mailoni-landing details .ans{padding:0;padding-inline-end:60px;padding-bottom:24px;color:var(--ink-2);font-size:16px}
.mailoni-landing details .ans p+p{margin-top:8px}

/* ---------- FINAL ---------- */
.mailoni-landing .final{padding:40px 0 0}
.mailoni-landing .final-card{background:var(--gold-soft);border-radius:40px;padding:80px 80px 0;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;overflow:hidden;position:relative}
.mailoni-landing .final h2{font-size:clamp(46px,calc(20px + 5vw),84px);font-weight:800}
.mailoni-landing .final h2 .soft{color:var(--gold-deep);display:block}
.mailoni-landing .final .rule{display:flex;align-items:center;gap:18px;font-family:var(--display);font-weight:700;font-size:30px;margin:18px 0 26px;color:var(--navy)}
.mailoni-landing .final .rule::before,.mailoni-landing .final .rule::after{content:"";height:1.5px;width:60px;background:var(--gold-deep)}
.mailoni-landing .final .rule::after{flex:1;max-width:120px}
.mailoni-landing .final p.lede{margin-bottom:34px;font-size:19px}
.mailoni-landing .final .copyblock{padding-bottom:80px}
.mailoni-landing .final .phone{width:min(100%,300px);justify-self:center;margin-bottom:-240px;align-self:start}

/* Interpolate into the approved desktop card while preserving each locale's phone crop. */
@media (min-width:1121px) and (max-width:1279px){
  .mailoni-landing .final-card{gap:clamp(24px,calc(-89.6px + 10.14vw),40px);padding-inline:clamp(56px,calc(-114.2px + 15.18vw),80px)}
  .mailoni-landing:is(:lang(en),:lang(es),:lang(fr),:lang(it),:lang(pt),:lang(zh),:lang(hi),:lang(ja)) .final-card{min-height:790px}
  .mailoni-landing .final h2{font-size:clamp(62px,calc(-94px + 13.9vw),84px)}
  .mailoni-landing:lang(de) .step h3{font-size:clamp(34px,calc(-8.6px + 3.8vw),40px)}
  .mailoni-landing:lang(uk) .step h3{font-size:clamp(32px,calc(-24.7px + 5.06vw),40px)}
  .mailoni-landing:lang(uk) .scam h2{font-size:36px}
  .mailoni-landing .scam-art .mark .pin{right:0}
  .mailoni-landing:lang(ar) .scene .phone{right:-7.4cqw}
}
@media (min-width:1121px){
  .mailoni-landing:lang(hy) .step:first-child h3{font-size:clamp(24px,calc(2.5vw - 4px),28px)}
}
@media (min-width:600px){
  .mailoni-landing .hero .cta-row .btn,.mailoni-landing .final .cta-row .btn{max-width:420px}
}

/* ---------- FOOTER ---------- */
.mailoni-landing footer{padding:300px 0 44px}
.mailoni-landing footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:32px}
.mailoni-landing footer .wrap > div:first-child{height:35.3px;overflow:hidden}
.mailoni-landing footer .landing-logo{transform:translateY(-14px)}
.mailoni-landing .flinks{display:flex;gap:28px;flex-wrap:wrap;font-size:15px;font-weight:600}
.mailoni-landing .flinks a{text-decoration:none;color:var(--ink-2)}
.mailoni-landing .flinks a:hover{color:var(--navy);text-decoration:underline}
.mailoni-landing .copy{font-size:14px;color:var(--ink-3)}

/* Tablet: give text its own row and keep each visual composition bounded. */
@media (max-width:1120px){
  .mailoni-landing .hero{padding:40px 0 80px}
  .mailoni-landing .hero .wrap,.mailoni-landing .scam .wrap,.mailoni-landing .keep .wrap,.mailoni-landing .trust .wrap,.mailoni-landing .faq .wrap,.mailoni-landing .final-card{grid-template-columns:minmax(0,1fr)}
  .mailoni-landing .hero .wrap > :first-child{max-width:800px}
  .mailoni-landing .hero h1{font-size:clamp(50px,calc(20px + 4.3vw),68px)}
  .mailoni-landing .hero-art{width:min(100%,520px);aspect-ratio:350/470;margin:30px auto 0}
  .mailoni-landing .hero-art .paper{left:1.43cqw;top:17.14cqw;width:62.86cqw;padding:6.29cqw 5.71cqw;transform:rotate(-7deg)}
  .mailoni-landing .hero-art .paper .org{font-size:3.14cqw}
  .mailoni-landing .hero-art .paper .orgsub{font-size:2.29cqw}
  .mailoni-landing .hero-art .paper .ttl{font-size:2.86cqw;margin:3.43cqw 0 1.71cqw}
  .mailoni-landing .hero-art .paper .p{font-size:2.29cqw}
  .mailoni-landing .hero-art .paper .row{font-size:2.29cqw;padding:1.14cqw 0}
  .mailoni-landing .hero-art .paper .fine{height:1.43cqw;margin:1.71cqw 0}
  .mailoni-landing .hero-art .phone{left:34.29cqw;right:auto;top:0;width:57.14cqw;border-radius:9.14cqw;padding:1.71cqw}
  .mailoni-landing .hero-art .phone .shot{border-radius:7.71cqw}
  .mailoni-landing .hero-art .rem{right:-2.29cqw;bottom:0;width:60cqw;border-radius:6.86cqw}
  .mailoni-landing .hero-art .tag.t1,.mailoni-landing .hero-art .tag.t2{display:none}

  .mailoni-landing .sec-head{flex-direction:column;align-items:flex-start;gap:16px}
  .mailoni-landing .steps{grid-template-columns:minmax(0,1fr);max-width:720px;margin-inline:auto;gap:12px}
  .mailoni-landing .steps > .arrow{justify-self:center}
  .mailoni-landing .steps > .arrow svg{transform:rotate(90deg)}
  .mailoni-landing .lang-grid{grid-template-columns:minmax(0,1fr);max-width:720px;margin-inline:auto}
  .mailoni-landing .lang-mid{grid-auto-flow:column;justify-content:center}
  .mailoni-landing .lang-mid svg{transform:rotate(90deg)}
  .mailoni-landing .beyond-grid{grid-template-columns:minmax(0,1fr);max-width:800px;margin-inline:auto;gap:36px}
  .mailoni-landing .beyond-copy{order:-1}
  .mailoni-landing .scene{width:min(100%,520px);aspect-ratio:390/681;margin-inline:auto}
  .mailoni-landing .scene .photo-slot{width:100%;aspect-ratio:4/3.3;border-radius:5.64cqw}
  .mailoni-landing .scene .phone{left:23.08cqw;right:auto;top:61.54cqw;width:53.85cqw;border-radius:8.72cqw;padding:1.79cqw}
  .mailoni-landing .scene .phone .shot{border-radius:7.18cqw}
  .mailoni-landing .scam .wrap,.mailoni-landing .keep .wrap{gap:40px}
  .mailoni-landing .scam-art{width:min(100%,620px);margin-inline:auto}
  .mailoni-landing .keep-art{width:min(100%,520px);aspect-ratio:350/500}
  .mailoni-landing .keep-art .phone.b{right:0;top:0;width:62.86cqw;border-radius:9.14cqw;padding:1.71cqw}
  .mailoni-landing .keep-art .phone .shot{border-radius:7.71cqw}
  .mailoni-landing .keep-art .na{left:0;bottom:1.5cqw;width:71.43cqw;border-radius:6.86cqw}
  .mailoni-landing .pile-before,.mailoni-landing .pile-after{max-width:720px;margin-inline:auto}
  .mailoni-landing .final-card{gap:0}
  .mailoni-landing .final .copyblock{padding-bottom:36px}
}

/* =========================== MOBILE =========================== */
@media (max-width:860px){
  .mailoni-landing .wrap{padding:0 20px}
  .mailoni-landing h2{font-size:38px}
  .mailoni-landing .lede{font-size:17px}
  .mailoni-landing .nav .wrap{height:64px}
  .mailoni-landing .nav-links{display:none}
  .mailoni-landing .nav-right{gap:0}
  .mailoni-landing .hero{padding:18px 0 56px}
  .mailoni-landing .hero .wrap{grid-template-columns:1fr;gap:0}
  .mailoni-landing .hero h1{font-size:clamp(40px,12.8vw,50px);margin:14px 0 16px}
  .mailoni-landing .hero .lede{margin-bottom:22px}
  .mailoni-landing .cta-row{gap:18px}
  .mailoni-landing .cta-row .btn{flex:1 1 100%}
  .mailoni-landing .cta-row .link{margin:0 auto}
  .mailoni-landing .hero .note{justify-content:center;margin-top:16px;font-size:13px;gap:12px}
  .mailoni-landing .hero-art{margin-top:30px}

  .mailoni-landing .journey,.mailoni-landing .langs,.mailoni-landing .beyond,.mailoni-landing .scam,.mailoni-landing .keep,.mailoni-landing .faq{padding:72px 0}
  .mailoni-landing .sec-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:36px}
  .mailoni-landing .steps{grid-template-columns:1fr;gap:34px}
  .mailoni-landing .step{padding:22px 22px 24px}
  .mailoni-landing .step h3{font-size:34px}
  .mailoni-landing .step p{min-height:0;margin-bottom:18px}
  .mailoni-landing .steps{grid-template-columns:minmax(0,1fr);gap:12px}
  .mailoni-landing .step{display:flex;grid-row:auto}
  .mailoni-landing .step .vis{margin-top:auto}
  .mailoni-landing .steps > .arrow{justify-self:center;width:36px;height:36px}
  .mailoni-landing .steps > .arrow svg{transform:rotate(90deg)}
  .mailoni-landing[dir=rtl] .steps > .arrow svg{transform:rotate(90deg)}

  .mailoni-landing .lang-grid{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:36px}
  .mailoni-landing .explain,.mailoni-landing .lang-grid .paper{min-width:0}
  .mailoni-landing .lang-grid .paper{max-width:none;padding:24px 22px}
  .mailoni-landing .lang-mid{grid-auto-flow:column;justify-content:center;gap:10px}
  .mailoni-landing .lang-mid .icon{width:64px}
  .mailoni-landing .lang-mid svg{transform:rotate(90deg)}
  .mailoni-landing .explain{padding:22px 20px 24px;border-radius:22px}
  .mailoni-landing .tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 20px;padding:0 20px;scrollbar-width:none}
  .mailoni-landing .tab{flex:none}
  .mailoni-landing .explain .say{font-size:23px;min-height:0}
  .mailoni-landing .facts{grid-template-columns:1fr 1fr}

  .mailoni-landing .beyond-grid{grid-template-columns:1fr;gap:40px;margin-top:36px}
  .mailoni-landing .scene{padding-right:0}
  .mailoni-landing .beyond-copy{margin-top:30px}
  .mailoni-landing .beyond-copy h3{font-size:28px}
  .mailoni-landing .also{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:44px}
  .mailoni-landing .also-item{min-height:0;gap:16px}
  .mailoni-landing .also-item{min-height:170px;padding:16px}
  .mailoni-landing .also-item .lbl{font-size:15px}

  .mailoni-landing .scam .wrap{grid-template-columns:1fr;gap:40px}
  .mailoni-landing .scam-art{padding:40px 12px 16px;border-radius:24px}
  .mailoni-landing .scam-art .paper{margin-left:0}
  .mailoni-landing .signs li{padding:12px}
  .mailoni-landing .scam-art .paper{padding:24px 22px}
  .mailoni-landing .scam-art .banner{font-size:14px;left:10px}
  .mailoni-landing .scam-art .mark .pin{right:-4px;top:-15px;width:20px;height:20px;font-size:10px}
  .mailoni-landing .step .inputs span{font-size:13px}

  .mailoni-landing .keep .wrap{grid-template-columns:1fr;gap:30px}
  .mailoni-landing .keep-art{order:2}

  .mailoni-landing .pile{padding:72px 0}
  .mailoni-landing .pile-head{margin-bottom:34px;text-align:left}
  .mailoni-landing .pile-head .eyebrow{justify-content:flex-start}
  .mailoni-landing .pile-head h2{font-size:40px}
  .mailoni-landing .pile-head .lede{font-size:17px;margin:0}
  .mailoni-landing .pile-before .pile-photo{aspect-ratio:9/10;border-radius:24px}
  .mailoni-landing .pile-photo .gen{object-position:0% 50%}
  .mailoni-landing .chip.in-photo{display:none}
  .mailoni-landing .pile-arrow{display:grid}
  .mailoni-landing .pile-after{display:grid;margin-top:0}
  .mailoni-landing .pile-after .phone{display:block}
  .mailoni-landing .pile-after > .chip{display:inline-flex}
  .mailoni-landing .pile-benefits{grid-template-columns:minmax(0,1fr)}
  .mailoni-landing .chip{left:14px;bottom:14px;font-size:13px;padding:8px 14px 8px 10px}
  .mailoni-landing .pile-arrow{padding:14px 0}
  .mailoni-landing .pile-arrow svg{transform:rotate(90deg);width:70px;height:40px}
  .mailoni-landing .pile-before,.mailoni-landing .pile-after{max-width:520px;margin-inline:auto}
  .mailoni-landing .pile-after{grid-template-columns:1fr;justify-items:center;gap:22px}
  .mailoni-landing .pile-after .phone{width:250px;border-radius:36px;padding:7px}
  .mailoni-landing .pile-after .phone .shot{border-radius:30px}
  .mailoni-landing .pile-benefits{width:100%}
  .mailoni-landing .pile-after .chip{justify-self:center}
  .mailoni-landing .point{grid-template-columns:1fr;gap:4px;padding:16px 0}

  .mailoni-landing .trust{padding:64px 0}
  .mailoni-landing .trust .wrap,.mailoni-landing .faq .wrap{grid-template-columns:1fr;gap:28px}
  .mailoni-landing .trust h2,.mailoni-landing .faq h2{font-size:34px}
  .mailoni-landing .trust-list{grid-template-columns:1fr}
  .mailoni-landing summary{font-size:17px;padding:18px 0}
  .mailoni-landing details .ans{padding-inline-end:0}

  .mailoni-landing .final{padding:20px 0 0}
  .mailoni-landing .final-card{grid-template-columns:1fr;padding:48px 24px 0;border-radius:28px;gap:10px}
  .mailoni-landing .final h2{font-size:46px}
  .mailoni-landing .final .rule{font-size:22px}
  .mailoni-landing .final .copyblock{padding-bottom:24px}
  .mailoni-landing .final .phone{width:min(100%,230px);margin-bottom:-160px}
  .mailoni-landing footer{padding:200px 0 36px}
  .mailoni-landing footer .wrap{flex-direction:column;align-items:flex-start}
  .mailoni-landing .flinks{flex-direction:column;gap:14px}
}


/* =========================== LANGUAGE SELECTOR =========================== */
.mailoni-landing .lang{position:relative}
.mailoni-landing .lang-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);
  background:rgba(255,253,248,.92);color:var(--navy);font:700 15px var(--body);cursor:pointer;box-shadow:0 1px 0 #fff inset}
.mailoni-landing .lang-btn:hover{border-color:var(--gold)}
.mailoni-landing .lang-btn:focus-visible,.mailoni-landing .lang-list button:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px}
.mailoni-landing .lang-btn svg{width:20px;height:20px}
.mailoni-landing .lang-btn .chev{width:12px;height:12px;transition:transform .2s}
.mailoni-landing .lang-btn[aria-expanded=true] .chev{transform:rotate(180deg)}
.mailoni-landing .lang-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;z-index:40}
.mailoni-landing .lang-sheet{width:460px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:0 30px 60px -24px rgba(60,40,10,.45)}
.mailoni-landing .lang-head{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 10px}
.mailoni-landing .lang-head b{font-family:var(--display);font-size:18px}
.mailoni-landing .lang-close{width:36px;height:36px;border-radius:50%;border:0;background:var(--cream);font-size:22px;line-height:1;cursor:pointer;color:var(--ink-2);display:none}
.mailoni-landing .lang-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.mailoni-landing .lang-list button{width:100%;min-height:48px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"n k" "e k";align-items:center;column-gap:10px;
  text-align:start;padding:6px 12px;border-radius:12px;border:0;background:transparent;cursor:pointer;color:var(--navy);font-family:var(--body)}
.mailoni-landing .lang-list button:hover{background:var(--cream)}
.mailoni-landing .lang-list .ln{grid-area:n;font-weight:700;font-size:15px;line-height:1.25}
.mailoni-landing .lang-list .le{grid-area:e;font-size:12px;color:var(--ink-3);line-height:1.2;text-align:start}
.mailoni-landing .lang-list button[dir=rtl] .ln{text-align:end}
.mailoni-landing .lang-list .lk{grid-area:k;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line)}
.mailoni-landing .lang-list button[aria-checked=true]{background:var(--gold-soft)}
.mailoni-landing .lang-list button[aria-checked=true] .lk{border-color:var(--gold-deep);background:var(--gold-deep);box-shadow:inset 0 0 0 3px var(--gold-soft)}
.mailoni-landing .lang-review{font-size:12px;color:var(--ink-3);padding:10px 8px 2px;border-top:1px solid var(--line);margin-top:8px}
.mailoni-landing .nav-links{flex-wrap:nowrap;white-space:nowrap}
@media (max-width:1120px){.mailoni-landing .nav-links{display:none}}

/* =========================== SCRIPT-AWARE TYPOGRAPHY =========================== */
.mailoni-landing:lang(ru),.mailoni-landing:lang(uk){--display:'Noto Sans','Figtree',sans-serif;--body:'Noto Sans','Figtree',sans-serif}
.mailoni-landing:lang(vi){--display:'Noto Sans',sans-serif;--body:'Noto Sans',sans-serif}
.mailoni-landing:lang(zh){--display:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;--body:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif}
.mailoni-landing:lang(ja){--display:'Noto Sans JP','Hiragino Sans','Meiryo',sans-serif;--body:'Noto Sans JP','Hiragino Sans','Meiryo',sans-serif}
.mailoni-landing:lang(ko){--display:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;--body:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif}
.mailoni-landing:lang(hi){--display:'Noto Sans Devanagari','Figtree',sans-serif;--body:'Noto Sans Devanagari','Figtree',sans-serif}
.mailoni-landing:lang(hy){--display:'Noto Sans Armenian','Figtree',sans-serif;--body:'Noto Sans Armenian','Figtree',sans-serif}
.mailoni-landing:lang(ar){--display:'Noto Sans Arabic',sans-serif;--body:'Noto Sans Arabic',sans-serif}
/* no negative tracking / roomier leading for non-Latin scripts */
.mailoni-landing:is(:lang(zh),:lang(ja),:lang(ko),:lang(hi),:lang(ar),:lang(hy)) :is(h1,h2,h3,.explain .say){letter-spacing:0}
.mailoni-landing:is(:lang(zh),:lang(ja),:lang(ko)) :is(h1,h2,h3){line-height:1.22}
.mailoni-landing:is(:lang(hi),:lang(ar),:lang(hy)) :is(h1,h2,h3){line-height:1.3}
.mailoni-landing:is(:lang(ru),:lang(uk),:lang(vi)) :is(h1,h2,h3){letter-spacing:-.015em;line-height:1.1}
.mailoni-landing:is(:lang(zh),:lang(ja),:lang(ko)) .eyebrow,.mailoni-landing:lang(ar) .eyebrow{letter-spacing:.04em}
.mailoni-landing:is(:lang(zh),:lang(ja)) :is(h1,h2,h3,p,li){word-break:normal;line-break:strict}
.mailoni-landing:lang(ko) :is(h1,h2,h3,p){word-break:keep-all;overflow-wrap:anywhere}
/* long-word languages */
.mailoni-landing:is(:lang(de),:lang(fr),:lang(ru),:lang(uk),:lang(pl),:lang(it),:lang(pt),:lang(hy)) :is(h1,h2,h3,.btn,.lbl,.point b){overflow-wrap:break-word}
.mailoni-landing .btn{text-align:center;line-height:1.15;padding-block:8px}
/* Arabic: body text a touch larger */
.mailoni-landing:lang(ar){font-size:1.04em}
.mailoni-landing:lang(ar) .lede{font-size:21px}

/* =========================== RTL =========================== */
.mailoni-landing[dir=rtl] .steps > .arrow svg,.mailoni-landing[dir=rtl] .lang-mid svg,.mailoni-landing[dir=rtl] .pile-arrow svg{transform:scaleX(-1)}
.mailoni-landing[dir=rtl] .lang-mid svg{transform:scaleX(-1)}
.mailoni-landing[dir=rtl] .hero .note i::before{order:0}
.mailoni-landing[dir=rtl] .tag{font-family:var(--display);font-size:22px}
.mailoni-landing[dir=rtl] .explain{text-align:left}
.mailoni-landing[dir=rtl] summary{text-align:start}
.mailoni-landing [dir=ltr] .paper,.mailoni-landing [dir=ltr].paper{text-align:left}

/* =========================== MOBILE (selector) =========================== */
@media (max-width:860px){
  .mailoni-landing .nav{backdrop-filter:none;background:var(--cream)}
  .mailoni-landing .nav .wrap{gap:10px}
  .mailoni-landing .nav .wrap > a{width:128px!important;flex:none}
  .mailoni-landing .lang-btn{padding:0 12px;gap:6px}
  .mailoni-landing .lang-menu{position:fixed;inset:0;top:0;background:rgba(27,36,68,.35);display:flex;align-items:flex-end}
  .mailoni-landing .lang-menu[hidden]{display:none}
  .mailoni-landing .lang-sheet{width:100%;max-height:82vh;overflow:auto;border-radius:24px 24px 0 0;padding:12px 14px calc(14px + env(safe-area-inset-bottom));border-bottom:0}
  .mailoni-landing .lang-close{display:grid;place-items:center}
  .mailoni-landing .lang-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .mailoni-landing.lang-open{overflow:hidden}
  .mailoni-landing .inputs span{font-size:13px}
  .mailoni-landing:lang(ar) .lede{font-size:18px}
}
@media (max-width:520px){ .mailoni-landing .nav-cta{display:none} }
@media (max-width:360px){ .mailoni-landing .lang-list{grid-template-columns:minmax(0,1fr)} }

/* long single words (e.g. RU "Конфиденциальность") must never widen the page */
.mailoni-landing h1,.mailoni-landing h2,.mailoni-landing h3{overflow-wrap:break-word;min-width:0}
@media (max-width:860px){
  .mailoni-landing .trust .wrap,.mailoni-landing .faq .wrap,.mailoni-landing .keep .wrap,.mailoni-landing .scam .wrap,.mailoni-landing .hero .wrap{grid-template-columns:minmax(0,1fr)}
  .mailoni-landing .trust h2,.mailoni-landing .faq h2{overflow-wrap:anywhere}
  .mailoni-landing:is(:lang(ru),:lang(uk),:lang(de),:lang(hy)) h2{font-size:34px}
  .mailoni-landing:is(:lang(ru),:lang(uk),:lang(de),:lang(hy)) .trust h2,.mailoni-landing:is(:lang(ru),:lang(uk),:lang(de),:lang(hy)) .faq h2{font-size:30px}
  .mailoni-landing:is(:lang(ru),:lang(uk),:lang(de),:lang(fr),:lang(hy)) .hero h1{font-size:44px}
  .mailoni-landing:lang(hy) .hero h1{font-size:38px}
}

/* Keep the handwritten annotation inside the same scalable Hero coordinates. */
.mailoni-landing .hero-art .tag.t1{left:-1.098cqw;top:-1.463cqw;max-width:32.93cqw;font-size:4.391cqw;line-height:1.05}
.mailoni-landing .hero-art .tag.t1 .tx{display:block}
.mailoni-landing .hero-art .tag.t1 svg{margin-left:5.489cqw}
@media (max-width:860px){
  .mailoni-landing .hero-art .tag.t1{display:none}
  .mailoni-landing .steps{grid-template-columns:minmax(0,1fr)}
  .mailoni-landing .step{min-width:0}
  .mailoni-landing .inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .mailoni-landing .inputs span{white-space:normal;padding:6px 8px}
}
@media (max-width:360px){ .mailoni-landing .inputs{grid-template-columns:minmax(0,1fr)!important} }

/* RTL stacked-card arrows point down (overrides global RTL mirror). */
@media (max-width:1120px){.mailoni-landing[dir=rtl] .steps > .arrow svg,.mailoni-landing[dir=rtl] .lang-mid svg{transform:rotate(90deg)}}

/* Match heading size to the actual copy length without changing the approved English desktop. */
.mailoni-landing:is(:lang(ru),:lang(uk),:lang(de),:lang(hy),:lang(pl),:lang(vi),:lang(ko),:lang(ar)) .final h2{font-size:clamp(42px,4.2vw,58px)}
.mailoni-landing:lang(ru) .step h3{font-size:30px}
.mailoni-landing:lang(hy) .beyond-copy h3{font-size:28px}
.mailoni-landing:is(:lang(ru),:lang(hy)) .scam h2{font-size:clamp(34px,3vw,44px)}
.mailoni-landing:lang(hy) .keep h2{font-size:clamp(32px,2.8vw,40px)}
.mailoni-landing:lang(uk) .final h2{font-size:clamp(36px,3vw,46px)}
.mailoni-landing:lang(hy) .trust h2{font-size:clamp(26px,2vw,34px)}
.mailoni-landing:lang(hy) .scam h2{font-size:28px}
@media (max-width:860px){
  .mailoni-landing .final h2{font-size:clamp(36px,9vw,46px)}
  .mailoni-landing:is(:lang(ru),:lang(uk),:lang(de),:lang(hy),:lang(pl),:lang(vi),:lang(ko),:lang(ar)) .final h2{font-size:clamp(28px,8vw,38px)}
  .mailoni-landing:lang(ru) .step h3{font-size:30px}
  .mailoni-landing:lang(hy) .beyond-copy h3{font-size:26px}
  .mailoni-landing:is(:lang(ru),:lang(hy)) .scam h2{font-size:32px}
  .mailoni-landing:lang(hy) .keep h2{font-size:32px}
  .mailoni-landing:lang(hy) :is(.scam h2,.trust h2,.keep h2,.pile-head h2){font-size:26px;text-wrap:wrap}
  .mailoni-landing:lang(hy) :is(.beyond-copy h3,.step h3){font-size:24px;text-wrap:wrap}
  .mailoni-landing:lang(uk) .final h2{font-size:clamp(22px,6vw,30px)}
}
@media (max-width:390px){
  .mailoni-landing:is(:lang(ru),:lang(uk),:lang(pl),:lang(hy),:lang(ko)) .scam h2{font-size:clamp(24px,7.5vw,30px)}
  .mailoni-landing:is(:lang(uk),:lang(hy),:lang(ar)) .langs h2{font-size:clamp(24px,7.8vw,30px)}
  .mailoni-landing:is(:lang(pl),:lang(hy)) .keep h2{font-size:clamp(26px,8vw,30px)}
  .mailoni-landing:lang(pl) .pile-head h2{font-size:34px}
  .mailoni-landing:lang(hy) .step h3{font-size:28px}
  .mailoni-landing:is(:lang(fr),:lang(it)) .scam h2{font-size:24px}
  .mailoni-landing:lang(hy) :is(.langs h2,.pile-head h2){font-size:24px;text-wrap:wrap}
  .mailoni-landing:lang(hy) .final h2{font-size:24px;text-wrap:wrap}
  .mailoni-landing:lang(uk) .journey h2,.mailoni-landing:lang(ru) .journey h2{font-size:27px}
  .mailoni-landing:lang(uk) .final h2{font-size:22px}
  .mailoni-landing:lang(hy) .scam h2{font-size:20px}
  .mailoni-landing:lang(hy) .beyond-copy h3{font-size:clamp(17px,5.2vw,20px)}
  .mailoni-landing:lang(hy) .trust h2{font-size:clamp(16px,5.2vw,20px)}
  .mailoni-landing:lang(hy) .keep h2{font-size:clamp(18px,5vw,20px)}
}
@media (max-width:360px){
  .mailoni-landing .final h2{font-size:28px}
  .mailoni-landing .final-card{padding-inline:12px}
  .mailoni-landing:lang(uk) .final h2{font-size:20px}
}
@media (max-width:340px){.mailoni-landing:lang(hy) .scam h2{font-size:16px}}

body.mailoni-landing-menu-open{overflow:hidden}
.mailoni-landing .lang-list a{width:100%;min-height:48px;display:grid;grid-template-columns:1fr auto;grid-template-areas:'n k' 'e k';align-items:center;column-gap:10px;text-align:start;padding:6px 12px;border-radius:12px;color:var(--navy);font-family:var(--body);text-decoration:none}.mailoni-landing .lang-list a:hover{background:var(--cream)}.mailoni-landing .lang-list a[aria-checked=true]{background:var(--gold-soft)}.mailoni-landing .lang-list a[aria-checked=true] .lk{border-color:var(--gold-deep);background:var(--gold-deep);box-shadow:inset 0 0 0 3px var(--gold-soft)}.mailoni-landing .landing-logo{display:block;width:100%;height:auto}.mailoni-landing .landing-icon{width:100%;height:auto}.mailoni-landing .legal-english{font-size:.8em;white-space:nowrap}.mailoni-landing{background:var(--cream);color:var(--navy);font-family:var(--body);width:100%;overflow:clip}.mailoni-landing .lang-btn{list-style:none}.mailoni-landing .lang-btn::-webkit-details-marker{display:none}