/* ══════════════════════════════════════════════════════════════════════════
   مِسنَد — home.css (الصفحة الرئيسية فقط، فوق site.css)

   الشعار ثلاثي الأبعاد بدون WebGL: عشر طبقات من الشعار (قناع SVG واحد)
   مرصوصة ورا بعض بـ translateZ، وفوقها وجه مضيء ولمعة تتحرك مع الميلان.
   كل الحركة transform فقط (على كرت الشاشة)، وتوقف لما المسرح يطلع من
   الشاشة، وما فيه حركة أبداً مع prefers-reduced-motion.
   كل القواعد تحت body.hm. خصائص منطقية فقط.
   ══════════════════════════════════════════════════════════════════════════ */

.hm {
  --hm-deep: #0b4f47;
  --hm-glow: rgba(45, 212, 191, 0.45);
  --hm-ry: 20deg;
  --hm-rx: 6deg;
  /* الشعار نفسه (assets/misnad-mark.svg) مضمّن، فالقناع يشتغل من أي مكان بدون طلب ثاني */
  --hm-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 433 1377%22%3E%3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22M40 1363.3C41.8 1362.3 47.2 1359.6 51 1357.5C54.8 1355.3 56.5 1354.6 63 1350.2C69.5 1345.9 81.2 1337.8 90 1331.3C98.8 1324.8 107.8 1317.8 116 1311.1C124.2 1304.5 132.5 1297.2 139 1291.4C145.5 1285.6 148.8 1282.4 155 1276.5C161.2 1270.5 169.8 1262.1 176 1255.7C182.2 1249.3 186.5 1244.6 192.4 1238C198.3 1231.4 205.5 1222.8 211.2 1216C216.8 1209.2 221.9 1202.7 226.3 1197C230.6 1191.3 232.8 1188.5 237.3 1182C241.8 1175.5 248.5 1165.5 253.4 1158C258.2 1150.5 262.7 1143.2 266.3 1137C270 1130.8 272.4 1126.5 275.4 1121C278.4 1115.5 281.2 1110.2 284.2 1104C287.2 1097.8 290.8 1089.8 293.3 1084C295.8 1078.2 297 1075.3 299.3 1069C301.6 1062.7 304.5 1055.3 307.4 1046C310.2 1036.7 313.9 1022.7 316.2 1013C318.5 1003.3 319.9 995.8 321.3 988C322.6 980.2 323.5 974 324.4 966C325.2 958 326.1 947 326.5 940C326.9 933 326.7 929.3 326.7 924C326.7 918.7 326.5 912.5 326.2 908C326 903.5 325.5 899.8 325.2 897C324.8 894.2 324.6 892.5 324.3 891C324 889.5 323.8 888.8 323.4 888C323.1 887.2 322.4 886.6 322 886.2C321.6 885.8 321 885.6 321 885.6C321 885.6 312 886.7 307 887.7C302 888.7 296.2 890.2 291 891.9C285.8 893.5 281.3 895.2 276 897.5C270.7 899.8 265 902.4 259 905.6C253 908.8 245.8 913 240 916.7C234.2 920.3 228.4 924.4 224 927.7C219.6 930.9 216.1 933.8 213.3 936C210.5 938.2 210.4 938 207 940.9C203.6 943.8 197.2 949.5 193 953.4C188.8 957.2 185.2 960.8 182 964.1C178.8 967.3 177 969.2 173.7 973C170.3 976.8 165.2 982.7 161.7 987C158.3 991.3 155.1 995.7 152.8 999C150.4 1002.3 148.9 1004.8 147.6 1007C146.4 1009.2 145.7 1011 145.3 1012C145 1013 145.2 1012.5 145.4 1013C145.7 1013.5 144.9 1013.2 146.8 1015C148.7 1016.8 153.6 1020.4 157 1023.5C160.4 1026.7 164.5 1031 167.3 1034C170.2 1037 172.7 1040.3 174 1041.7C175.3 1043.1 175 1042.3 175 1042.3C175 1042.3 180.6 1033.9 182.7 1031C184.8 1028.1 185.3 1027.5 187.7 1025C190 1022.5 193.6 1018.8 197 1015.7C200.4 1012.7 204.7 1009.3 208 1006.8C211.3 1004.3 213.3 1003 217 1000.8C220.7 998.7 225.8 995.8 230 993.8C234.2 991.8 238.5 990 242 988.7C245.5 987.5 251 986.2 251 986.2C251 986.2 251.6 984.7 251.4 987C251.3 989.3 250.6 996.8 250.3 1000C249.9 1003.2 249.8 1003.8 249.3 1006C248.9 1008.2 248.3 1010.3 247.8 1013C247.3 1015.7 247.1 1018.3 246.4 1022C245.6 1025.7 244.8 1029.3 243.2 1035C241.7 1040.7 239.6 1048.7 237.3 1056C234.9 1063.3 231.4 1073 229.3 1079C227.1 1085 226.9 1085.7 224.2 1092C221.5 1098.3 216.4 1109.7 213 1116.7C209.6 1123.7 208 1126.8 204 1134C200.1 1141.2 193.4 1153 189.3 1160C185.2 1167 182.6 1171 179.4 1176C176.2 1181 174 1184.3 170.2 1190C166.3 1195.7 161.8 1202.3 156.2 1210C150.6 1217.7 148.9 1219.3 136.6 1236C124.2 1252.7 93.9 1294.2 82.2 1310C70.5 1325.8 70.9 1325 66.3 1331C61.6 1337 57.8 1341.8 54.3 1346C50.8 1350.2 48 1353.2 45.3 1356C42.7 1358.8 38.4 1363 38.4 1363L39 1363.6C39 1363.6 39.8 1363.3 40 1363.3C40.2 1363.3 38.2 1364.3 40 1363.3ZM55 1288.1C55.5 1287.8 56.3 1287.9 58 1286.5C59.7 1285.1 62.8 1281.9 65 1279.7C67.2 1277.4 68.6 1276.1 71.3 1273C74 1269.9 77.8 1265.5 81.3 1261C84.8 1256.5 90 1249.3 92.3 1246C94.6 1242.7 94.5 1242.3 95.2 1241C96 1239.7 96.3 1239 96.5 1238C96.7 1237 97 1236.5 96.3 1235C95.6 1233.5 95.2 1232.7 92.3 1229C89.5 1225.3 83.8 1218.3 79.3 1213C74.8 1207.7 69.1 1201.2 65.3 1197C61.6 1192.8 58.6 1190 56.8 1188C55.1 1186 55.1 1185.7 54.7 1185C54.3 1184.3 54.3 1187.3 54.6 1184C54.9 1180.7 55.8 1170.5 56.5 1165C57.2 1159.5 57.8 1156 58.7 1151C59.6 1146 60.7 1140 61.8 1135C62.9 1130 64.2 1125.7 65.4 1121C66.7 1116.3 67.4 1113.3 69.4 1107C71.5 1100.7 75 1090.3 77.7 1083C80.4 1075.7 83.5 1068 85.6 1063C87.7 1058 89.1 1055.7 90.3 1053C91.4 1050.3 90.7 1051.2 92.6 1047C94.5 1042.8 98.5 1034.3 101.7 1028C104.9 1021.7 107.8 1016 111.6 1009C115.5 1002 121 992.5 124.8 986C128.6 979.5 131.1 975.5 134.6 970C138.1 964.5 141.9 958.7 145.7 953C149.6 947.3 152.6 942.8 157.6 936C162.6 929.2 170.3 918.8 175.7 912C181 905.2 185.3 900.2 189.6 895C194 889.8 197.4 885.8 201.8 881C206.1 876.2 211.7 870.2 215.7 866C219.7 861.8 220.3 861.1 226 855.5C231.7 850 235.6 845.9 250 832.8C264.4 819.7 302.1 786.5 312.6 777C323.2 767.5 313.2 776 313.2 776C313.2 776 313.1 775.4 312.5 775C312 774.6 312.1 774.1 310 773.8C307.9 773.4 304 773.1 300 772.9C296 772.6 294.2 772.7 286 772.3C277.8 772 262.3 771.1 251 770.7C239.7 770.2 224 769.8 218 769.8C212 769.7 216.6 769.4 215 770.4C213.4 771.5 211.9 772.8 208.3 776C204.6 779.2 196.8 786.3 193 789.8C189.2 793.3 189.3 793.3 185.6 797C181.9 800.7 175.2 807.3 170.7 812C166.2 816.7 162.9 820.2 158.6 825C154.2 829.8 150 834.7 144.8 841C139.7 847.3 131.9 857.5 127.7 863C123.6 868.5 122.4 870.2 119.7 874C117 877.8 115 880.8 111.6 886C108.3 891.2 103.8 898 99.7 905C95.5 912 90.2 921.5 86.7 928C83.2 934.5 81.2 938.5 78.6 944C75.9 949.5 73.5 954.5 70.6 961C67.7 967.5 64 976.3 61.4 983C58.7 989.7 57.1 994 54.7 1001C52.3 1008 49 1018 46.8 1025C44.6 1032 43.2 1037.3 41.7 1043C40.2 1048.7 38.9 1053.7 37.7 1059C36.5 1064.3 35.4 1070.3 34.6 1075C33.7 1079.7 33.3 1082 32.6 1087C32 1092 31 1098.5 30.7 1105C30.3 1111.5 30.4 1120.2 30.7 1126C31.1 1131.8 31.9 1136.2 32.6 1140C33.3 1143.8 33.9 1146 34.8 1149C35.6 1152 36.6 1155 37.7 1158C38.9 1161 40.4 1164.3 41.7 1167C43.1 1169.7 43.8 1171 45.7 1174C47.6 1177 53.2 1185 53.2 1185C53.2 1185 52.9 1185.8 50.2 1189C47.4 1192.2 41.2 1198.8 36.7 1204C32.3 1209.2 27.6 1214.8 23.6 1220C19.6 1225.2 14.8 1232.2 12.8 1235C10.9 1237.8 12.1 1236.3 11.9 1237C11.7 1237.7 11.4 1238 11.6 1239C11.9 1240 12.7 1241.7 13.6 1243C14.4 1244.3 13.1 1242.7 16.6 1247C20.1 1251.3 29.5 1263.1 34.7 1269C39.9 1274.9 44.6 1279.2 48 1282.4C51.4 1285.6 55 1288.1 55 1288.1C55 1288.1 54.5 1288.3 55 1288.1ZM56.1 1253C56.1 1253 55 1253.3 54 1253.2C53 1253.1 51.3 1252.9 50 1252.4C48.7 1251.9 47.3 1251.4 46 1250.3C44.7 1249.3 42.8 1247.1 41.9 1246C41.1 1244.9 41.2 1245 40.9 1244C40.5 1243 39.8 1241.5 39.7 1240C39.5 1238.5 39.7 1236.3 39.9 1235C40.1 1233.7 40.5 1233 40.9 1232C41.4 1231 41.8 1230.1 42.7 1229C43.5 1227.9 44.8 1226.6 46 1225.7C47.2 1224.8 48.9 1224 50 1223.6C51.1 1223.1 51.6 1223.2 52.6 1223C53.6 1222.8 54.8 1222.5 56 1222.7C57.2 1222.8 58.8 1223.4 60 1223.9C61.2 1224.4 61.8 1224.6 63 1225.6C64.2 1226.6 66.1 1228.9 67 1230.1C67.9 1231.3 68 1231.9 68.4 1233C68.7 1234.1 69 1236 69.2 1237C69.3 1238 69.4 1238 69.2 1239C69.1 1240 68.8 1241.7 68.3 1243C67.8 1244.3 67 1245.9 66.3 1247C65.5 1248.1 64.9 1248.6 64 1249.3C63.1 1250.1 61.8 1250.9 61 1251.4C60.2 1251.9 59.8 1252.1 59 1252.4C58.2 1252.6 56.1 1253 56.1 1253L56.1 1253ZM33 948.6C33 948.6 36.9 937.6 38.6 933C40.4 928.4 41.7 925.3 43.8 921C45.8 916.7 47.9 912.2 50.8 907C53.6 901.8 57.3 895.7 60.8 890C64.3 884.3 67.7 879 71.7 873C75.7 867 79.5 861.3 84.8 854C90.2 846.7 98 836.3 103.7 829C109.4 821.7 112.5 817.7 118.8 810C125.1 802.3 134.3 791.5 141.6 783C148.9 774.5 155.8 766.7 162.7 759C169.6 751.3 175.4 744.9 182.8 737C190.2 729.1 200.1 718.7 207 711.6C213.9 704.6 217.2 701.3 224 694.6C230.8 688 229.3 689.2 248 671.8C266.7 654.3 336.1 590 336.1 590L335.7 589C335.7 589 336.1 588.9 335 588.8C333.9 588.8 344.3 589 329 588.7C313.7 588.3 258.2 586.8 243 586.5C227.8 586.1 239.5 586.3 238 586.5C236.5 586.7 238.4 583.8 234 587.6C229.6 591.3 220.1 600.6 211.4 609C202.7 617.4 193.1 626.5 181.9 638C170.6 649.5 153.9 667.4 144 678.1C134.1 688.8 128 696 122.7 702C117.5 708 118.2 707 112.5 714C106.9 721 93.9 737.3 88.7 744C83.5 750.7 84.8 749.2 81.4 754C78.1 758.8 71.8 768 68.6 773C65.3 778 64.6 779.2 61.8 784C59 788.8 54.8 796.2 51.8 802C48.8 807.8 46.2 813.5 43.9 819C41.5 824.5 39.4 830 37.7 835C36 840 34.8 844.5 33.6 849C32.5 853.5 31.6 857.3 30.8 862C29.9 866.7 29.1 872 28.6 877C28.2 882 28 887.8 27.9 892C27.7 896.2 27.5 896 27.8 902C28.1 908 29.1 921.5 29.7 928C30.2 934.5 31 937.7 31.3 941C31.7 944.3 31.4 946.7 31.6 948C31.7 949.3 32 949 32 949C32 949 32.8 948.7 33 948.6C33.2 948.6 33 948.6 33 948.6ZM27 762.7C27 762.7 27.7 762.3 28.3 761C28.9 759.7 29.2 758 30.6 755C32 752 34.2 747.3 36.6 743C39 738.7 42.2 733.3 44.9 729C47.6 724.7 47.6 724.2 52.8 717C57.9 709.8 69 694.7 75.7 686C82.3 677.3 87.4 671.3 92.7 665C98.1 658.7 100.7 655.7 107.6 648C114.6 640.3 124.4 629.5 134.4 619C144.5 608.5 156.3 596.7 168 585C179.8 573.3 192.8 560.5 205 548.8C217.2 537.1 226.7 528.3 241 514.6C255.3 500.8 277.8 479.1 291 466.3C304.2 453.5 310.5 447 320 437.8C329.5 428.5 343.3 415.6 348 411C352.8 406.4 348.4 410 348.4 410L348 409.6C348 409.6 357 409.9 345 409.5C333 409 291 407.3 276 406.8C261 406.3 259.3 406.2 255 406.2C250.7 406.1 251.3 406.1 250 406.5C248.7 407 249.7 406.4 247 408.9C244.3 411.4 244.6 411 234 421.4C223.4 431.7 197.4 457.2 183.6 471C169.9 484.8 159.3 496 151.7 504C144.1 512 143.8 512.5 137.9 519C132.1 525.5 122.2 536.5 116.6 543C110.9 549.5 107.4 553.7 103.8 558C100.2 562.3 98.3 564.5 94.8 569C91.3 573.5 86.6 579.7 82.8 585C78.9 590.3 75 596 71.7 601C68.3 606 65.7 610 62.8 615C59.8 620 56.5 625.7 53.7 631C50.9 636.3 47.7 642.8 45.7 647C43.7 651.2 43.6 651.3 41.7 656C39.9 660.7 36.5 669.5 34.7 675C32.9 680.5 31.9 684 30.8 689C29.6 694 28.5 700.5 27.8 705C27.1 709.5 26.9 711.3 26.6 716C26.3 720.7 26.1 725.3 26.1 733C26.1 740.7 26.4 757 26.5 762C26.7 767 27 762.7 27 762.7L27 762.7ZM43 577.9C43 577.9 43.7 577.3 44.4 576C45 574.7 45.4 573 46.8 570C48.1 567 50.8 561.5 52.7 558C54.5 554.5 54.9 553.7 57.8 549C60.6 544.3 65 536.8 69.5 530C74 523.2 80.6 513.8 84.8 508C89 502.2 90.2 500.7 94.7 495C99.2 489.3 103.5 483.6 111.8 474C120 464.4 133.5 449 144 437.5C154.5 426 164.2 415.6 174.7 405C185.2 394.4 195.8 384.1 207 373.9C218.2 363.6 228.2 355.1 242 343.7C255.8 332.3 278.8 314.4 290 305.3C301.2 296.2 303.6 294 309 289.1C314.4 284.3 318.8 279.7 322.4 276C325.9 272.3 327.5 270.3 330.2 267C332.8 263.7 335.6 260 338.3 256C341 252 343.4 248.3 346.3 243C349.3 237.7 354 228.3 356.1 224C358.3 219.7 357.3 221.7 359.2 217C361.1 212.3 364.9 202.8 367.4 196C369.9 189.2 371.7 183.7 374.2 176C376.6 168.3 379.6 158.8 382.2 150C384.7 141.2 388.2 127.8 389.6 123C391 118.2 390 121.8 390.5 121C391 120.2 391.8 118.9 392.5 118C393.3 117.1 393.4 116.7 395 115.5C396.6 114.2 399.5 112 402 110.5C404.5 109.1 407 108 410 106.7C413 105.4 420 103 420 103C420 103 422 102.5 419 102.2C416 102 407.5 101.8 402 101.3C396.5 100.8 392.5 100.3 386 99.2C379.5 98.2 368.3 96.2 363 95.2C357.7 94.2 358.7 94.4 354 93.2C349.3 92 339.7 89.6 335 88.2C330.3 86.9 330.2 86.8 326 85.3C321.8 83.8 314.5 81.1 310 79.3C305.5 77.5 302.5 76.1 299 74.5C295.5 72.8 293.3 71.7 289 69.4C284.7 67 279 64.1 273 60.3C267 56.4 257.3 49.4 253 46.3C248.7 43.1 250 44 247 41.3C244 38.6 238.5 33.7 234.8 30C231.1 26.3 227.4 22 224.8 19C222.2 16 219 11.8 219 11.8C219 11.8 218.4 10.6 218.2 13C217.9 15.4 217.8 21.8 217.3 26C216.8 30.2 215.7 35.5 215.3 38C214.8 40.5 214.9 39.3 214.4 41C213.9 42.7 215.7 38.7 212.3 48C208.8 57.3 198.3 84.5 193.7 97C189.1 109.5 187.5 114.2 184.6 123C181.8 131.8 178.6 142.8 176.6 150C174.6 157.2 173.8 161 172.6 166C171.5 171 170.7 174.8 169.7 180C168.7 185.2 168.2 185.5 166.7 197C165.2 208.5 161.7 239.2 160.7 249C159.6 258.8 160.8 250.2 160.3 256C159.7 261.8 157.9 277.7 157.2 284C156.4 290.3 155.6 294 155.6 294L156 294.7C156 294.7 155 296.8 157.2 294C159.3 291.2 164.5 283.4 168.8 278C173.1 272.6 179.3 265.5 183 261.4C186.7 257.2 187.7 256.1 190.7 253C193.7 249.9 196.8 246.8 201 242.8C205.2 238.8 210.5 233.7 216 228.9C221.5 224 228.5 218.2 234 213.9C239.5 209.5 244.5 206 249 202.8C253.5 199.7 257 197.5 261 195C265 192.4 270 189.4 273 187.7C276 186 279 184.9 279 184.9C279 184.9 280.1 183.5 279.2 186C278.2 188.5 274.9 196.2 273 200C271.2 203.8 270.5 205.3 268.3 209C266.2 212.7 262.6 218.3 260.1 222C257.6 225.7 255.9 227.8 253.4 231C250.9 234.2 247.7 237.8 245 240.9C242.3 244 243.3 243.2 237 249.5C230.7 255.9 217 268.9 207 279C197 289.1 188.3 297.5 176.7 310C165.2 322.5 147 343.3 137.7 354C128.4 364.7 126.5 367 120.9 374C115.2 381 108.8 389.2 103.7 396C98.7 402.8 94.2 409.5 90.5 415C86.8 420.5 85.3 422.8 81.7 429C78 435.2 72.2 445.2 68.6 452C64.9 458.8 62.2 465 59.9 470C57.7 475 56.8 476.7 55 482C53.1 487.3 50.1 497.2 48.8 502C47.4 506.8 47.4 507.5 46.7 511C46 514.5 45.3 518 44.7 523C44 528 43.1 532.2 42.8 541C42.4 549.8 42.5 569.8 42.5 576C42.6 582.2 43 577.9 43 577.9L43 577.9Z%22/%3E%3C/svg%3E");
}

/* ── البطل ── */
.hm-hero { padding-block: 40px 16px; position: relative; }
.hm-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 24px;
  align-items: center;
  min-block-size: min(78vh, 680px);
}
.hm h1 {
  font-size: clamp(2.3rem, 6vw, 4.3rem);
  font-weight: 700;
  line-height: 1.16;
  margin-block-end: 20px;
}
.hm-hero .ms-lead { max-inline-size: 560px; margin-block-end: 28px; font-size: clamp(1rem, 1.9vw, 1.14rem); }

/* «طلبك جاهز!» داخل العنوان: نفس شكل التنبيه اللي يشوفه الزبون */
.hm-ready {
  position: relative;
  display: inline-block;
  padding: 0.02em 0.38em 0.1em;
  border-radius: 0.34em;
  color: #8af3e6;
  white-space: nowrap;
  background: linear-gradient(180deg, rgba(45, 212, 191, 0.24), rgba(45, 212, 191, 0.07));
  border: 1px solid rgba(45, 212, 191, 0.5);
  box-shadow: 0 0 44px -10px var(--hm-glow), inset 0 1px 0 rgba(255, 255, 255, 0.14);
}
.hm-ready::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  border: 1px solid rgba(112, 225, 212, 0.75);
  opacity: 0;
  animation: hm-ring 3.2s ease-out 1.2s infinite;
  pointer-events: none;
}
@keyframes hm-ring {
  0% { opacity: 0.85; transform: scale(1); }
  60%, 100% { opacity: 0; transform: scale(1.14, 1.4); }
}

/* ── المسرح ثلاثي الأبعاد ── */
.hm-stage {
  position: relative;
  block-size: clamp(320px, 66vh, 620px);
  display: grid;
  place-items: center;
  perspective: 1200px;
  perspective-origin: 50% 42%;
}
.hm-stage::before {
  content: "";
  position: absolute;
  inset: 4% 8%;
  background: radial-gradient(42% 46% at 50% 46%, rgba(45, 212, 191, 0.2), rgba(45, 212, 191, 0) 72%);
  pointer-events: none;
}
.hm-floor {
  position: absolute;
  inset-block-end: 1%;
  inset-inline: 22%;
  block-size: 12%;
  background: radial-gradient(closest-side, rgba(45, 212, 191, 0.32), rgba(45, 212, 191, 0));
  pointer-events: none;
}
.hm-rig {
  position: relative;
  block-size: 92%;
  aspect-ratio: 433 / 1377;
  translate: 110px 0;
  transform-style: preserve-3d;
  transform: rotateX(var(--hm-rx)) rotateY(var(--hm-ry));
  will-change: transform;
}
.hm-mark { position: absolute; inset: 0; transform-style: preserve-3d; }
.hm-mark > i,
.hm-face {
  position: absolute;
  inset: 0;
  -webkit-mask: var(--hm-mask) center / 100% 100% no-repeat;
  mask: var(--hm-mask) center / 100% 100% no-repeat;
}
/* جسم الشعار: كل طبقة أعمق أغمق شوي */
.hm-mark > i {
  transform: translateZ(calc(var(--i) * -2.6px));
  background: linear-gradient(
    180deg,
    hsl(173 66% calc(34% - var(--i) * 1.7%)),
    hsl(174 74% calc(20% - var(--i) * 1.1%))
  );
}
.hm-face {
  transform: translateZ(0.5px);
  overflow: hidden;
  background: linear-gradient(168deg, #d2fff8 0%, #78f0df 15%, #2dd4bf 40%, #1ba997 70%, #0f7c6e 100%);
}
/* اللمعة: شريط فاتح يمشي على الوجه حسب الميلان */
.hm-sheen {
  position: absolute;
  inset-block: -10%;
  inset-inline: -150%;
  background: linear-gradient(104deg, rgba(255, 255, 255, 0) 41%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 59%);
  will-change: transform;
}

/* ── شاشة التنبيه الطايرة قدام الشعار ── */
.hm-pager {
  position: absolute;
  inset-block-start: 56%;
  inset-inline-start: calc(100% + 18px);
  inline-size: 206px;
  padding: 14px 16px 16px;
  border-radius: 18px;
  background: linear-gradient(165deg, rgba(22, 36, 32, 0.96), rgba(9, 16, 14, 0.96));
  border: 1px solid rgba(45, 212, 191, 0.32);
  box-shadow: 0 28px 60px -22px rgba(0, 0, 0, 0.85), 0 0 46px -18px var(--hm-glow);
  transform: translateZ(64px) rotateY(-6deg);
  text-align: start;
}
.hm-pager p { margin: 0; }
.hm-pager-top { font-size: 12px; color: var(--ms-muted); }
.hm-pager-num { font-size: 46px; line-height: 1.1; font-weight: 500; color: var(--ms-fg); margin-block: 4px 2px !important; }
.hm-pager-state { position: relative; block-size: 26px; font-size: 15px; font-weight: 700; }
.hm-pager-state span { position: absolute; inset-inline-start: 0; inset-block-start: 0; white-space: nowrap; }
.hm-s1 { color: var(--ms-muted); animation: hm-s1 6s ease-in-out infinite; }
.hm-s2 { color: var(--ms-teal); opacity: 0; animation: hm-s2 6s ease-in-out infinite; }
.hm-pager-bar {
  display: block;
  block-size: 4px;
  margin-block-start: 10px;
  border-radius: 4px;
  background: var(--ms-line);
  overflow: hidden;
}
.hm-pager-bar::after {
  content: "";
  display: block;
  block-size: 100%;
  background: var(--ms-teal);
  transform-origin: right;
  animation: hm-bar 6s linear infinite;
}
.hm-pager::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  border: 1.5px solid var(--ms-teal);
  box-shadow: 0 0 34px -4px var(--hm-glow);
  opacity: 0;
  animation: hm-glow 6s ease-in-out infinite;
  pointer-events: none;
}
@keyframes hm-s1 { 0%, 50% { opacity: 1; transform: none; } 56%, 95% { opacity: 0; transform: translateY(-8px); } 100% { opacity: 1; transform: none; } }
@keyframes hm-s2 { 0%, 50% { opacity: 0; transform: translateY(8px); } 56%, 93% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes hm-bar { 0% { transform: scaleX(0.04); } 52%, 100% { transform: scaleX(1); } }
@keyframes hm-glow { 0%, 52% { opacity: 0; } 58%, 90% { opacity: 1; } 100% { opacity: 0; } }
.hm-paused .hm-pager *,
.hm-paused .hm-pager::before,
.hm-paused .hm-pager-bar::after { animation-play-state: paused; }

/* ── كيف يشتغل ── */
.hm-steps {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  position: relative;
}
.hm-steps::before {
  content: "";
  position: absolute;
  inset-block-start: 66px;
  inset-inline: 12%;
  block-size: 1px;
  background: linear-gradient(90deg, rgba(45, 212, 191, 0), rgba(45, 212, 191, 0.5), rgba(45, 212, 191, 0));
}
.hm-step { position: relative; display: flex; flex-direction: column; gap: 10px; }
.hm-step h3 { display: flex; align-items: center; gap: 10px; font-size: 1.12rem; font-weight: 700; }
.hm-step p { color: var(--ms-muted); line-height: 1.75; }
.hm-n {
  display: inline-grid;
  place-items: center;
  inline-size: 26px;
  block-size: 26px;
  border-radius: 50%;
  font-size: 13px;
  color: var(--ms-on-teal);
  background: var(--ms-teal);
  flex: none;
}
.hm-mini {
  position: relative;
  block-size: 132px;
  border-radius: var(--ms-radius);
  border: 1px solid var(--ms-line);
  background: linear-gradient(158deg, rgba(20, 30, 27, 0.92), rgba(10, 17, 15, 0.92));
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 8px;
  padding: 14px;
  margin-block-end: 6px;
}
.hm-mini-cap { font-size: 12px; color: var(--ms-muted); }
.hm-qr {
  position: relative;
  inline-size: 64px;
  block-size: 64px;
  border-radius: 10px;
  background:
    radial-gradient(circle, #0b1210 34%, transparent 36%) 0 0 / 8px 8px,
    #e8efec;
  background-clip: content-box, padding-box;
  padding: 6px;
}
.hm-qr i {
  position: absolute;
  inline-size: 18px;
  block-size: 18px;
  border: 4px solid #0b1210;
  border-radius: 4px;
  background: #e8efec;
  box-shadow: inset 0 0 0 2px #e8efec, inset 0 0 0 6px #0b1210;
}
.hm-qr i:nth-child(1) { inset-block-start: 6px; inset-inline-start: 6px; }
.hm-qr i:nth-child(2) { inset-block-start: 6px; inset-inline-end: 6px; }
.hm-qr i:nth-child(3) { inset-block-end: 6px; inset-inline-start: 6px; }
.hm-qr b {
  position: absolute;
  inset-block-end: 8px;
  inset-inline-end: 8px;
  inline-size: 12px;
  block-size: 12px;
  border-radius: 3px;
  background: var(--ms-teal);
}
.hm-mini-item { grid-template-columns: 1fr auto; place-content: center stretch; justify-items: stretch; align-items: center; inline-size: 100%; }
.hm-item { display: grid; text-align: start; }
.hm-item b { font-size: 15px; }
.hm-item em { font-style: normal; font-size: 12px; color: var(--ms-muted); }
.hm-item-price { font-family: var(--ms-mono); font-size: 14px; color: var(--ms-fg); }
.hm-item-add {
  grid-column: 1 / -1;
  justify-self: stretch;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  padding: 7px 10px;
  border-radius: 10px;
  color: var(--ms-on-teal);
  background: var(--ms-teal);
}
.hm-mini-pay { inline-size: 100%; place-content: center stretch; }
.hm-pay {
  font-size: 12.5px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--ms-rule);
  color: var(--ms-muted);
  text-align: center;
}
.hm-pay-on { border-color: var(--ms-teal); color: var(--ms-fg); background: rgba(45, 212, 191, 0.08); }
.hm-mini-num { font-size: 34px; line-height: 1; color: var(--ms-fg); }
.hm-mini-go {
  font-size: 14px;
  font-weight: 700;
  color: var(--ms-on-teal);
  background: var(--ms-teal);
  padding: 5px 14px;
  border-radius: 999px;
  box-shadow: 0 0 30px -6px var(--hm-glow);
}

/* ── المزايا ── */
.hm-groups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.hm-group h3 { display: flex; align-items: center; gap: 10px; font-size: 1.15rem; font-weight: 700; margin-block-end: 14px; }
.hm-group h3 svg { inline-size: 22px; block-size: 22px; color: var(--ms-teal); flex: none; }
.hm-group ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
.hm-group li { color: var(--ms-muted); font-size: 0.95rem; line-height: 1.7; padding-inline-start: 14px; border-inline-start: 2px solid var(--ms-line); }
.hm-group li b { display: block; color: var(--ms-fg); font-weight: 600; font-size: 1rem; }
.hm-money {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  max-inline-size: 860px;
  margin: 26px auto 0;
  padding: 16px 20px;
  border-radius: var(--ms-radius);
  border: 1px solid rgba(45, 212, 191, 0.35);
  background: rgba(45, 212, 191, 0.06);
  color: var(--ms-muted);
  line-height: 1.7;
}
.hm-money b { color: var(--ms-fg); }
.hm-money svg { inline-size: 26px; block-size: 26px; color: var(--ms-teal); flex: none; }

/* ── الباقات (البطاقات من site.css) ── */
.hm .ms-plan h3 { font-size: 1.35rem; font-weight: 700; margin: 0; }
.hm-final-cta { justify-content: center; }

/* ── الجوال والتابلت ── */
@media (max-width: 960px) {
  .hm-groups { grid-template-columns: minmax(0, 1fr); max-inline-size: 640px; margin-inline: auto; }
  .hm-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hm-steps::before { display: none; }
}
@media (max-width: 899px) {
  .hm-hero { padding-block: 20px 8px; }
  .hm-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 8px; min-block-size: 0; text-align: center; }
  .hm-stage { order: -1; block-size: 300px; }
  .hm-rig { block-size: 94%; translate: 108px 0; }
  .hm-hero .ms-lead { margin-inline: auto; }
  .hm-hero .ms-cta,
  .hm-hero .ms-hero-meta { justify-content: center; }
  .hm-pager { inline-size: 148px; padding: 10px 12px 12px; border-radius: 14px; inset-block-start: 48%; inset-inline-start: calc(100% + 30px); transform: translateZ(48px) rotateY(-6deg); }
  .hm-pager-num { font-size: 32px; }
  .hm-pager-top { font-size: 11px; }
  .hm-pager-state { font-size: 14px; block-size: 22px; }
}
@media (max-width: 560px) {
  .hm-steps { grid-template-columns: minmax(0, 1fr); }
  .hm-mini { block-size: 116px; }
  .hm-money { flex-direction: column; text-align: center; }
}

/* بدون حركة: الشعار ثابت بميلان خفيف، والتنبيه على «طلبك جاهز!» */
@media (prefers-reduced-motion: reduce) {
  .hm-ready::after,
  .hm-s1, .hm-s2, .hm-pager-bar::after, .hm-pager::before { animation: none; }
  .hm-s1 { opacity: 0; }
  .hm-s2 { opacity: 1; }
  .hm-pager::before { opacity: 1; }
  .hm-pager-bar::after { transform: none; }
  .hm-rig { will-change: auto; }
}

/* متصفح ما يدعم القناع: نعرض الشعار صورة عادية */
@supports not ((mask-image: url("x.svg")) or (-webkit-mask-image: url("x.svg"))) {
  .hm-mark > i { display: none; }
  .hm-face { background: url("misnad-mark.svg") center / 100% 100% no-repeat; }
  .hm-sheen { display: none; }
}