@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 300; font-display: swap; src: url("assets/fonts/readex-pro-300.woff2") format("woff2"); unicode-range: U+600-6FF, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }

@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 300; font-display: swap; src: url("assets/fonts/readex-pro-300-2.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }

@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 300; font-display: swap; src: url("assets/fonts/readex-pro-300-3.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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: "Readex Pro"; font-style: normal; font-weight: 300; font-display: swap; src: url("assets/fonts/readex-pro-300-4.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/readex-pro-400.woff2") format("woff2"); unicode-range: U+600-6FF, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }

@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/readex-pro-400-2.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }

@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/readex-pro-400-3.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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: "Readex Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/readex-pro-400-4.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/readex-pro-500.woff2") format("woff2"); unicode-range: U+600-6FF, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }

@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/readex-pro-500-2.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }

@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/readex-pro-500-3.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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: "Readex Pro"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/readex-pro-500-4.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/fonts/readex-pro-600.woff2") format("woff2"); unicode-range: U+600-6FF, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }

@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/fonts/readex-pro-600-2.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }

@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/fonts/readex-pro-600-3.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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: "Readex Pro"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/fonts/readex-pro-600-4.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/fonts/readex-pro-700.woff2") format("woff2"); unicode-range: U+600-6FF, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }

@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/fonts/readex-pro-700-2.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }

@font-face { font-family: "Readex Pro"; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/fonts/readex-pro-700-3.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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: "Readex Pro"; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/fonts/readex-pro-700-4.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 300; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-300.woff2") format("woff2"); unicode-range: U+600-6FF, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }

@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 300; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-300-2.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 300; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-300-3.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 300; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-300-4.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-400.woff2") format("woff2"); unicode-range: U+600-6FF, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }

@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-400-2.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-400-3.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-400-4.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-500.woff2") format("woff2"); unicode-range: U+600-6FF, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }

@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-500-2.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-500-3.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-500-4.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-600.woff2") format("woff2"); unicode-range: U+600-6FF, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }

@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-600-2.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-600-3.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-600-4.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-700.woff2") format("woff2"); unicode-range: U+600-6FF, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }

@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-700-2.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-700-3.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/fonts/ibm-plex-sans-arabic-700-4.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/ibm-plex-mono-400.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/ibm-plex-mono-400-2.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }

@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/ibm-plex-mono-400-3.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }

@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/ibm-plex-mono-400-4.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/ibm-plex-mono-400-5.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/ibm-plex-mono-500.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/ibm-plex-mono-500-2.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }

@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/ibm-plex-mono-500-3.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }

@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/ibm-plex-mono-500-4.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/ibm-plex-mono-500-5.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@keyframes bob { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-9px); }
}

@keyframes mv { 
  100% { transform: translateX(-50%); }
}

@keyframes mvr { 
  100% { transform: translateX(50%); }
}

@keyframes pmv { 
  100% { transform: translateX(-50%); }
}

@keyframes rot { 
  100% { transform: rotate(360deg); }
}

@keyframes unrot { 
  100% { transform: rotate(-360deg); }
}

:root{--paper: #FFFFFF; --panel: #F6F9FD; --panel-2: #ECF3FA; --line: #E4EBF4; --line-2: #CBD8E9; --ink: #01014A; --ink-2: #47527E; --ink-3: #7C88AE; --brand: #1883C1; --brand-hi: #0E77B6; --brand-soft: #EAF4FB; --navy: #01014A; --ok: #0E9E6B; --amber: #D98A0B; --sh-sm: 0 1px 2px rgba(1,1,74,.05),0 2px 8px rgba(1,1,74,.04); --sh-md: 0 14px 36px -18px rgba(1,1,74,.22),0 2px 8px rgba(1,1,74,.05); --sh-lg: 0 40px 90px -44px rgba(1,1,74,.38); --r: 16px; --r-lg: 24px; --maxw: 1200px; --f-d: "Readex Pro","IBM Plex Sans Arabic",system-ui,sans-serif; --f-b: "IBM Plex Sans Arabic","Readex Pro",system-ui,sans-serif; --f-m: "IBM Plex Mono",ui-monospace,monospace;}

@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){--paper: #060630; --panel: #0B0B3C; --panel-2: #12124A; --line: #20205F; --line-2: #2E2E78; --ink: #EDF1FF; --ink-2: #AAB4DE; --ink-3: #7B86B6; --brand: #41A7E4; --brand-hi: #63BAF0; --brand-soft: #0E2C46; --navy: #02023A; --ok: #2CC38C; --amber: #E9A73A; --sh-sm: 0 1px 2px rgba(0,0,0,.5); --sh-md: 0 14px 38px -18px rgba(0,0,0,.8); --sh-lg: 0 40px 90px -44px rgba(0,0,0,.95);}
}

:root[data-theme="dark"]{--paper: #060630; --panel: #0B0B3C; --panel-2: #12124A; --line: #20205F; --line-2: #2E2E78; --ink: #EDF1FF; --ink-2: #AAB4DE; --ink-3: #7B86B6; --brand: #41A7E4; --brand-hi: #63BAF0; --brand-soft: #0E2C46; --navy: #02023A; --ok: #2CC38C; --amber: #E9A73A; --sh-sm: 0 1px 2px rgba(0,0,0,.5); --sh-md: 0 14px 38px -18px rgba(0,0,0,.8); --sh-lg: 0 40px 90px -44px rgba(0,0,0,.95);}
*, ::before, ::after{box-sizing: border-box;}
body{background: var(--paper); color: var(--ink); font-family: var(--f-b); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; overflow-x: hidden;}
h1, h2, h3, h4{font-family: var(--f-d); font-weight: 600; line-height: 1.2; text-wrap: balance; margin: 0px;}
p{margin: 0px;}
a{color: inherit; text-decoration: none;}
img{max-width: 100%;}
button{font-family: inherit; cursor: pointer; border: 0px; background: none; color: inherit;}
:focus-visible{outline: 2.5px solid var(--brand); outline-offset: 3px; border-radius: 5px;}
i[data-lucide]{display: inline-block; width: 24px; height: 24px;}

@media (prefers-reduced-motion: reduce){
*{animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important;}
}

:root, :root{--paper: #FFFFFF; --panel: #F6F9FD; --panel-2: #ECF3FA; --line: #E4EBF4; --line-2: #CBD8E9; --ink: #01014A; --ink-2: #47527E; --ink-3: #7C88AE; --brand: #1883C1; --brand-hi: #0E77B6; --brand-soft: #EAF4FB; --navy: #01014A; --ok: #0E9E6B; --amber: #D98A0B; --sh-sm: 0 1px 2px rgba(1,1,74,.05),0 2px 8px rgba(1,1,74,.04); --sh-md: 0 14px 36px -18px rgba(1,1,74,.22),0 2px 8px rgba(1,1,74,.05); --sh-lg: 0 40px 90px -44px rgba(1,1,74,.38); --maxw: 1200px; --f-d: "Readex Pro","IBM Plex Sans Arabic",system-ui,sans-serif; --f-b: "IBM Plex Sans Arabic","Readex Pro",system-ui,sans-serif; --f-m: "IBM Plex Mono",ui-monospace,monospace; --sc-l: #BE185D; --sc-d: #F472B6; --sc: var(--sc-l); --sc-soft: color-mix(in srgb,var(--sc) 9%,#FFFFFF);}

@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]), :root:not([data-theme="light"]){--paper: #060630; --panel: #0B0B3C; --panel-2: #12124A; --line: #20205F; --line-2: #2E2E78; --ink: #EDF1FF; --ink-2: #AAB4DE; --ink-3: #7B86B6; --brand: #41A7E4; --brand-hi: #63BAF0; --brand-soft: #0E2C46; --navy: #02023A; --ok: #2CC38C; --amber: #E9A73A; --sc: var(--sc-d); --sc-soft: color-mix(in srgb,var(--sc) 19%,#060630); --sh-sm: 0 1px 2px rgba(0,0,0,.5); --sh-md: 0 14px 38px -18px rgba(0,0,0,.8); --sh-lg: 0 40px 90px -44px rgba(0,0,0,.95);}
}

:root[data-theme="dark"], :root[data-theme="dark"]{--paper: #060630; --panel: #0B0B3C; --panel-2: #12124A; --line: #20205F; --line-2: #2E2E78; --ink: #EDF1FF; --ink-2: #AAB4DE; --ink-3: #7B86B6; --brand: #41A7E4; --brand-hi: #63BAF0; --brand-soft: #0E2C46; --navy: #02023A; --ok: #2CC38C; --amber: #E9A73A; --sc: var(--sc-d); --sc-soft: color-mix(in srgb,var(--sc) 19%,#060630); --sh-sm: 0 1px 2px rgba(0,0,0,.5); --sh-md: 0 14px 38px -18px rgba(0,0,0,.8); --sh-lg: 0 40px 90px -44px rgba(0,0,0,.95);}
/* duplicate of the reset above - removed */
body, body{background: var(--paper); color: var(--ink); font-family: var(--f-b); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; overflow-x: hidden;}
h1, h1, h2, h2, h3, h3, h4, h4{font-family: var(--f-d); font-weight: 600; line-height: 1.2; text-wrap: balance; margin: 0px;}
p, p{margin: 0px;}
a, a{color: inherit; text-decoration: none;}
img, img{max-width: 100%;}
button, button{font-family: inherit; cursor: pointer; border: 0px; background: none; color: inherit;}
:focus-visible, :focus-visible{outline: 2.5px solid var(--brand); outline-offset: 3px; border-radius: 5px;}
i[data-lucide], i[data-lucide]{display: inline-block; width: 24px; height: 24px;}

@media (prefers-reduced-motion: reduce){
*, *{animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important;}
}

:root{--paper: #FFFFFF; --panel: #F6F9FD; --panel-2: #ECF3FA; --line: #E4EBF4; --line-2: #CBD8E9; --ink: #01014A; --ink-2: #47527E; --ink-3: #7C88AE; --brand: #1883C1; --brand-hi: #0E77B6; --brand-soft: #EAF4FB; --navy: #01014A; --ok: #0E9E6B; --amber: #D98A0B; --sh-sm: 0 1px 2px rgba(1,1,74,.05),0 2px 8px rgba(1,1,74,.04); --sh-md: 0 14px 36px -18px rgba(1,1,74,.22),0 2px 8px rgba(1,1,74,.05); --sh-lg: 0 40px 90px -44px rgba(1,1,74,.38); --maxw: 1200px; --f-d: "Readex Pro","IBM Plex Sans Arabic",system-ui,sans-serif; --f-b: "IBM Plex Sans Arabic","Readex Pro",system-ui,sans-serif; --f-m: "IBM Plex Mono",ui-monospace,monospace; --sc-l: #BE185D; --sc-d: #F472B6; --sc: var(--sc-l); --sc-soft: color-mix(in srgb,var(--sc) 9%,#FFFFFF);}

@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){--paper: #060630; --panel: #0B0B3C; --panel-2: #12124A; --line: #20205F; --line-2: #2E2E78; --ink: #EDF1FF; --ink-2: #AAB4DE; --ink-3: #7B86B6; --brand: #41A7E4; --brand-hi: #63BAF0; --brand-soft: #0E2C46; --navy: #02023A; --ok: #2CC38C; --amber: #E9A73A; --sc: var(--sc-d); --sc-soft: color-mix(in srgb,var(--sc) 19%,#060630); --sh-sm: 0 1px 2px rgba(0,0,0,.5); --sh-md: 0 14px 38px -18px rgba(0,0,0,.8); --sh-lg: 0 40px 90px -44px rgba(0,0,0,.95);}
}

:root[data-theme="dark"]{--paper: #060630; --panel: #0B0B3C; --panel-2: #12124A; --line: #20205F; --line-2: #2E2E78; --ink: #EDF1FF; --ink-2: #AAB4DE; --ink-3: #7B86B6; --brand: #41A7E4; --brand-hi: #63BAF0; --brand-soft: #0E2C46; --navy: #02023A; --ok: #2CC38C; --amber: #E9A73A; --sc: var(--sc-d); --sc-soft: color-mix(in srgb,var(--sc) 19%,#060630); --sh-sm: 0 1px 2px rgba(0,0,0,.5); --sh-md: 0 14px 38px -18px rgba(0,0,0,.8); --sh-lg: 0 40px 90px -44px rgba(0,0,0,.95);}
:root{--paper: #FFFFFF; --panel: #F6F9FD; --panel-2: #ECF3FA; --line: #E4EBF4; --line-2: #CBD8E9; --ink: #01014A; --ink-2: #47527E; --ink-3: #7C88AE; --brand: #1883C1; --brand-hi: #0E77B6; --brand-soft: #EAF4FB; --navy: #01014A; --ok: #0E9E6B; --amber: #D98A0B; --crit: #D14343; --sh-sm: 0 1px 2px rgba(1,1,74,.05),0 2px 8px rgba(1,1,74,.04); --sh-md: 0 14px 36px -18px rgba(1,1,74,.22),0 2px 8px rgba(1,1,74,.05); --sh-lg: 0 40px 90px -44px rgba(1,1,74,.38); --f-d: "Readex Pro","IBM Plex Sans Arabic",system-ui,sans-serif; --f-b: "IBM Plex Sans Arabic","Readex Pro",system-ui,sans-serif; --f-m: "IBM Plex Mono",ui-monospace,monospace; --viz-base: #E3F0FA; --form-base: #FFFFFF;}

@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){--paper: #060630; --panel: #0B0B3C; --panel-2: #12124A; --line: #20205F; --line-2: #2E2E78; --ink: #EDF1FF; --ink-2: #AAB4DE; --ink-3: #7B86B6; --brand: #41A7E4; --brand-hi: #63BAF0; --brand-soft: #0E2C46; --navy: #02023A; --ok: #2CC38C; --amber: #E9A73A; --crit: #EC6A6A; --sh-sm: 0 1px 2px rgba(0,0,0,.5); --sh-md: 0 14px 38px -18px rgba(0,0,0,.8); --sh-lg: 0 40px 90px -44px rgba(0,0,0,.95); --viz-base: #0B1440; --form-base: #060630;}
}

:root[data-theme="dark"]{--paper: #060630; --panel: #0B0B3C; --panel-2: #12124A; --line: #20205F; --line-2: #2E2E78; --ink: #EDF1FF; --ink-2: #AAB4DE; --ink-3: #7B86B6; --brand: #41A7E4; --brand-hi: #63BAF0; --brand-soft: #0E2C46; --navy: #02023A; --ok: #2CC38C; --amber: #E9A73A; --crit: #EC6A6A; --sh-sm: 0 1px 2px rgba(0,0,0,.5); --sh-md: 0 14px 38px -18px rgba(0,0,0,.8); --sh-lg: 0 40px 90px -44px rgba(0,0,0,.95); --viz-base: #0B1440; --form-base: #060630;}
body{background: var(--paper); color: var(--ink); font-family: var(--f-b); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; min-height: 100vh;}
input, select, textarea{font-family: inherit;}
:focus-visible{outline: 2.5px solid var(--brand); outline-offset: 3px; border-radius: 6px;}

@media (prefers-reduced-motion: reduce){
*{animation-duration: 0.001ms !important; transition-duration: 0.001ms !important;}
}

.tile{background: rgb(255, 255, 255); border: 1px solid rgba(1, 1, 74, 0.08); border-radius: 14px; display: grid; place-items: center; flex-shrink: 0; padding: 13px 17px; box-shadow: rgba(1, 1, 74, 0.28) 0px 4px 14px -8px; transition: transform 0.2s;}
.tile:hover{transform: translateY(-3px);}
/* removed: earlier .tile img copy - superseded below */
.tile img{width: 100%; height: 100%; object-fit: contain; display: block; max-width: 100%; max-height: 100%;}
.tile.sm img{height: 20px;}
.tile.lg img{height: 32px;}
.tile.snap{background: rgb(255, 252, 0);}
.wordtile{background: rgb(255, 255, 255); border: 1px solid rgba(1, 1, 74, 0.08); border-radius: 14px; padding: 14px 20px; flex-shrink: 0; display: grid; place-items: center; box-shadow: rgba(1, 1, 74, 0.28) 0px 4px 14px -8px; transition: transform 0.2s;}
.wordtile:hover{transform: translateY(-3px);}
.wordtile b{font-family: var(--f-d); font-weight: 800; font-size: 16px; letter-spacing: -0.02em; line-height: 1; color: rgb(14, 18, 54);}
.nav{position: sticky; top: 0px; z-index: 80; background: color-mix(in srgb,var(--paper) 88%,transparent); backdrop-filter: saturate(180%) blur(16px); border-bottom: 1px solid var(--line);}
.nav-in{max-width: var(--maxw); margin-inline: auto; padding: 0px 24px; height: 72px; display: flex; align-items: center; gap: 26px;}
.brand{display: flex; align-items: center; flex-shrink: 0;}
.brand img{height: 30px; width: auto;}
.nlinks{display: flex; align-items: center; gap: 2px; flex: 1 1 0%;}
.nlink{padding: 8px 13px; border-radius: 10px; font-size: 14.5px; font-weight: 500; color: var(--ink-2); display: flex; align-items: center; gap: 5px; transition: background 0.16s, color 0.16s;}
.nlink:hover{background: var(--panel); color: var(--ink);}
.car{width: 9px; height: 9px; opacity: 0.5;}
.nact{display: flex; align-items: center; gap: 8px; flex-shrink: 0;}
.icobtn{width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; color: var(--ink-2); border: 1px solid var(--line); transition: 0.16s; font-size: 12.5px; font-weight: 600;}
.icobtn:hover{color: var(--brand); border-color: var(--brand);}
.nlink.on{background: var(--brand-soft); color: var(--brand);}
.nlink.on .car{transform: rotate(180deg);}
.megawrap{position: absolute; top: 100%; inset-inline: 0px; z-index: 90; display: flex; justify-content: center; padding: 8px 24px 24px; pointer-events: none; opacity: 0; transform: translateY(-10px); transition: opacity 0.18s, transform 0.2s cubic-bezier(0.2, 0.8, 0.3, 1);}
.megawrap.open{opacity: 1; transform: none; pointer-events: auto;}
.mega{width: 100%; max-width: 1160px; background: var(--paper); border: 1px solid var(--line); border-radius: 24px; box-shadow: var(--sh-lg); padding: 24px 28px 26px;}

@media (max-width: 1000px){
.megawrap{display: none;}
}

.mega-t{font-family: var(--f-d); font-weight: 600; font-size: 19px; letter-spacing: -0.02em; color: var(--brand);}
.mega-hr{height: 1px; background: var(--line); margin: 14px 0px 18px;}
.mgrid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;}
.mgrid .mrow{padding: 11px 12px; gap: 10px;}
.mgrid .mthumb{width: 44px; height: 44px; border-radius: 13px;}
.mgrid .mthumb .lucide{width: 20px; height: 20px;}
.mgrid .mr-t b{font-size: 13.5px;}
.mgrid .mr-t span{font-size: 11.5px; line-height: 1.5;}

@media (max-width: 1080px){
.mgrid{grid-template-columns: repeat(2, 1fr);}
}

.mrow{display: flex; gap: 14px; align-items: center; padding: 13px 14px; border-radius: 16px; border: 1px solid transparent; transition: background 0.16s, border-color 0.16s, transform 0.16s;}
.mrow:hover{background: var(--panel); border-color: var(--line); transform: translateY(-2px);}
.mr-t{flex: 1 1 0%; min-width: 0px;}
.mr-t b{display: block; font-family: var(--f-d); font-weight: 600; font-size: 15px; letter-spacing: -0.015em; line-height: 1.35;}
.mr-t span{display: block; font-size: 12.5px; color: var(--ink-3); line-height: 1.5; margin-top: 4px;}
.mthumb{width: 104px; height: 72px; border-radius: 13px; flex-shrink: 0; overflow: hidden; position: relative; display: grid; place-items: center; box-shadow: var(--sh-sm); border: 1px solid rgba(1, 1, 74, 0.07);}
.mthumb img{width: 100%; height: 100%; object-fit: cover; display: block;}
.mthumb .gl{font-size: 28px; line-height: 1; position: relative; z-index: 1; filter: drop-shadow(rgba(1, 1, 74, 0.25) 0px 5px 9px);}
.mega-foot{display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line);}
.mega-foot .note{font-size: 13px; color: var(--ink-3);}
.mega-foot .lnks{display: flex; gap: 16px; flex-wrap: wrap;}
.mega-foot .lnks a{font-size: 13.5px; font-weight: 600; color: var(--brand); display: inline-flex; align-items: center; gap: 5px;}
.msec{display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px;}

@media (max-width: 1120px){
.msec{grid-template-columns: repeat(5, 1fr);}
}

.mstile{display: flex; flex-direction: column; align-items: center; gap: 9px; padding: 15px 8px; border-radius: 15px; text-align: center; border: 1px solid transparent; transition: 0.16s;}
.mstile:hover{background: var(--panel); border-color: var(--line); transform: translateY(-3px);}
.mstile .em{width: 50px; height: 50px; border-radius: 16px; display: grid; place-items: center; font-size: 23px; background: var(--mc);}
.mstile b{font-size: 12.5px; font-family: var(--f-d); font-weight: 600; line-height: 1.35;}
.foot{background: var(--panel); border-top: 1px solid var(--line); padding: 52px 0px 32px;}
.fdim{color: var(--ink-3); cursor: default;}
.fgrid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 44px;}

@media (max-width: 900px){
.fdim{color: var(--ink-3); cursor: default;}
.fgrid{grid-template-columns: 1fr 1fr;}
}

.fabout p{font-size: 14px; color: var(--ink-2); margin-top: 15px; max-width: 28em; line-height: 1.75;}
.socials{display: flex; gap: 8px; margin-top: 18px;}
.soc{width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: rgb(255, 255, 255); border: 1px solid var(--line); transition: transform 0.16s;}
.soc:hover{transform: translateY(-2px);}
.soc.snap{background: rgb(255, 252, 0);}
/* removed: earlier .soc img copy - superseded below */
.soc img{width: 18px; height: 18px; object-fit: contain;}
.foot h5{font-size: 13.5px; font-weight: 600; margin: 0px 0px 13px; font-family: var(--f-d);}
.foot ul{list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 9px;}
.foot li a{font-size: 14px; color: var(--ink-2);}
.foot li a:hover{color: var(--brand);}
.fbot{margin-top: 36px; padding-top: 20px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; font-size: 13px; color: var(--ink-3);}
.fpays{display: flex; gap: 8px; margin-top: 18px; flex-wrap: wrap;}
.fpays .tile{padding: 7px 11px; border-radius: 9px; box-shadow: none;}
.fpays .tile{width: 64px; height: 31px; padding: 7px 10px;}
.fpays .tile img{width: 100%; height: 100%; max-width: 44px; max-height: 14px; object-fit: contain;}
.mthumb .lucide{width: 30px; height: 30px; filter: drop-shadow(rgba(1, 1, 74, 0.22) 0px 5px 9px);}
.mstile .em .lucide{width: 23px; height: 23px;}
.legal{display: flex; flex-wrap: wrap; align-items: center; gap: 14px 30px; padding: 20px 0px; margin-top: 26px; border-top: 1px solid var(--line);}
.lgi{display: flex; align-items: center; gap: 11px;}
.lgi > img{flex-shrink: 0; object-fit: contain; display: block;}
.lgi > img[alt="Ministry of Commerce"]{width: 32px; height: 34px;}
.lgi > img[alt="VAT"]{width: 27px; height: 34px;}
.lgi-t{line-height: 1.35;}
.lgi-t b{display: block; font-size: 11.5px; font-weight: 500; color: var(--ink-3);}
.lgi-t span{font-family: var(--f-m); font-size: 13.5px; font-weight: 500; color: var(--ink-2); direction: ltr; display: inline-block; unicode-bidi: isolate;}
.lgi.zoom{cursor: zoom-in; background: none; border: 0px; padding: 0px; font: inherit; text-align: start; border-radius: 8px;}
.lgi.zoom:hover .lgi-t span{color: var(--brand);}
.lgi.zoom:focus-visible{outline: 2px solid var(--brand); outline-offset: 3px;}
.lgi .hint{font-size: 10.5px; color: var(--ink-3); display: block; margin-top: 1px;}
.zatca-badge{display: flex; align-items: center; gap: 10px; margin-inline-start: auto;}
.zatca-badge img[alt="ZATCA"]{width: 131px; height: 32px; object-fit: contain; flex-shrink: 0; display: block;}
.zatca-badge img[alt="Fatoora"]{width: 94px; height: 32px; object-fit: contain; flex-shrink: 0; display: block;}
.zatca-badge span{font-size: 12px; color: var(--ink-3); max-width: 20ch; line-height: 1.45;}

@media (max-width: 720px){
.zatca-badge{margin-inline-start: 0px;}
}

.certbox{position: fixed; inset: 0px; z-index: 200; background: rgba(1, 1, 20, 0.82); display: grid; place-items: center; padding: 28px; backdrop-filter: blur(3px);}
.certbox img{max-width: min(760px, 92vw); max-height: 88vh; width: auto; height: auto; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.8) 0px 40px 90px -30px; background: rgb(255, 255, 255);}
.certbox .x{position: absolute; top: 20px; inset-inline-end: 22px; width: 40px; height: 40px; border-radius: 50%; border: 0px; background: rgba(255, 255, 255, 0.14); color: rgb(255, 255, 255); font-size: 22px; line-height: 1; cursor: pointer;}
.certbox .x:hover{background: rgba(255, 255, 255, 0.26);}

@media (max-width: 600px){
.fgrid{grid-template-columns: 1fr;}
}

.fgrid2{display: grid; grid-template-columns: 1.6fr repeat(4, 1fr); gap: 32px;}

@media (max-width: 820px){
.fgrid2{grid-template-columns: 1fr 1fr;}
}

.zatca-badge img{width: 131px; height: 32px; object-fit: contain; flex-shrink: 0; display: block;}

@media (max-width: 900px){
.fgrid2{grid-template-columns: 1fr 1fr;}
}

.tile.lg{padding: 13px 18px;}
.tile.lg{width: 98px; height: 46px; padding: 11px 15px;}

@media (max-width: 1024px){
html[class][dir] .nlinks{display: none;}
}

body{margin: 0px;}

/* ==========================================================================
   SHARED CHROME - never page-scoped

   Header, mega menu, mobile bar, sheets, footer, legal strip. The markup is
   byte-identical on every page, so the CSS lives here once.

   These used to be copied into each page block and the copies drifted:
     - six of eight pages had no footer sizing, so social icons rendered at
       their natural 342x342 instead of 18x18 and the payment logos at 307px
     - privacy and terms had no chrome CSS at all, not even the box-sizing
       reset, so the header logo came out 520x191
     - the nav breakpoint was 1080px on home and 1000px elsewhere while the
       bottom bar switched at 1024px, leaving a band with no navigation

   Where pages genuinely disagreed, the majority value is the baseline here
   and the minority keeps a page-scoped override below - it still wins on its
   own page by specificity.

   Adding a chrome rule? Put it HERE, not in a page block.
   ========================================================================== */

.tile{background: rgb(255, 255, 255); border: 1px solid rgba(1, 1, 74, 0.08); border-radius: 14px; display: grid; place-items: center; flex-shrink: 0; padding: 14px 18px; box-shadow: rgba(1, 1, 74, 0.28) 0px 4px 14px -8px; transition: transform 0.2s, box-shadow 0.2s;}
.tile:hover{transform: translateY(-3px); box-shadow: rgba(1, 1, 74, 0.4) 0px 14px 28px -14px;}
/* removed: height-only .tile img copy - the combined rule below wins */
:root:not([data-theme="light"]) .brand img{filter: brightness(0) invert(1);}

@media (prefers-color-scheme: light){
:root:not([data-theme="dark"]) .brand img{filter: none;}
}

:root[data-theme="light"] .brand img{filter: none;}
:root[data-theme="dark"] .brand img{filter: brightness(0) invert(1);}
.nlink{padding: 8px 12px; border-radius: 10px; font-size: 14.5px; font-weight: 500; color: var(--ink-2); display: flex; align-items: center; gap: 5px; transition: background 0.16s, color 0.16s;}
.foot{background: var(--panel); border-top: 1px solid var(--line); padding: 56px 0px 34px;}
.foot .fgrid{display: grid; grid-template-columns: 1.7fr repeat(4, 1fr); gap: 32px}
.fabout p{font-size: 14px; color: var(--ink-2); margin-top: 16px; max-width: 28em; line-height: 1.75;}
.foot h5{font-size: 13.5px; font-weight: 600; margin: 0px 0px 14px; font-family: var(--f-d);}
.fbot{margin-top: 40px; padding-top: 22px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; font-size: 13px; color: var(--ink-3);}
.tile img,.wordtile img{width: 100%; height: 100%; object-fit: contain; display: block; max-width: 100%; max-height: 100%;}
.nav{position: sticky; top: 0px; z-index: 80; background: color-mix(in srgb,var(--paper) 88%,transparent); backdrop-filter: saturate(180%) blur(16px); border-bottom: 1px solid var(--line);}
.nav-in{max-width: var(--maxw); margin-inline: auto; padding: 0px 24px; height: 72px; display: flex; align-items: center; gap: 26px;}
.brand{display: flex; align-items: center; flex-shrink: 0;}
.brand img{height: 30px; width: auto;}

@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]) .brand img{filter: brightness(0) invert(1);}
}

.nlinks{display: flex; align-items: center; gap: 2px; flex: 1 1 0%;}
.nlink:hover,.nlink.on{background: var(--panel); color: var(--ink);}
.car{width: 9px; height: 9px; opacity: 0.5;}
.nact{display: flex; align-items: center; gap: 8px; flex-shrink: 0;}
.icobtn{width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; color: var(--ink-2); border: 1px solid var(--line); transition: 0.16s; font-size: 12.5px; font-weight: 600;}
.icobtn:hover{color: var(--brand); border-color: var(--brand);}

@media (max-width: 900px){
.fgrid{grid-template-columns: 1fr 1fr;}
}

@media (max-width: 600px){
.fgrid{grid-template-columns: 1fr;}
}

.fgrid2{display: grid; grid-template-columns: 1.6fr repeat(4, 1fr); gap: 32px;}

@media (max-width: 820px){
.fgrid2{grid-template-columns: 1fr 1fr;}
}

.fdim{color: var(--ink-3); cursor: default;}
.foot ul{list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 9px;}
.foot li a{font-size: 14px; color: var(--ink-2);}
.foot li a:hover{color: var(--brand);}
.legal{display: flex; flex-wrap: wrap; align-items: center; gap: 14px 30px; padding: 20px 0px; margin-top: 26px; border-top: 1px solid var(--line);}
.lgi{display: flex; align-items: center; gap: 11px;}
.lgi > img{flex-shrink: 0; object-fit: contain; display: block;}
.lgi > img[alt="Ministry of Commerce"]{width: 32px; height: 34px;}
.lgi > img[alt="VAT"]{width: 27px; height: 34px;}
.lgi-t{line-height: 1.35;}
.lgi-t b{display: block; font-size: 11.5px; font-weight: 500; color: var(--ink-3);}
.lgi-t span{font-family: var(--f-m); font-size: 13.5px; font-weight: 500; color: var(--ink-2); direction: ltr; display: inline-block; unicode-bidi: isolate;}
.lgi.zoom{cursor: zoom-in; background: none; border: 0px; padding: 0px; font: inherit; text-align: start; border-radius: 8px;}
.lgi.zoom:hover .lgi-t span{color: var(--brand);}
.lgi.zoom:focus-visible{outline: 2px solid var(--brand); outline-offset: 3px;}
.lgi .hint{font-size: 10.5px; color: var(--ink-3); display: block; margin-top: 1px;}
.zatca-badge{display: flex; align-items: center; gap: 10px; margin-inline-start: auto;}
.zatca-badge img[alt="ZATCA"]{width: 131px; height: 32px; object-fit: contain; flex-shrink: 0; display: block;}
.zatca-badge img[alt="Fatoora"]{width: 94px; height: 32px; object-fit: contain; flex-shrink: 0; display: block;}
.zatca-badge span{font-size: 12px; color: var(--ink-3); max-width: 20ch; line-height: 1.45;}

@media (max-width: 720px){
.zatca-badge{margin-inline-start: 0px;}
}

.certbox{position: fixed; inset: 0px; z-index: 200; background: rgba(1, 1, 20, 0.82); display: grid; place-items: center; padding: 28px; backdrop-filter: blur(3px);}
.certbox img{max-width: min(760px, 92vw); max-height: 88vh; width: auto; height: auto; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.8) 0px 40px 90px -30px; background: rgb(255, 255, 255);}
.certbox .x{position: absolute; top: 20px; inset-inline-end: 22px; width: 40px; height: 40px; border-radius: 50%; border: 0px; background: rgba(255, 255, 255, 0.14); color: rgb(255, 255, 255); font-size: 22px; line-height: 1; cursor: pointer;}
.certbox .x:hover{background: rgba(255, 255, 255, 0.26);}
.socials{display: flex; gap: 9px; flex-wrap: wrap; margin-top: 18px;}
/* removed: leftover 34px copy from the p-contact block - the 38px white rule above is the intended one */
/* removed: its hover twin */
/* removed: 17px img copy - .soc img above sets 18px */
.soc.snap{background: rgb(255, 252, 0); border-color: rgb(232, 230, 0);}
.tile.lg img{max-width: 78px; max-height: 22px;}

/* ---- page-specific rules: the genuine divergences only ---- */

html.p-home{scroll-behavior: smooth;}
.p-home .wrap{max-width: var(--maxw); margin-inline: auto; padding-inline: 24px;}
.p-home .mono{font-family: var(--f-m); font-variant-numeric: tabular-nums;}
.p-home .ltr{direction: ltr; unicode-bidi: isolate; display: inline-block;}
.p-home .eyebrow{font-family: var(--f-m); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--brand); font-weight: 500;}
.p-home .on-dark .eyebrow{color: rgb(138, 210, 245);}
.p-home .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 600; font-size: 15px; border-radius: 12px; padding: 12px 21px; transition: transform 0.14s, box-shadow 0.18s, background 0.18s, border-color 0.18s, color 0.18s; white-space: nowrap;}
.p-home .btn:active{transform: translateY(1px);}
.p-home .btn-p{background: var(--brand); color: rgb(255, 255, 255); box-shadow: 0 8px 22px -10px color-mix(in srgb,var(--brand) 80%,transparent);}
.p-home .btn-p:hover{background: var(--brand-hi);}
.p-home .btn-g{border: 1.5px solid var(--line-2); color: var(--ink-2); background: var(--paper);}
.p-home .btn-g:hover{background: var(--panel); color: var(--ink);}
.p-home .btn-w{background: rgb(255, 255, 255); color: rgb(1, 1, 74);}
.p-home .btn-w:hover{background: rgb(230, 239, 248);}
.p-home .btn-o{border: 1.5px solid rgba(255, 255, 255, 0.32); color: rgb(255, 255, 255);}
.p-home .btn-o:hover{background: rgba(255, 255, 255, 0.1);}
.p-home .btn-lg{font-size: 16.5px; padding: 15px 28px; border-radius: 13px;}
.p-home .btn-plain{color: var(--ink-2); padding: 12px 10px;}
.p-home .btn-plain:hover{color: var(--ink);}
.p-home .arw{width: 15px; height: 15px; flex-shrink: 0;}
[dir="ltr"].p-home .arw{transform: scaleX(-1);}

@media (max-width: 1080px){
.p-home .btn-plain{display: none;}
}

.p-home .hero{position: relative; overflow: hidden; padding: 64px 0px 76px; background: radial-gradient(900px 520px at 88% -8%, color-mix(in srgb,var(--brand) 13%,transparent), transparent 62%),
             radial-gradient(700px 460px at 6% 104%, color-mix(in srgb,var(--brand) 8%,transparent), transparent 60%),
             var(--paper);}

@media (max-width: 1000px){
.p-home .hero{padding: 44px 0px 56px;}
}

.p-home .hero-in{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.06fr); gap: 70px; align-items: center; position: relative; z-index: 1;}

@media (max-width: 1040px){
.p-home .hero-in{grid-template-columns: 1fr; gap: 44px;}
}

.p-home .hero-top{min-width: 0px;}
.p-home .hero h1{font-size: clamp(31px, 4.1vw, 52px); font-weight: 600; letter-spacing: -0.032em; margin-top: 14px;}
.p-home .hero h1 em{font-style: normal; color: var(--brand);}
.p-home .hero-sub{font-size: clamp(16px, 1.5vw, 18px); color: var(--ink-2); margin-top: 18px; max-width: 32em; line-height: 1.75;}
.p-home .hero-act{display: flex; gap: 12px; margin-top: 28px; flex-wrap: wrap;}
.p-home .hero-pays{display: flex; align-items: center; gap: 9px; margin-top: 26px; flex-wrap: wrap;}
.p-home .hero-pays .lbl{font-size: 12.5px; color: var(--ink-3);}
.p-home .hero-pays .tile{padding: 8px 12px; border-radius: 10px;}
.p-home .hero-pays .tile img{width: 100%; height: 100%; max-width: 48px; max-height: 15px; object-fit: contain;}
.p-home .hero-trust{display: flex; gap: 24px; margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--line); flex-wrap: wrap;}
.p-home .ht b{display: block; font-family: var(--f-d); font-size: 21px; font-weight: 600; letter-spacing: -0.02em;}
.p-home .ht span{font-size: 12.5px; color: var(--ink-3);}
.p-home .hart{position: relative; min-width: 0px;}
.p-home .hero-img{width: 100%; height: auto; display: block; border-radius: 20px; box-shadow: var(--sh-lg); border: 1px solid var(--line);}
.p-home .shopwin{position: relative; z-index: 1;}
.p-home .float-card{z-index: 2;}
.p-home .sh-prods{grid-template-columns: repeat(3, 1fr);}

@media (max-width: 640px){
.p-home .hart{margin-top: 36px;}
}

.p-home .shopwin{border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: var(--paper); box-shadow: var(--sh-lg);}
.p-home .win-bar{display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: var(--panel); border-bottom: 1px solid var(--line);}
.p-home .dots{display: flex; gap: 5px;}
.p-home .dots i{width: 9px; height: 9px; border-radius: 50%; background: var(--line-2);}
.p-home .win-url{flex: 1 1 0%; background: var(--paper); border: 1px solid var(--line); border-radius: 7px; padding: 4px 11px; font-family: var(--f-m); font-size: 11px; color: var(--ink-3); direction: ltr; unicode-bidi: isolate; text-align: center;}
.p-home .sh-head{display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--line);}
.p-home .sh-brand{display: flex; align-items: center; gap: 9px;}
.p-home .sh-logo{width: 32px; height: 32px; border-radius: 9px; background: linear-gradient(145deg, rgb(24, 131, 193), rgb(1, 1, 74)); display: grid; place-items: center; color: rgb(255, 255, 255); font-family: var(--f-d); font-weight: 700; font-size: 14px;}
.p-home .sh-nm{font-family: var(--f-d); font-weight: 600; font-size: 14.5px;}
.p-home .sh-ic{display: flex; gap: 12px; color: var(--ink-3);}
.p-home .sh-hero{margin: 16px 18px 0px; border-radius: 14px; padding: 20px; position: relative; overflow: hidden; background: linear-gradient(120deg,var(--brand-soft),color-mix(in srgb,var(--brand) 22%,transparent));}
.p-home .sh-hero b{font-family: var(--f-d); font-size: 17px; display: block; color: var(--ink);}
.p-home .sh-hero span{font-size: 12.5px; color: var(--ink-2); display: block; margin-top: 4px;}
.p-home .sh-hero .pill{display: inline-block; margin-top: 12px; background: var(--ink); color: var(--paper); border-radius: 100px; padding: 6px 15px; font-size: 12px; font-weight: 600;}
.p-home .sh-hero .blob{position: absolute; inset-inline-end: -30px; bottom: -46px; width: 130px; height: 130px; border-radius: 50%; background: var(--brand); opacity: 0.2;}
.p-home .sh-prods{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 16px 18px;}
.p-home .pcard{border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: var(--paper);}
.p-home .pthumb{height: 62px; display: grid; place-items: center; font-size: 26px; background: var(--panel);}
.p-home .pmeta{padding: 8px 9px;}
.p-home .pmeta b{display: block; font-size: 11.5px; font-weight: 600;}
.p-home .pmeta span{font-family: var(--f-m); font-size: 11px; color: var(--brand);}
.p-home .float-card{position: absolute; background: var(--paper); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--sh-lg); padding: 14px 16px; display: flex; align-items: center; gap: 12px;}
.p-home .fc-order{inset-inline-start: -24px; bottom: 52px; animation: 5.5s ease-in-out 0s infinite normal none running bob;}
.p-home .fc-rev{inset-inline-end: -18px; top: -22px; animation: 6.5s ease-in-out 0.6s infinite normal none running bob;}

@media (max-width: 1000px){
.p-home .fc-order{inset-inline-start: 6px;}
.p-home .fc-rev{inset-inline-end: 6px;}
}

.p-home .fc-ic{width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; flex-shrink: 0;}
.p-home .fc-t b{display: block; font-size: 13.5px; font-weight: 600; white-space: nowrap;}
.p-home .fc-t span{font-size: 11.5px; color: var(--ink-3); white-space: nowrap;}
.p-home .spark{display: flex; align-items: flex-end; gap: 3px; height: 26px;}
.p-home .spark i{width: 5px; border-radius: 2px; background: var(--brand); opacity: 0.35;}
.p-home .spark i:nth-child(5){opacity: 1;}
.p-home .mq{overflow: hidden; padding: 22px 0px 40px; position: relative; background: var(--panel); border-block: 1px solid var(--line); display: flex; align-items: center;}
.p-home .mq-t{font-size: 12.5px; color: var(--ink-3); text-align: center; margin-bottom: 22px;}
.p-home .mq-track{display: flex; gap: 18px; width: max-content; animation: 42s linear 0s infinite normal none running mv;}
.p-home .mq:hover .mq-track{animation-play-state: paused;}
.p-home .mq-track .tile{min-width: 150px; height: 66px;}
.p-home .mq-track .tile img{height: 38px;}
.p-home .plogos{direction: ltr; width: 100%;}
.p-home .prow{overflow: hidden; padding: 16px 0px;}
.p-home .ptrack{display: flex; align-items: center; gap: 22px; width: max-content; animation: 62s linear 0s infinite normal none running pmv;}
.p-home .mq:hover .ptrack{animation-play-state: paused;}
.p-home .pcirc{width: 112px; height: 112px; border-radius: 50%; background: rgb(255, 255, 255); border: 1px solid rgba(1, 1, 74, 0.09); display: grid; place-items: center; overflow: hidden; flex-shrink: 0; box-shadow: rgba(1, 1, 74, 0.4) 0px 10px 26px -14px; transition: transform 0.25s, box-shadow 0.25s;}
.p-home .pcirc:hover{transform: translateY(-6px) scale(1.05); box-shadow: rgba(1, 1, 74, 0.5) 0px 18px 36px -16px;}
.p-home .pcirc img{width: 74%; height: 74%; object-fit: contain; display: block;}
.p-home .pcirc img.zoom{width: 106%; height: 106%;}

@media (max-width: 640px){
.p-home .pcirc{width: 88px; height: 88px;}
}

.p-home .sgrid{display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin-top: 38px;}

@media (max-width: 1080px){
.p-home .sgrid{grid-template-columns: repeat(4, 1fr);}
}

@media (max-width: 760px){
.p-home .sgrid{grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 460px){
.p-home .sgrid{grid-template-columns: repeat(2, 1fr);}
}

.p-home .stile{position: relative; border: 1px solid var(--line); border-radius: 18px; background: var(--paper); padding: 22px 14px 18px; display: flex; flex-direction: column; align-items: center; gap: 11px; text-align: center; transition: transform 0.22s, box-shadow 0.22s, border-color 0.22s; overflow: hidden;}
.p-home .stile::before{content: ""; position: absolute; inset-inline: 0px; top: 0px; height: 3px; background: var(--sc,var(--brand)); transform: scaleX(0); transform-origin: center center; transition: transform 0.28s;}
.p-home .stile:hover{transform: translateY(-5px); box-shadow: var(--sh-md); border-color: var(--line-2);}
.p-home .stile:hover::before{transform: scaleX(1);}
.p-home .sbadge{width: 62px; height: 62px; border-radius: 20px; display: grid; place-items: center; font-size: 29px; line-height: 1; background: var(--scs); box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--sc) 22%,transparent); transition: transform 0.28s;}
.p-home .stile:hover .sbadge{transform: scale(1.08) rotate(-4deg);}
.p-home .stile b{font-family: var(--f-d); font-size: 14.5px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.35;}
.p-home .stile span{font-size: 11.5px; color: var(--ink-3); line-height: 1.45;}
.p-home .sall{display: flex; justify-content: center; margin-top: 28px;}
.p-home .sec{padding: 92px 0px;}
.p-home .sec#payments{padding: 78px 0px;}

@media (max-width: 700px){
.p-home .sec{padding: 64px 0px;}
}

.p-home .sec.tint{background: var(--panel);}
.p-home .sec.dark{color: rgb(255, 255, 255); position: relative; overflow: hidden; background: radial-gradient(1000px 560px at 84% 0%, rgba(24, 131, 193, 0.32), transparent 62%), linear-gradient(158deg, rgb(1, 1, 74), rgb(4, 9, 63) 52%, rgb(6, 32, 82));}
.p-home .shead{max-width: 660px;}
.p-home .shead.mid{margin-inline: auto; text-align: center;}
.p-home .shead h2{font-size: clamp(27px, 3.3vw, 40px); letter-spacing: -0.028em; margin-top: 13px;}
.p-home .shead p{color: var(--ink-2); margin-top: 14px; font-size: 17px; line-height: 1.75;}
.p-home .sec.dark .shead h2{color: rgb(255, 255, 255);}
.p-home .sec.dark .shead p{color: rgba(255, 255, 255, 0.7);}
.p-home .sect-tabs{display: flex; gap: 8px; flex-wrap: wrap; margin-top: 34px;}
.p-home .sect{display: inline-flex; align-items: center; gap: 9px; padding: 11px 18px; border-radius: 100px; border: 1.5px solid var(--line); background: var(--paper); font-size: 14.5px; font-weight: 500; transition: 0.16s;}
.p-home .sect:hover{border-color: var(--line-2);}
.p-home .sect.on{border-color: var(--brand); background: var(--brand-soft); color: var(--brand); font-weight: 600;}
.p-home .sect-panel{margin-top: 24px; border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; background: var(--paper); display: grid; grid-template-columns: 0.95fr 1.05fr; box-shadow: var(--sh-md);}

@media (max-width: 900px){
.p-home .sect-panel{grid-template-columns: 1fr;}
}

.p-home .sect-txt{padding: 36px;}
.p-home .sect-txt h3{font-size: 25px; letter-spacing: -0.02em;}
.p-home .sect-txt p{color: var(--ink-2); margin-top: 12px; font-size: 15.5px; line-height: 1.75;}
.p-home .sect-list{list-style: none; margin: 22px 0px 0px; padding: 0px; display: flex; flex-direction: column; gap: 11px;}
.p-home .sect-list li{display: flex; gap: 10px; font-size: 14.5px; color: var(--ink-2); align-items: flex-start;}
.p-home .sect-list svg{flex-shrink: 0; color: var(--brand); margin-top: 4px;}
.p-home .sect-art{padding: 32px; display: grid; place-items: center; min-height: 400px; position: relative; overflow: hidden;}
.p-home .sect-art::before{content: ""; position: absolute; inset: 0px; background: radial-gradient(500px 320px at 60% 20%, color-mix(in srgb,var(--brand) 16%,transparent), transparent 70%), var(--panel-2);}
.p-home .sect-mock{position: relative; z-index: 1; width: 100%; max-width: 400px; border-radius: 18px; overflow: hidden; background: var(--paper); border: 1px solid var(--line); box-shadow: var(--sh-lg);}
.p-home .sm-top{display: flex; align-items: center; justify-content: space-between; padding: 13px 16px; border-bottom: 1px solid var(--line);}
.p-home .sm-b{display: flex; align-items: center; gap: 8px; font-family: var(--f-d); font-weight: 600; font-size: 14px;}
.p-home .sm-dot{width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; font-size: 14px; background: var(--brand-soft);}
.p-home .sm-hero{margin: 14px 16px 0px; height: 104px; border-radius: 12px; display: grid; place-items: center; font-size: 48px; background: linear-gradient(130deg,var(--brand-soft),var(--panel));}
.p-home .sm-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; padding: 14px 16px;}
.p-home .sm-c{border: 1px solid var(--line); border-radius: 10px; overflow: hidden;}
.p-home .sm-th{height: 54px; display: grid; place-items: center; font-size: 22px; background: var(--panel);}
.p-home .sm-m{padding: 7px 8px;}
.p-home .sm-m b{display: block; font-size: 10.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.p-home .sm-m span{font-family: var(--f-m); font-size: 10px; color: var(--brand);}
.p-home .sm-foot{padding: 11px 16px; border-top: 1px solid var(--line); display: flex; gap: 7px; flex-wrap: wrap; align-items: center;}
.p-home .sm-foot .tile{padding: 5px 9px; border-radius: 7px; box-shadow: none;}
.p-home .sm-foot .tile img{width: 100%; height: 100%; max-width: 30px; max-height: 10px; object-fit: contain;}
.p-home .pgrid{display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; background: var(--paper); margin-top: 44px;}

@media (max-width: 980px){
.p-home .pgrid{grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 560px){
.p-home .pgrid{grid-template-columns: 1fr;}
}

.p-home .prod{padding: 28px 26px; border-inline-start: 1px solid var(--line); border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 9px; transition: background 0.18s;}
.p-home .prod:hover{background: var(--panel);}
.p-home .prod.feat{grid-column: span 2; background: var(--brand-soft);}
.p-home .prod.feat:hover{background: var(--brand-soft);}

@media (max-width: 560px){
.p-home .prod.feat{grid-column: span 1;}
}

.p-home .pico{width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; margin-bottom: 4px; background: var(--paper); border: 1px solid var(--line); color: var(--brand); box-shadow: var(--sh-sm);}
.p-home .prod h3{font-size: 17px;}
.p-home .prod p{font-size: 14px; color: var(--ink-2); line-height: 1.7;}
.p-home .ptag{align-self: flex-start; font-family: var(--f-m); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--brand); background: var(--paper); border-radius: 100px; padding: 3px 10px;}
.p-home .ship-grid{display: grid; grid-template-columns: 1fr 1.1fr; gap: 50px; align-items: center; margin-top: 46px;}

@media (max-width: 960px){
.p-home .ship-grid{grid-template-columns: 1fr; gap: 38px;}
}

.p-home .carriers{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;}

@media (max-width: 520px){
.p-home .carriers{grid-template-columns: repeat(2, 1fr);}
}

.p-home .carriers .tile{height: 92px; padding: 16px 20px;}
.p-home .carriers .tile img{width: 100%; height: 100%; max-width: 80%; max-height: 34px; object-fit: contain;}
.p-home .ship-stats{display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin-top: 26px;}
.p-home .sstat{background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 14px; padding: 15px 16px;}
.p-home .sstat b{display: block; font-family: var(--f-d); font-size: 23px; font-weight: 600; letter-spacing: -0.025em; color: rgb(255, 255, 255);}
.p-home .sstat span{font-size: 12.5px; color: rgba(255, 255, 255, 0.6);}
.p-home .track{background: rgba(255, 255, 255, 0.055); border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 20px; padding: 26px;}
.p-home .track-h{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.12);}
.p-home .track-h b{font-family: var(--f-d); font-size: 15px; color: rgb(255, 255, 255); flex-shrink: 0;}
.p-home .track-h .tile{min-width: 74px; min-height: 34px;}
.p-home .track-h .aw{flex-shrink: 0;}
.p-home .track-h .aw{font-family: var(--f-m); font-size: 12px; color: rgba(255, 255, 255, 0.6);}
.p-home .track-h .tile{padding: 7px 12px; border-radius: 9px;}
.p-home .track-h .tile img{width: 100%; height: 100%; max-width: 58px; max-height: 18px; object-fit: contain;}
.p-home .tl{list-style: none; margin: 20px 0px 0px; padding: 0px; position: relative;}
.p-home .tl::before{content: ""; position: absolute; inset-inline-start: 11px; top: 12px; bottom: 14px; width: 2px; background: rgba(255, 255, 255, 0.14);}
.p-home .tl li{display: flex; gap: 14px; padding: 0px 0px 20px; position: relative;}
.p-home .tl li:last-child{padding-bottom: 0px;}
.p-home .tl-d{width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0; display: grid; place-items: center; z-index: 1; background: rgb(11, 26, 82); border: 2px solid rgba(255, 255, 255, 0.2);}
.p-home .tl li.done .tl-d{background: rgb(18, 185, 129); border-color: rgb(18, 185, 129); color: rgb(4, 36, 15);}
.p-home .tl li.now .tl-d{background: rgb(24, 131, 193); border-color: rgb(138, 210, 245); box-shadow: rgba(24, 131, 193, 0.24) 0px 0px 0px 5px;}
.p-home .tl-t b{display: block; font-size: 14.5px; font-weight: 600; color: rgb(255, 255, 255); font-family: var(--f-d);}
.p-home .tl-t span{font-size: 12.5px; color: rgba(255, 255, 255, 0.55);}
.p-home .tl li:not(.done):not(.now) .tl-t b{color: rgba(255, 255, 255, 0.45); font-weight: 500;}
.p-home .pay-grid{display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 48px; align-items: center;}
.p-home .payh{font-size: clamp(26px, 3.1vw, 38px); letter-spacing: -0.028em; margin-top: 13px;}
.p-home .pay-grid .feat-list{margin-top: 26px;}

@media (max-width: 960px){
.p-home .pay-grid{grid-template-columns: 1fr; gap: 38px;}
}

.p-home .payvis{display: flex; flex-direction: column; gap: 18px;}
.p-home .pwall{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;}

@media (max-width: 560px){
.p-home .pwall{grid-template-columns: repeat(2, 1fr);}
}

.p-home .pwall .tile, .p-home .pwall .wordtile{height: 72px; padding: 12px;}
.p-home .pwall .tile img{width: 100%; height: 100%; max-width: 70%; max-height: 28px; object-fit: contain;}
.p-home .pwall .wordtile b{font-size: 18px;}
.p-home .feat-list{list-style: none; margin: 28px 0px 0px; padding: 0px; display: flex; flex-direction: column; gap: 15px;}
.p-home .feat-list li{display: flex; gap: 12px; align-items: flex-start;}
.p-home .fl-ic{width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; flex-shrink: 0; background: var(--brand-soft); color: var(--brand);}
.p-home .feat-list b{display: block; font-family: var(--f-d); font-size: 15px; font-weight: 600;}
.p-home .feat-list span{font-size: 14px; color: var(--ink-2); line-height: 1.65;}
.p-home .cardstack{position: relative; height: 236px; display: grid; place-items: center;}
.p-home .pcd{position: absolute; width: min(320px, 90%); border-radius: 18px; padding: 18px 20px; color: rgb(255, 255, 255); box-shadow: rgba(1, 1, 74, 0.6) 0px 30px 62px -30px; transition: transform 0.35s;}
.p-home .pcd.c1{background: linear-gradient(140deg, rgb(10, 42, 107), rgb(1, 1, 74)); transform: translateY(-46px) rotate(-6deg) scale(0.92); opacity: 0.5;}
.p-home .pcd.c2{background: linear-gradient(140deg, rgb(21, 104, 168), rgb(10, 42, 107)); transform: translateY(-32px) rotate(-3deg) scale(0.96); opacity: 0.78;}
.p-home .pcd.c3{background: linear-gradient(140deg, rgb(24, 131, 193), rgb(14, 78, 134)); transform: translateY(10px);}
.p-home .cardstack:hover .c1{transform: translateY(-62px) rotate(-9deg) scale(0.92);}
.p-home .cardstack:hover .c2{transform: translateY(-40px) rotate(-4.5deg) scale(0.96);}
.p-home .pc-top{display: flex; align-items: center; justify-content: space-between; gap: 12px;}
.p-home .pc-top .lbl{font-size: 12px; color: rgba(255, 255, 255, 0.66);}
.p-home .pc-amt{font-family: var(--f-d); font-size: 26px; font-weight: 600; letter-spacing: -0.03em; margin-top: 14px; direction: ltr; unicode-bidi: isolate;}
.p-home .pc-num{font-family: var(--f-m); font-size: 14px; letter-spacing: 0.13em; color: rgba(255, 255, 255, 0.78); margin-top: 16px; direction: ltr; unicode-bidi: isolate;}
.p-home .pc-foot{display: flex; align-items: center; justify-content: space-between; margin-top: 16px; font-size: 11.5px; color: rgba(255, 255, 255, 0.62);}
.p-home .pc-foot .tile{padding: 4px 8px; border-radius: 6px; box-shadow: none;}
.p-home .pc-foot .tile img{width: 100%; height: 100%; max-width: 32px; max-height: 11px; object-fit: contain;}
.p-home .mk-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 52px; align-items: center; margin-top: 46px;}

@media (max-width: 960px){
.p-home .mk-grid{grid-template-columns: 1fr; gap: 38px;}
}

.p-home .orbit{position: relative; width: min(340px, 94%); aspect-ratio: 1 / 1; margin-inline: auto;}
.p-home .orbit .ring{position: absolute; inset: 0px; border: 1.5px dashed color-mix(in srgb,var(--brand) 30%,transparent); border-radius: 50%;}
.p-home .orbit .ring2{position: absolute; inset: 16%; border: 1.5px solid color-mix(in srgb,var(--brand) 16%,transparent); border-radius: 50%;}
.p-home .orbit .core{position: absolute; inset: 29%; border-radius: 50%; background: var(--paper); box-shadow: var(--sh-md); display: grid; place-items: center; padding: 0px;}
.p-home .orbit .core img{width: 70%; height: auto; display: block;}
:root.p-home:not([data-theme="light"]) .orbit .core img{filter: brightness(0) invert(1);}

@media (prefers-color-scheme: light){
:root.p-home:not([data-theme="dark"]) .orbit .core img{filter: none;}
}

:root.p-home[data-theme="light"] .orbit .core img{filter: none;}
:root.p-home[data-theme="dark"] .orbit .core img{filter: brightness(0) invert(1);}
.p-home .sat{position: absolute; width: 56px; height: 56px; border-radius: 16px; background: rgb(255, 255, 255); box-shadow: var(--sh-md); display: grid; place-items: center; border: 1px solid rgba(1, 1, 74, 0.07);}
.p-home .sat img{width: 100%; height: 100%; max-width: 24px; max-height: 24px; object-fit: contain;}
.p-home .sat.snap{background: rgb(255, 252, 0);}
.p-home .rot{animation: 34s linear 0s infinite normal none running rot;}
.p-home .rot .sat{animation: 34s linear 0s infinite normal none running unrot;}
.p-home .tools{background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--sh-md);}
.p-home .tools-h{padding: 15px 20px; border-bottom: 1px solid var(--line); background: var(--panel); font-family: var(--f-d); font-weight: 600; font-size: 15px;}
.p-home .tool{display: flex; align-items: center; gap: 12px; padding: 14px 20px; border-bottom: 1px solid var(--line);}
.p-home .tool:last-child{border-bottom: 0px;}
.p-home .tool-n{flex: 1 1 0%;}
.p-home .tool-n b{display: block; font-size: 14.5px; font-weight: 600;}
.p-home .tool-n span{font-size: 12.5px; color: var(--ink-3);}
.p-home .two{display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 44px;}

@media (max-width: 860px){
.p-home .two{grid-template-columns: 1fr;}
}

.p-home .card{background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 32px 30px; display: flex; flex-direction: column; gap: 11px;}
.p-home .card.tinted{background: var(--brand-soft); border-color: transparent;}
.p-home .card h3{font-size: 21px; letter-spacing: -0.02em;}
.p-home .card p{font-size: 15px; color: var(--ink-2); line-height: 1.7;}
.p-home .card .btn{align-self: flex-start; margin-top: 8px;}
.p-home .themes{display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; margin-top: 8px;}
.p-home .th{border: 1.5px solid var(--line); border-radius: 13px; overflow: hidden; background: var(--paper); transition: 0.16s;}
.p-home .th.on{border-color: var(--brand); box-shadow: 0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent);}
.p-home .th-p{height: 88px; padding: 10px; display: flex; flex-direction: column; gap: 6px;}
.p-home .th-bar{height: 7px; border-radius: 3px;}
.p-home .th-hero{flex: 1 1 0%; border-radius: 6px;}
.p-home .th-row{display: flex; gap: 5px;}
.p-home .th-c{flex: 1 1 0%; height: 19px; border-radius: 4px;}
.p-home .th-n{padding: 8px; border-top: 1px solid var(--line); font-size: 12.5px; font-weight: 600; text-align: center;}
.p-home .stores{display: flex; gap: 10px; margin-top: 14px; flex-wrap: wrap;}
.p-home .stores .tile{padding: 11px 18px;}
.p-home .stores .tile img{width: 100%; height: 100%; max-width: 26px; max-height: 26px; object-fit: contain;}
.p-home .chips{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px;}
.p-home .chipx{background: var(--panel); border: 1px solid var(--line); border-radius: 9px; padding: 7px 13px; font-size: 13px; font-weight: 500; color: var(--ink-2);}
.p-home .xp{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 44px;}

@media (max-width: 820px){
.p-home .xp{grid-template-columns: 1fr;}
}

.p-home .xpc{background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 30px 26px; text-align: center;}
.p-home .xp-art{height: 118px; display: grid; place-items: center; margin-bottom: 16px;}
.p-home .xpc b{display: block; font-family: var(--f-d); font-size: 17px; letter-spacing: -0.015em;}
.p-home .xpc span{font-size: 14px; color: var(--ink-2); display: block; margin-top: 7px; line-height: 1.65;}
.p-home .big{font-family: var(--f-d); font-size: 38px; font-weight: 600; letter-spacing: -0.03em; line-height: 1.1;}
.p-home .xp-pays{display: flex; gap: 8px; justify-content: center; flex-wrap: wrap;}
.p-home .xp-pays .tile{padding: 9px 13px; border-radius: 11px;}
.p-home .xp-pays .tile img{width: 100%; height: 100%; max-width: 52px; max-height: 17px; object-fit: contain;}
.p-home .ent{position: relative; overflow: hidden; border-radius: var(--r-lg); color: rgb(255, 255, 255); padding: 46px 44px; background: radial-gradient(700px 400px at 88% -20%, rgba(24, 131, 193, 0.4), transparent 62%), linear-gradient(140deg, rgb(1, 1, 74), rgb(6, 32, 82));}

@media (max-width: 700px){
.p-home .ent{padding: 34px 26px;}
}

.p-home .ent-in{position: relative; z-index: 1; display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center;}

@media (max-width: 860px){
.p-home .ent-in{grid-template-columns: 1fr; gap: 28px;}
}

.p-home .ent h3{color: rgb(255, 255, 255); font-size: clamp(23px, 2.7vw, 32px); letter-spacing: -0.025em; margin-top: 12px;}
.p-home .ent p{color: rgba(255, 255, 255, 0.7); margin-top: 13px; font-size: 16px; line-height: 1.75;}
.p-home .ent-l{list-style: none; margin: 22px 0px 0px; padding: 0px; display: flex; flex-direction: column; gap: 12px;}
.p-home .ent-l li{display: flex; gap: 10px; font-size: 14.5px; color: rgba(255, 255, 255, 0.84); align-items: flex-start;}
.p-home .ent-l svg{flex-shrink: 0; color: rgb(138, 210, 245); margin-top: 4px;}
.p-home .ent-panel{background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 18px; padding: 22px;}
.p-home .ent-row{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.p-home .ent-row:last-child{border-bottom: 0px;}
.p-home .ent-row span{font-size: 13.5px; color: rgba(255, 255, 255, 0.68);}
.p-home .ent-row b{font-family: var(--f-m); font-size: 14px; color: rgb(255, 255, 255); font-weight: 500;}
.p-home .stories{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 44px;}

@media (max-width: 900px){
.p-home .stories{grid-template-columns: 1fr;}
}

.p-home .story{background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 28px 26px; display: flex; flex-direction: column; gap: 14px;}
.p-home .quote{font-size: 16px; line-height: 1.8; font-family: var(--f-d); font-weight: 400;}
.p-home .who{display: flex; align-items: center; gap: 11px; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--line);}
.p-home .who .lg{width: 44px; height: 44px; border-radius: 12px; background: rgb(255, 255, 255); border: 1px solid var(--line); display: grid; place-items: center; padding: 6px;}
.p-home .who .lg img{max-height: 100%; width: auto;}
.p-home .who b{display: block; font-size: 14px; font-weight: 600;}
.p-home .who span{font-size: 12.5px; color: var(--ink-3);}
.p-home .metric{display: inline-flex; align-items: baseline; gap: 7px; background: var(--brand-soft); color: var(--brand); border-radius: 100px; padding: 5px 14px; align-self: flex-start; font-size: 13px; font-weight: 600;}
.p-home .metric b{font-family: var(--f-d); font-size: 17px;}
.p-home .plans{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 38px; align-items: start;}

@media (max-width: 900px){
.p-home .plans{grid-template-columns: 1fr; max-width: 440px; margin-inline: auto;}
}

.p-home .plan{background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 28px 26px; display: flex; flex-direction: column; gap: 5px; position: relative; text-align: start;}
.p-home .plan.best{border-color: var(--brand); box-shadow: var(--sh-md); padding-top: 36px;}
.p-home .pflag{position: absolute; top: 0px; inset-inline: 0px; background: var(--brand); color: rgb(255, 255, 255); font-size: 12.5px; font-weight: 600; text-align: center; padding: 6px; border-radius: var(--r-lg) var(--r-lg) 0 0;}
.p-home .plan h3{font-size: 19px;}
.p-home .plan .who2{font-size: 13.5px; color: var(--ink-3); min-height: 40px;}
.p-home .amt{display: flex; align-items: baseline; gap: 8px; margin-top: 15px; padding-top: 17px; border-top: 1px solid var(--line);}
.p-home .amt b{font-family: var(--f-d); font-size: 40px; font-weight: 600; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;}
.p-home .amt em{font-style: normal; font-size: 13px; color: var(--ink-3);}
.p-home .plan ul{list-style: none; margin: 20px 0px 24px; padding: 0px; display: flex; flex-direction: column; gap: 11px;}
.p-home .plan li{display: flex; gap: 9px; font-size: 14px; color: var(--ink-2); align-items: flex-start;}
.p-home .plan li svg{flex-shrink: 0; color: var(--brand); margin-top: 4px;}
.p-home .plan .btn{margin-top: auto; width: 100%;}
.p-home .toggle{display: inline-flex; background: var(--paper); border: 1px solid var(--line); border-radius: 100px; padding: 4px; gap: 2px; margin-top: 24px;}
.p-home .toggle button{padding: 9px 22px; border-radius: 100px; font-size: 14px; font-weight: 600; color: var(--ink-2); transition: 0.18s;}
.p-home .toggle button.on{background: var(--brand); color: rgb(255, 255, 255);}
.p-home .savetag{display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--ok); background: color-mix(in srgb,var(--ok) 12%,transparent); border-radius: 100px; padding: 5px 12px; margin-inline-start: 10px;}
.p-home .cta{position: relative; overflow: hidden; color: rgb(255, 255, 255); text-align: center; padding: 78px 24px; background: radial-gradient(900px 460px at 50% -30%, rgba(24, 131, 193, 0.4), transparent 62%), linear-gradient(150deg, rgb(1, 1, 74), rgb(6, 32, 82));}
.p-home .cta h2{color: rgb(255, 255, 255); font-size: clamp(27px, 3.5vw, 42px); letter-spacing: -0.03em;}
.p-home .cta p{color: rgba(255, 255, 255, 0.7); margin-top: 14px; font-size: 17px; max-width: 44em; margin-inline: auto;}
.p-home .cta-act{display: flex; gap: 12px; justify-content: center; margin-top: 30px; flex-wrap: wrap;}
.p-home .cta-fine{margin-top: 20px; font-size: 13.5px; color: rgba(255, 255, 255, 0.5);}
.p-home .lucide{width: 24px; height: 24px; stroke-width: 1.75; display: block; flex-shrink: 0;}
.p-home .sbadge .lucide{width: 28px; height: 28px; color: var(--sc);}
.p-home .pthumb .lucide{width: 26px; height: 26px; color: var(--ink-3);}
.p-home .sm-th .lucide, .p-home .st-thumb .lucide{width: 20px; height: 20px;}
.p-home .mapp{background: var(--navy); color: rgb(255, 255, 255); padding: 74px 0px; position: relative; overflow: hidden;}
.p-home .mapp::before{content: ""; position: absolute; inset: 0px; background: radial-gradient(760px 460px at 78% 12%, rgba(24, 131, 193, 0.3), transparent 66%), radial-gradient(560px 420px at 8% 96%, rgba(24, 131, 193, 0.14), transparent 70%);}
.p-home .mapp .wrap{position: relative; z-index: 1;}
.p-home .mapp-grid{display: grid; grid-template-columns: 1.02fr 0.98fr; gap: 60px; align-items: center;}

@media (max-width: 960px){
.p-home .mapp-grid{grid-template-columns: 1fr; gap: 44px;}
}

.p-home .mapp h2{font-family: var(--f-d); font-size: clamp(25px, 3.3vw, 37px); font-weight: 600; letter-spacing: -0.03em; line-height: 1.28; margin: 12px 0px 16px; text-wrap: balance;}
.p-home .mapp .eyebrow{color: rgb(126, 198, 240);}
.p-home .mapp > .wrap p.lead{color: rgba(255, 255, 255, 0.76); font-size: 16px; line-height: 1.85; max-width: 52ch; margin: 0px;}
.p-home .mapp-list{list-style: none; margin: 26px 0px 0px; padding: 0px; display: grid; gap: 13px;}
.p-home .mapp-list li{display: flex; gap: 11px; align-items: flex-start; font-size: 14.5px; color: rgba(255, 255, 255, 0.86); line-height: 1.6;}
.p-home .mapp-list li svg{flex-shrink: 0; margin-top: 4px; color: rgb(95, 187, 234);}
.p-home .mapp-act{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px;}
.p-home .mapp .badges{display: flex; gap: 10px; margin-top: 26px;}
.p-home .mapp .badges .tile{width: auto; height: 44px; padding: 9px 16px; gap: 9px; display: inline-flex; align-items: center; background: rgb(255, 255, 255);}
.p-home .mapp .badges .tile img{width: 21px; height: 21px; object-fit: contain; flex-shrink: 0;}
.p-home .mapp .badges .tile b{font-family: var(--f-d); font-size: 12.5px; font-weight: 600; color: rgb(14, 18, 54); white-space: nowrap;}
.p-home .appvis{position: relative; display: flex; justify-content: center; align-items: center; gap: 22px; min-height: 330px;}
.p-home .listcard{background: rgb(255, 255, 255); border-radius: 20px; padding: 20px; width: 290px; flex-shrink: 0; box-shadow: rgba(0, 0, 0, 0.6) 0px 34px 70px -30px; color: var(--ink);}
.p-home .lc-top{display: flex; gap: 13px; align-items: center;}
.p-home .lc-ico{width: 56px; height: 56px; border-radius: 15px; flex-shrink: 0; display: grid; place-items: center; background: linear-gradient(145deg, rgb(24, 131, 193), rgb(1, 1, 74)); color: rgb(255, 255, 255); font-family: var(--f-d); font-size: 23px; font-weight: 700;}
.p-home .lc-n b{display: block; font-family: var(--f-d); font-size: 15.5px; font-weight: 600; color: rgb(14, 18, 54); line-height: 1.3;}
.p-home .lc-n span{font-size: 11.5px; color: rgb(24, 131, 193); font-weight: 500;}
.p-home .lc-stats{display: flex; gap: 0px; margin: 16px 0px 14px; border-block: 1px solid rgb(237, 241, 247); padding: 11px 0px;}
.p-home .lc-stats div{flex: 1 1 0%; text-align: center; border-inline-start: 1px solid rgb(237, 241, 247);}
.p-home .lc-stats div:first-child{border: 0px;}
.p-home .lc-stats b{display: block; font-family: var(--f-d); font-size: 14px; font-weight: 600; color: rgb(14, 18, 54); line-height: 1.3;}
.p-home .lc-stats span{font-size: 10px; color: rgb(124, 136, 174);}
.p-home .lc-shots{display: flex; gap: 7px;}
.p-home .lc-shots i{flex: 1 1 0%; height: 56px; border-radius: 8px; background: linear-gradient(160deg, rgb(234, 241, 249), rgb(245, 248, 252)); border: 1px solid rgb(230, 236, 244); display: block;}
.p-home .lc-btn{margin-top: 15px; background: rgb(24, 131, 193); color: rgb(255, 255, 255); border-radius: 10px; text-align: center; padding: 10px; font-family: var(--f-d); font-size: 13.5px; font-weight: 600;}
.p-home .appphone{width: 186px; flex-shrink: 0; border-radius: 26px; background: rgb(10, 10, 46); padding: 8px; box-shadow: rgba(0, 0, 0, 0.7) 0px 34px 70px -28px; border: 1px solid rgba(255, 255, 255, 0.14);}
.p-home .appphone .scr{background: rgb(255, 255, 255); border-radius: 20px; overflow: hidden;}
.p-home .ap-h{background: linear-gradient(135deg, rgb(24, 131, 193), rgb(14, 94, 146)); padding: 14px 13px 16px; color: rgb(255, 255, 255);}
.p-home .ap-h b{display: block; font-family: var(--f-d); font-size: 13px; font-weight: 600;}
.p-home .ap-h span{font-size: 9.5px; opacity: 0.8;}
.p-home .ap-body{padding: 11px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
.p-home .ap-body i{height: 62px; border-radius: 9px; background: linear-gradient(160deg, rgb(237, 242, 248), rgb(247, 250, 252)); border: 1px solid rgb(233, 238, 245); display: block;}
.p-home .ap-bar{margin: 0px 11px 12px; background: rgb(14, 18, 54); color: rgb(255, 255, 255); border-radius: 9px; text-align: center; padding: 8px; font-family: var(--f-d); font-size: 11px; font-weight: 600;}

@media (max-width: 520px){
.p-home .appvis{gap: 14px;}
.p-home .listcard{width: auto; flex: 1 1 0%;}
.p-home .appphone{display: none;}
}

.p-home .hero-pays .tile{width: 68px; height: 35px; padding: 7px 10px;}
.p-home .carriers .tile{height: 92px; padding: 20px 24px;}
.p-home .pwall .tile{height: 72px; padding: 15px 20px;}
.p-home .track-h .tile{width: 82px; height: 36px; padding: 7px 11px;}
.p-home .sm-foot .tile{width: 40px; height: 19px; padding: 3px 5px;}
.p-home .xp-pays .tile{width: 78px; height: 38px; padding: 9px 12px;}
.p-home .stores .tile{width: 54px; height: 50px; padding: 12px;}
.p-home .pc-foot .tile{width: 44px; height: 22px; padding: 4px 7px;}
.p-home .mq-track .tile{min-width: 150px; height: 66px; padding: 14px 20px;}
.p-home .sat img{width: 25px; height: 25px; object-fit: contain;}
.p-home .who .lg img{width: 100%; height: 100%; object-fit: contain;}
[dir="rtl"].p-home .eyebrow, [dir="rtl"].p-home .kicker, [dir="rtl"].p-home .viz-kicker, [dir="rtl"].p-home .ptag, [dir="rtl"].p-home .crumb, [dir="rtl"].p-home .mq-t, [dir="rtl"].p-home .prev-cap, [dir="rtl"].p-home .sc-step, [dir="rtl"].p-home .fine, [dir="rtl"].p-home .note, [dir="rtl"].p-home .opt-t span, [dir="rtl"].p-home .stat b, [dir="rtl"].p-home .lbl, [dir="rtl"].p-home .tag, [dir="rtl"].p-home th{letter-spacing: 0px; text-transform: none;}
[dir="rtl"].p-home .eyebrow, [dir="rtl"].p-home .viz-kicker, [dir="rtl"].p-home .kicker{font-family: var(--f-d); font-size: 13.5px; font-weight: 600;}
[dir="rtl"].p-home .ptag{font-family: var(--f-d); font-size: 11.5px; font-weight: 600;}
html.p-solutions, html.p-solutions-pos{scroll-behavior: smooth;}
.p-solutions .wrap, .p-solutions-pos .wrap{max-width: var(--maxw); margin-inline: auto; padding-inline: 24px;}
.p-solutions .mono, .p-solutions-pos .mono{font-family: var(--f-m); font-variant-numeric: tabular-nums;}
.p-solutions .ltr, .p-solutions-pos .ltr{direction: ltr; unicode-bidi: isolate; display: inline-block;}
.p-solutions .eyebrow, .p-solutions-pos .eyebrow{font-family: var(--f-m); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sc); font-weight: 500;}
.p-solutions .tile, .p-solutions-pos .tile{background: rgb(255, 255, 255); border: 1px solid rgba(1, 1, 74, 0.08); border-radius: 14px; display: grid; place-items: center; flex-shrink: 0; padding: 13px 17px; box-shadow: rgba(1, 1, 74, 0.28) 0px 4px 14px -8px; transition: transform 0.2s;}
.p-solutions .tile:hover, .p-solutions-pos .tile:hover{transform: translateY(-3px);}
.p-solutions .tile img, .p-solutions-pos .tile img{width: 100%; height: 100%; max-width: 76%; max-height: 26px; object-fit: contain; display: block;}
.p-solutions .btn, .p-solutions-pos .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 600; font-size: 15px; border-radius: 12px; padding: 12px 21px; transition: transform 0.14s, box-shadow 0.18s, background 0.18s, border-color 0.18s;}
.p-solutions .btn:active, .p-solutions-pos .btn:active{transform: translateY(1px);}
.p-solutions .btn-p, .p-solutions-pos .btn-p{background: var(--brand); color: rgb(255, 255, 255); box-shadow: 0 8px 22px -10px color-mix(in srgb,var(--brand) 80%,transparent);}
.p-solutions .btn-p:hover, .p-solutions-pos .btn-p:hover{background: var(--brand-hi);}
.p-solutions .btn-s, .p-solutions-pos .btn-s{background: var(--sc); color: rgb(255, 255, 255); box-shadow: 0 8px 22px -10px color-mix(in srgb,var(--sc) 80%,transparent);}
.p-solutions .btn-s:hover, .p-solutions-pos .btn-s:hover{filter: brightness(1.08);}
.p-solutions .btn-g, .p-solutions-pos .btn-g{border: 1.5px solid var(--line-2); color: var(--ink-2); background: var(--paper);}
.p-solutions .btn-g:hover, .p-solutions-pos .btn-g:hover{background: var(--panel); color: var(--ink);}
.p-solutions .btn-w, .p-solutions-pos .btn-w{background: rgb(255, 255, 255); color: rgb(1, 1, 74);}
.p-solutions .btn-w:hover, .p-solutions-pos .btn-w:hover{background: rgb(230, 239, 248);}
.p-solutions .btn-o, .p-solutions-pos .btn-o{border: 1.5px solid rgba(255, 255, 255, 0.32); color: rgb(255, 255, 255);}
.p-solutions .btn-o:hover, .p-solutions-pos .btn-o:hover{background: rgba(255, 255, 255, 0.1);}
.p-solutions .btn-lg, .p-solutions-pos .btn-lg{font-size: 16.5px; padding: 15px 28px; border-radius: 13px;}
.p-solutions .btn-plain, .p-solutions-pos .btn-plain{color: var(--ink-2); padding: 12px 10px;}
.p-solutions .btn-plain:hover, .p-solutions-pos .btn-plain:hover{color: var(--ink);}
.p-solutions .arw, .p-solutions-pos .arw{width: 15px; height: 15px; flex-shrink: 0;}
[dir="ltr"].p-solutions .arw, [dir="ltr"].p-solutions-pos .arw{transform: scaleX(-1);}

@media (max-width: 1000px){
.p-solutions .btn-plain, .p-solutions-pos .btn-plain{display: none;}
}

.p-solutions .crumb, .p-solutions-pos .crumb{display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-3); padding-top: 22px;}
.p-solutions .crumb a:hover, .p-solutions-pos .crumb a:hover{color: var(--brand);}
.p-solutions .crumb i, .p-solutions-pos .crumb i{opacity: 0.45; font-style: normal;}
.p-solutions .hero, .p-solutions-pos .hero{position: relative; overflow: hidden; padding: 26px 0px 78px; background: radial-gradient(880px 520px at 86% -6%, color-mix(in srgb,var(--sc) 14%,transparent), transparent 62%),
             radial-gradient(680px 460px at 4% 106%, color-mix(in srgb,var(--brand) 10%,transparent), transparent 60%),
             var(--paper);}
.p-solutions .hero-in, .p-solutions-pos .hero-in{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.05fr); gap: 64px; align-items: center; margin-top: 34px;}

@media (max-width: 1040px){
.p-solutions .hero-in, .p-solutions-pos .hero-in{grid-template-columns: 1fr; gap: 44px;}
}

.p-solutions .hero h1, .p-solutions-pos .hero h1{font-size: clamp(31px, 4.2vw, 52px); letter-spacing: -0.032em; margin-top: 14px;}
.p-solutions .hero h1 em, .p-solutions-pos .hero h1 em{font-style: normal; color: var(--sc);}
.p-solutions .hero-sub, .p-solutions-pos .hero-sub{font-size: clamp(16px, 1.5vw, 18px); color: var(--ink-2); margin-top: 18px; max-width: 33em; line-height: 1.75;}
.p-solutions .hero-act, .p-solutions-pos .hero-act{display: flex; gap: 12px; margin-top: 28px; flex-wrap: wrap;}
.p-solutions .hero-chips, .p-solutions-pos .hero-chips{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px;}
.p-solutions .hchip, .p-solutions-pos .hchip{display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 500; color: var(--ink-2); background: var(--paper); border: 1px solid var(--line); border-radius: 100px; padding: 7px 14px; box-shadow: var(--sh-sm);}
.p-solutions .hchip svg, .p-solutions-pos .hchip svg{color: var(--ok); flex-shrink: 0;}
.p-solutions .hart, .p-solutions-pos .hart{position: relative; min-width: 0px;}
.p-solutions .hero-img, .p-solutions-pos .hero-img{width: 100%; height: auto; display: block; border-radius: 22px; box-shadow: var(--sh-lg); border: 1px solid var(--line);}
.p-solutions .shopwin, .p-solutions-pos .shopwin{border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: var(--paper); box-shadow: var(--sh-lg);}
.p-solutions .win-bar, .p-solutions-pos .win-bar{display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: var(--panel); border-bottom: 1px solid var(--line);}
.p-solutions .dots, .p-solutions-pos .dots{display: flex; gap: 5px;}
.p-solutions .dots i, .p-solutions-pos .dots i{width: 9px; height: 9px; border-radius: 50%; background: var(--line-2);}
.p-solutions .win-url, .p-solutions-pos .win-url{flex: 1 1 0%; background: var(--paper); border: 1px solid var(--line); border-radius: 7px; padding: 4px 11px; font-family: var(--f-m); font-size: 11px; color: var(--ink-3); direction: ltr; unicode-bidi: isolate; text-align: center;}
.p-solutions .sh-head, .p-solutions-pos .sh-head{display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--line);}
.p-solutions .sh-brand, .p-solutions-pos .sh-brand{display: flex; align-items: center; gap: 9px;}
.p-solutions .sh-logo, .p-solutions-pos .sh-logo{width: 32px; height: 32px; border-radius: 9px; background: var(--sc); display: grid; place-items: center; color: rgb(255, 255, 255); font-family: var(--f-d); font-weight: 700; font-size: 14px;}
.p-solutions .sh-nm, .p-solutions-pos .sh-nm{font-family: var(--f-d); font-weight: 600; font-size: 14.5px;}
.p-solutions .sh-ic, .p-solutions-pos .sh-ic{display: flex; gap: 12px; color: var(--ink-3);}
.p-solutions .sh-hero, .p-solutions-pos .sh-hero{margin: 16px 18px 0px; border-radius: 14px; padding: 20px; position: relative; overflow: hidden; background: linear-gradient(120deg,var(--sc-soft),color-mix(in srgb,var(--sc) 20%,transparent));}
.p-solutions .sh-hero b, .p-solutions-pos .sh-hero b{font-family: var(--f-d); font-size: 17px; display: block;}
.p-solutions .sh-hero span, .p-solutions-pos .sh-hero span{font-size: 12.5px; color: var(--ink-2); display: block; margin-top: 4px;}
.p-solutions .sh-hero .pill, .p-solutions-pos .sh-hero .pill{display: inline-block; margin-top: 12px; background: var(--sc); color: rgb(255, 255, 255); border-radius: 100px; padding: 6px 15px; font-size: 12px; font-weight: 600;}
.p-solutions .sh-hero .blob, .p-solutions-pos .sh-hero .blob{position: absolute; inset-inline-end: -30px; bottom: -46px; width: 130px; height: 130px; border-radius: 50%; background: var(--sc); opacity: 0.18;}
.p-solutions .sh-prods, .p-solutions-pos .sh-prods{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 16px 18px;}
.p-solutions .pcard, .p-solutions-pos .pcard{border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: var(--paper);}
.p-solutions .pthumb, .p-solutions-pos .pthumb{height: 70px; display: grid; place-items: center; font-size: 28px; background: var(--panel);}
.p-solutions .pmeta, .p-solutions-pos .pmeta{padding: 8px 9px;}
.p-solutions .pmeta b, .p-solutions-pos .pmeta b{display: block; font-size: 11.5px; font-weight: 600;}
.p-solutions .pmeta span, .p-solutions-pos .pmeta span{font-family: var(--f-m); font-size: 11px; color: var(--sc);}
.p-solutions .pswatch, .p-solutions-pos .pswatch{display: flex; gap: 4px; margin-top: 5px;}
.p-solutions .pswatch i, .p-solutions-pos .pswatch i{width: 9px; height: 9px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.08);}
.p-solutions .sh-foot, .p-solutions-pos .sh-foot{padding: 11px 18px; border-top: 1px solid var(--line); display: flex; gap: 7px; flex-wrap: wrap;}
.p-solutions .sh-foot .tile, .p-solutions-pos .sh-foot .tile{padding: 5px 9px; border-radius: 7px; box-shadow: none;}
.p-solutions .sh-foot .tile img, .p-solutions-pos .sh-foot .tile img{max-height: 10px; max-width: 30px;}
.p-solutions .float-card, .p-solutions-pos .float-card{position: absolute; background: var(--paper); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--sh-lg); padding: 13px 15px; display: flex; align-items: center; gap: 11px; z-index: 2;}
.p-solutions .fc-a, .p-solutions-pos .fc-a{inset-inline-start: -22px; bottom: 60px; animation: 5.5s ease-in-out 0s infinite normal none running bob;}
.p-solutions .fc-b, .p-solutions-pos .fc-b{inset-inline-end: -16px; top: -20px; animation: 6.5s ease-in-out 0.6s infinite normal none running bob;}

@media (max-width: 1040px){
.p-solutions .fc-a, .p-solutions-pos .fc-a{inset-inline-start: 6px;}
.p-solutions .fc-b, .p-solutions-pos .fc-b{inset-inline-end: 6px;}
}

.p-solutions .fc-ic, .p-solutions-pos .fc-ic{width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; flex-shrink: 0; background: var(--sc-soft); color: var(--sc); font-size: 16px;}
.p-solutions .fc-t b, .p-solutions-pos .fc-t b{display: block; font-size: 13.5px; font-weight: 600; white-space: nowrap;}
.p-solutions .fc-t span, .p-solutions-pos .fc-t span{font-size: 11.5px; color: var(--ink-3); white-space: nowrap;}
.p-solutions .statbar, .p-solutions-pos .statbar{background: var(--panel); border-block: 1px solid var(--line); padding: 30px 0px;}
.p-solutions .stats, .p-solutions-pos .stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}

@media (max-width: 820px){
.p-solutions .stats, .p-solutions-pos .stats{grid-template-columns: repeat(2, 1fr);}
}

.p-solutions .stat, .p-solutions-pos .stat{text-align: center;}
.p-solutions .stat b, .p-solutions-pos .stat b{display: block; font-family: var(--f-d); font-size: clamp(24px, 2.6vw, 32px); font-weight: 600; letter-spacing: -0.03em;}
.p-solutions .stat span, .p-solutions-pos .stat span{font-size: 13px; color: var(--ink-3);}
.p-solutions .sec, .p-solutions-pos .sec{padding: 88px 0px;}

@media (max-width: 700px){
.p-solutions .sec, .p-solutions-pos .sec{padding: 62px 0px;}
}

.p-solutions .sec.tint, .p-solutions-pos .sec.tint{background: var(--panel);}
.p-solutions .sec.dark, .p-solutions-pos .sec.dark{color: rgb(255, 255, 255); position: relative; overflow: hidden; background: radial-gradient(1000px 560px at 84% 0%, rgba(24, 131, 193, 0.32), transparent 62%), linear-gradient(158deg, rgb(1, 1, 74), rgb(4, 9, 63) 52%, rgb(6, 32, 82));}
.p-solutions .shead, .p-solutions-pos .shead{max-width: 660px;}
.p-solutions .shead.mid, .p-solutions-pos .shead.mid{margin-inline: auto; text-align: center;}
.p-solutions .shead h2, .p-solutions-pos .shead h2{font-size: clamp(26px, 3.2vw, 39px); letter-spacing: -0.028em; margin-top: 13px;}
.p-solutions .shead p, .p-solutions-pos .shead p{color: var(--ink-2); margin-top: 14px; font-size: 17px; line-height: 1.75;}
.p-solutions .sec.dark .shead h2, .p-solutions-pos .sec.dark .shead h2{color: rgb(255, 255, 255);}
.p-solutions .sec.dark .shead p, .p-solutions-pos .sec.dark .shead p{color: rgba(255, 255, 255, 0.7);}
.p-solutions .sec.dark .eyebrow, .p-solutions-pos .sec.dark .eyebrow{color: rgb(249, 168, 212);}
.p-solutions .road, .p-solutions-pos .road{position: relative; margin-top: 48px;}
.p-solutions .road::before, .p-solutions-pos .road::before{content: ""; position: absolute; top: 34px; inset-inline: 40px; height: 2px; background: repeating-linear-gradient(to right,var(--line-2) 0 8px,transparent 8px 16px);}

@media (max-width: 900px){
.p-solutions .road::before, .p-solutions-pos .road::before{display: none;}
}

.p-solutions .road-grid, .p-solutions-pos .road-grid{display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; position: relative;}

@media (max-width: 900px){
.p-solutions .road-grid, .p-solutions-pos .road-grid{grid-template-columns: 1fr 1fr;}
}

@media (max-width: 560px){
.p-solutions .road-grid, .p-solutions-pos .road-grid{grid-template-columns: 1fr;}
}

.p-solutions .rstep, .p-solutions-pos .rstep{text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px;}
.p-solutions .rnum, .p-solutions-pos .rnum{width: 68px; height: 68px; border-radius: 22px; display: grid; place-items: center; font-family: var(--f-d); font-weight: 700; font-size: 24px; color: rgb(255, 255, 255); background: linear-gradient(150deg,var(--sc),color-mix(in srgb,var(--sc) 55%,#01014A)); box-shadow: 0 14px 28px -14px color-mix(in srgb,var(--sc) 75%,transparent); position: relative; z-index: 1; border: 5px solid var(--paper);}
.p-solutions .rstep h3, .p-solutions-pos .rstep h3{font-size: 16.5px; letter-spacing: -0.015em;}
.p-solutions .rstep p, .p-solutions-pos .rstep p{font-size: 13.5px; color: var(--ink-2); line-height: 1.6;}
.p-solutions .fgrid, .p-solutions-pos .fgrid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 44px;}
.p-solutions .fcard, .p-solutions-pos .fcard{background: var(--paper); border: 1px solid var(--line); border-radius: 20px; padding: 26px 24px; display: flex; flex-direction: column; gap: 9px; transition: transform 0.22s, box-shadow 0.22s, border-color 0.22s;}
.p-solutions .fcard:hover, .p-solutions-pos .fcard:hover{transform: translateY(-5px); box-shadow: var(--sh-md); border-color: var(--line-2);}
.p-solutions .fico, .p-solutions-pos .fico{width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 21px; background: var(--sc-soft); color: var(--sc); margin-bottom: 4px;}
.p-solutions .fcard h3, .p-solutions-pos .fcard h3{font-size: 17px;}
.p-solutions .fcard p, .p-solutions-pos .fcard p{font-size: 14px; color: var(--ink-2); line-height: 1.7;}
.p-solutions .themes, .p-solutions-pos .themes{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 44px;}

@media (max-width: 820px){
.p-solutions .themes, .p-solutions-pos .themes{grid-template-columns: 1fr;}
}

.p-solutions .th, .p-solutions-pos .th{border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: var(--paper); transition: transform 0.22s, box-shadow 0.22s;}
.p-solutions .th:hover, .p-solutions-pos .th:hover{transform: translateY(-5px); box-shadow: var(--sh-md);}
.p-solutions .th-p, .p-solutions-pos .th-p{height: 190px; padding: 14px; display: flex; flex-direction: column; gap: 8px;}
.p-solutions .th-bar, .p-solutions-pos .th-bar{height: 9px; border-radius: 4px; width: 60%;}
.p-solutions .th-hero, .p-solutions-pos .th-hero{flex: 1 1 0%; border-radius: 10px;}
.p-solutions .th-row, .p-solutions-pos .th-row{display: flex; gap: 7px;}
.p-solutions .th-c, .p-solutions-pos .th-c{flex: 1 1 0%; height: 38px; border-radius: 8px;}
.p-solutions .th-n, .p-solutions-pos .th-n{padding: 14px 18px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between;}
.p-solutions .th-n b, .p-solutions-pos .th-n b{font-size: 15px; font-family: var(--f-d);}
.p-solutions .th-n span, .p-solutions-pos .th-n span{font-size: 12.5px; color: var(--ink-3);}
.p-solutions .lrow, .p-solutions-pos .lrow{display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-top: 22px;}
.p-solutions .wcard, .p-solutions-pos .wcard{padding: 30px 32px 26px;}
.p-solutions .lrow.lw, .p-solutions-pos .lrow.lw{grid-template-columns: repeat(auto-fit, minmax(118px, 176px)); justify-content: center; margin-top: 0px;}
.p-solutions .wnotes, .p-solutions-pos .wnotes{display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 26px; padding-top: 24px; border-top: 1px solid var(--line);}

@media (max-width: 900px){
.p-solutions .wnotes, .p-solutions-pos .wnotes{grid-template-columns: repeat(2, 1fr);}
}

.p-solutions .wn b, .p-solutions-pos .wn b{display: block; font-family: var(--f-d); font-size: 14.5px; font-weight: 600; margin-bottom: 5px;}
.p-solutions .wn span, .p-solutions-pos .wn span{font-size: 13px; color: var(--ink-2); line-height: 1.65;}

@media (max-width: 640px){
.p-solutions .lrow, .p-solutions-pos .lrow{grid-template-columns: repeat(2, 1fr);}
}

.p-solutions .lrow .tile, .p-solutions-pos .lrow .tile{height: 78px;}
.p-solutions .two, .p-solutions-pos .two{display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 44px;}

@media (max-width: 860px){
.p-solutions .two, .p-solutions-pos .two{grid-template-columns: 1fr;}
}

.p-solutions .card, .p-solutions-pos .card{background: var(--paper); border: 1px solid var(--line); border-radius: 20px; padding: 30px 28px;}
.p-solutions .card h3, .p-solutions-pos .card h3{font-size: 20px; letter-spacing: -0.02em;}
.p-solutions .card p, .p-solutions-pos .card p{font-size: 14.5px; color: var(--ink-2); margin-top: 10px; line-height: 1.7;}
.p-solutions .apps, .p-solutions-pos .apps{display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 44px;}

@media (max-width: 900px){
.p-solutions .apps, .p-solutions-pos .apps{grid-template-columns: repeat(2, 1fr);}
}

.p-solutions .app, .p-solutions-pos .app{background: var(--paper); border: 1px solid var(--line); border-radius: 18px; padding: 20px; display: flex; flex-direction: column; gap: 8px; transition: transform 0.2s, border-color 0.2s;}
.p-solutions .app:hover, .p-solutions-pos .app:hover{transform: translateY(-4px); border-color: var(--line-2);}
.p-solutions .app .ai, .p-solutions-pos .app .ai{width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; font-size: 20px; background: var(--panel);}
.p-solutions .app b, .p-solutions-pos .app b{font-size: 14.5px; font-family: var(--f-d);}
.p-solutions .app span, .p-solutions-pos .app span{font-size: 12.5px; color: var(--ink-3); line-height: 1.5;}
.p-solutions .app .rate, .p-solutions-pos .app .rate{margin-top: auto; padding-top: 10px; font-size: 12.5px; color: var(--amber); font-weight: 600; display: flex; align-items: center; gap: 5px;}
.p-solutions .app .rate .lucide, .p-solutions-pos .app .rate .lucide{width: 14px; height: 14px; fill: var(--amber);}
.p-solutions .story, .p-solutions-pos .story{display: grid; grid-template-columns: 1.15fr 1fr; gap: 44px; align-items: center; margin-top: 8px;}

@media (max-width: 900px){
.p-solutions .story, .p-solutions-pos .story{grid-template-columns: 1fr; gap: 30px;}
}

.p-solutions .quote, .p-solutions-pos .quote{font-family: var(--f-d); font-size: clamp(19px, 2.2vw, 26px); line-height: 1.65; letter-spacing: -0.02em; color: rgb(255, 255, 255);}
.p-solutions .qwho, .p-solutions-pos .qwho{display: flex; align-items: center; gap: 13px; margin-top: 26px;}
.p-solutions .qwho .lg, .p-solutions-pos .qwho .lg{width: 52px; height: 52px; border-radius: 14px; background: rgb(255, 255, 255); display: grid; place-items: center; padding: 8px;}
.p-solutions .qwho b, .p-solutions-pos .qwho b{display: block; font-size: 15px; color: rgb(255, 255, 255);}
.p-solutions .qwho span, .p-solutions-pos .qwho span{font-size: 13px; color: rgba(255, 255, 255, 0.6);}
.p-solutions .qstats, .p-solutions-pos .qstats{display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}
.p-solutions .qstat, .p-solutions-pos .qstat{background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 16px; padding: 20px;}
.p-solutions .qstat b, .p-solutions-pos .qstat b{display: block; font-family: var(--f-d); font-size: 28px; font-weight: 600; letter-spacing: -0.03em; color: rgb(255, 255, 255);}
.p-solutions .qstat span, .p-solutions-pos .qstat span{font-size: 12.5px; color: rgba(255, 255, 255, 0.62);}
.p-solutions .faq, .p-solutions-pos .faq{margin-top: 40px; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: var(--paper);}
.p-solutions .fq, .p-solutions-pos .fq{border-bottom: 1px solid var(--line);}
.p-solutions .fq:last-child, .p-solutions-pos .fq:last-child{border-bottom: 0px;}
.p-solutions .fq-h, .p-solutions-pos .fq-h{width: 100%; display: flex; align-items: center; gap: 14px; padding: 20px 24px; text-align: start; font-family: var(--f-d); font-weight: 600; font-size: 16px; transition: background 0.16s;}
.p-solutions .fq-h:hover, .p-solutions-pos .fq-h:hover{background: var(--panel);}
.p-solutions .fq-n, .p-solutions-pos .fq-n{width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; background: var(--sc-soft); color: var(--sc); font-family: var(--f-m); font-size: 12.5px; font-weight: 500; flex-shrink: 0;}
.p-solutions .fq-q, .p-solutions-pos .fq-q{flex: 1 1 0%;}
.p-solutions .fq-x, .p-solutions-pos .fq-x{width: 24px; height: 24px; flex-shrink: 0; color: var(--ink-3); transition: transform 0.25s;}
.p-solutions .fq.open .fq-x, .p-solutions-pos .fq.open .fq-x{transform: rotate(45deg); color: var(--sc);}
.p-solutions .fq-b, .p-solutions-pos .fq-b{padding: 0px 24px 22px 66px; font-size: 14.5px; color: var(--ink-2); line-height: 1.8;}
[dir="ltr"].p-solutions .fq-b, [dir="ltr"].p-solutions-pos .fq-b{padding: 0px 66px 22px 24px;}
.p-solutions .cta, .p-solutions-pos .cta{position: relative; overflow: hidden; color: rgb(255, 255, 255); text-align: center; padding: 76px 24px; background: radial-gradient(900px 460px at 50% -30%,color-mix(in srgb,var(--sc) 34%,transparent),transparent 62%),
             linear-gradient(150deg,#01014A,#062052);}
.p-solutions .cta h2, .p-solutions-pos .cta h2{color: rgb(255, 255, 255); font-size: clamp(26px, 3.4vw, 41px); letter-spacing: -0.03em;}
.p-solutions .cta p, .p-solutions-pos .cta p{color: rgba(255, 255, 255, 0.72); margin-top: 14px; font-size: 17px; max-width: 44em; margin-inline: auto;}
.p-solutions .cta-act, .p-solutions-pos .cta-act{display: flex; gap: 12px; justify-content: center; margin-top: 30px; flex-wrap: wrap;}
.p-solutions .cta-fine, .p-solutions-pos .cta-fine{margin-top: 20px; font-size: 13.5px; color: rgba(255, 255, 255, 0.5);}
.p-solutions .osec, .p-solutions-pos .osec{display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-top: 34px;}

@media (max-width: 1000px){
.p-solutions .osec, .p-solutions-pos .osec{grid-template-columns: repeat(4, 1fr);}
}

@media (max-width: 620px){
.p-solutions .osec, .p-solutions-pos .osec{grid-template-columns: repeat(3, 1fr);}
}

.p-solutions .otile, .p-solutions-pos .otile{border: 1px solid var(--line); border-radius: 16px; background: var(--paper); padding: 18px 10px; display: flex; flex-direction: column; align-items: center; gap: 9px; text-align: center; transition: 0.2s;}
.p-solutions .otile:hover, .p-solutions-pos .otile:hover{transform: translateY(-4px); border-color: var(--line-2); box-shadow: var(--sh-sm);}
.p-solutions .otile .em, .p-solutions-pos .otile .em{width: 46px; height: 46px; border-radius: 15px; display: grid; place-items: center; font-size: 22px; background: var(--oc);}
.p-solutions .otile b, .p-solutions-pos .otile b{font-size: 13px; font-family: var(--f-d); font-weight: 600; line-height: 1.35;}
.p-solutions .lucide, .p-solutions-pos .lucide{width: 24px; height: 24px; stroke-width: 1.75; display: block; flex-shrink: 0;}
.p-solutions .pthumb .lucide, .p-solutions-pos .pthumb .lucide{width: 30px; height: 30px; color: var(--sc);}
.p-solutions .fico .lucide, .p-solutions-pos .fico .lucide{width: 24px; height: 24px;}
.p-solutions .app .ai .lucide, .p-solutions-pos .app .ai .lucide{width: 22px; height: 22px; color: var(--brand);}
.p-solutions .otile .em .lucide, .p-solutions-pos .otile .em .lucide{width: 23px; height: 23px;}
.p-solutions .fc-ic .lucide, .p-solutions-pos .fc-ic .lucide{width: 19px; height: 19px;}
.p-solutions .caps, .p-solutions-pos .caps{margin-top: 34px;}
.p-solutions .captabs, .p-solutions-pos .captabs{display: flex; gap: 6px; background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 5px; width: fit-content; max-width: 100%; overflow-x: auto; margin-bottom: 16px;}
.p-solutions .captab, .p-solutions-pos .captab{border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; cursor: pointer; white-space: nowrap; font-family: var(--f-d); font-size: 14px; font-weight: 600; color: var(--ink-2); padding: 10px 20px; border-radius: 10px; transition: 0.18s; display: flex; align-items: center; gap: 8px;}
.p-solutions .captab .n, .p-solutions-pos .captab .n{font-family: var(--f-m); font-size: 11px; font-weight: 500; opacity: 0.6;}
.p-solutions .captab:hover, .p-solutions-pos .captab:hover{color: var(--ink);}
.p-solutions .captab.on, .p-solutions-pos .captab.on{background: var(--sc); color: rgb(255, 255, 255);}
.p-solutions .captab.on .n, .p-solutions-pos .captab.on .n{opacity: 0.75;}
.p-solutions .capchips, .p-solutions-pos .capchips{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px;}
.p-solutions .capchip, .p-solutions-pos .capchip{border: 1px solid var(--line); background: var(--paper); border-radius: 100px; padding: 9px 16px 9px 12px; display: inline-flex; align-items: center; gap: 9px; cursor: pointer; font: inherit; color: var(--ink-2); transition: 0.18s;}
[dir="ltr"].p-solutions .capchip, [dir="ltr"].p-solutions-pos .capchip{padding: 9px 12px 9px 16px;}
.p-solutions .capchip:hover, .p-solutions-pos .capchip:hover{border-color: var(--line-2); color: var(--ink);}
.p-solutions .capchip .ci, .p-solutions-pos .capchip .ci{width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; flex-shrink: 0; background: var(--sc-soft); color: var(--sc);}
.p-solutions .capchip .ci .lucide, .p-solutions-pos .capchip .ci .lucide{width: 14px; height: 14px;}
.p-solutions .capchip b, .p-solutions-pos .capchip b{font-family: var(--f-d); font-size: 13.5px; font-weight: 600;}
.p-solutions .capchip.on, .p-solutions-pos .capchip.on{border-color: var(--sc); background: var(--sc-soft); color: var(--sc);}
.p-solutions .capchip.on .ci, .p-solutions-pos .capchip.on .ci{background: var(--sc); color: rgb(255, 255, 255);}
.p-solutions .capdet, .p-solutions-pos .capdet{border: 1px solid var(--line); border-radius: 18px; background: var(--panel); overflow: hidden; display: grid; grid-template-columns: 1fr 380px;}

@media (max-width: 900px){
.p-solutions .capdet, .p-solutions-pos .capdet{grid-template-columns: 1fr;}
}

.p-solutions .capdet-txt, .p-solutions-pos .capdet-txt{padding: 32px 34px; display: flex; flex-direction: column; justify-content: center;}

@media (max-width: 900px){
.p-solutions .capdet-txt, .p-solutions-pos .capdet-txt{padding: 24px 22px;}
}

.p-solutions .capdet h3, .p-solutions-pos .capdet h3{font-family: var(--f-d); font-size: 22px; font-weight: 600; letter-spacing: -0.025em; margin: 0px 0px 11px; text-wrap: balance;}
.p-solutions .capdet .lede, .p-solutions-pos .capdet .lede{font-size: 15px; color: var(--ink-2); line-height: 1.85; margin: 0px; max-width: 56ch;}
.p-solutions .capdet ul, .p-solutions-pos .capdet ul{list-style: none; margin: 22px 0px 0px; padding: 0px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 26px;}

@media (max-width: 1080px){
.p-solutions .capdet ul, .p-solutions-pos .capdet ul{grid-template-columns: 1fr;}
}

.p-solutions .capdet li, .p-solutions-pos .capdet li{display: flex; gap: 9px; align-items: flex-start; font-size: 13.5px; color: var(--ink-2); line-height: 1.65;}
.p-solutions .capdet li svg, .p-solutions-pos .capdet li svg{flex-shrink: 0; margin-top: 4px; color: var(--sc);}
.p-solutions .capshot, .p-solutions-pos .capshot{position: relative; background: var(--paper); border-inline-start: 1px solid var(--line); overflow: hidden; min-height: 340px;}
.p-solutions .capshot img, .p-solutions-pos .capshot img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block;}

@media (max-width: 900px){
.p-solutions .capshot, .p-solutions-pos .capshot{border-inline-start: 0px; border-top: 1px solid var(--line); min-height: 250px;}
}

.p-solutions .capdet, .p-solutions-pos .capdet{display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 30px; align-items: center;}

@media (max-width: 860px){
.p-solutions .capdet, .p-solutions-pos .capdet{grid-template-columns: 1fr; gap: 22px;}
}

.p-solutions .capdet-txt, .p-solutions-pos .capdet-txt{min-width: 0px;}
.p-solutions .capshot, .p-solutions-pos .capshot{border-radius: 14px; overflow: hidden; background: var(--panel); border: 1px solid var(--line); box-shadow: var(--sh-md);}
.p-solutions .capshot img, .p-solutions-pos .capshot img{width: 100%; height: auto; display: block;}
.p-solutions .mosaic, .p-solutions-pos .mosaic{display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin-top: 38px;}

@media (max-width: 980px){
.p-solutions .mosaic, .p-solutions-pos .mosaic{grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 600px){
.p-solutions .mosaic, .p-solutions-pos .mosaic{grid-template-columns: 1fr;}
}

.p-solutions .mo, .p-solutions-pos .mo{position: relative; border-radius: 18px; overflow: hidden; border: 1px solid var(--line); background: var(--panel); min-height: 260px; display: flex; flex-direction: column; transition: transform 0.25s, box-shadow 0.25s;}
.p-solutions .mo:hover, .p-solutions-pos .mo:hover{transform: translateY(-4px); box-shadow: var(--sh-md);}
.p-solutions .mo.w3, .p-solutions-pos .mo.w3{grid-column: span 3;}
.p-solutions .mo.w2, .p-solutions-pos .mo.w2{grid-column: span 2;}
.p-solutions .mo.w6, .p-solutions-pos .mo.w6{grid-column: span 6; min-height: 220px; flex-direction: row; align-items: center; gap: 26px;}

@media (max-width: 980px){
.p-solutions .mo.w3, .p-solutions-pos .mo.w3, .p-solutions .mo.w2, .p-solutions-pos .mo.w2, .p-solutions .mo.w6, .p-solutions-pos .mo.w6{grid-column: span 1;}
.p-solutions .mo.w6, .p-solutions-pos .mo.w6{flex-direction: column; align-items: stretch; gap: 0px;}
}

.p-solutions .mo-t, .p-solutions-pos .mo-t{padding: 22px 22px 4px;}
.p-solutions .mo.w6 .mo-t, .p-solutions-pos .mo.w6 .mo-t{flex: 1 1 0%; padding: 26px 30px;}
.p-solutions .mo-t b, .p-solutions-pos .mo-t b{display: block; font-family: var(--f-d); font-size: 16.5px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.4; margin-bottom: 7px;}
.p-solutions .mo-t p, .p-solutions-pos .mo-t p{font-size: 13.5px; color: var(--ink-2); line-height: 1.7; margin: 0px;}
.p-solutions .mo-img, .p-solutions-pos .mo-img{margin-top: auto; padding: 16px 18px 0px; overflow: hidden;}
.p-solutions .mo.w6 .mo-img, .p-solutions-pos .mo.w6 .mo-img{flex: 1 1 0%; padding: 0px 26px; margin-top: 0px; max-width: 46%;}

@media (max-width: 980px){
.p-solutions .mo.w6 .mo-img, .p-solutions-pos .mo.w6 .mo-img{max-width: none; padding: 16px 18px 0px;}
}

.p-solutions .mo-img img, .p-solutions-pos .mo-img img{width: 100%; height: auto; display: block; border-radius: 12px 12px 0px 0px; border-bottom: 0px;}
.p-solutions .mo.w6 .mo-img img, .p-solutions-pos .mo.w6 .mo-img img{border-radius: 12px; border-bottom: 1px solid var(--line);}
.p-solutions .shots, .p-solutions-pos .shots{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 34px;}

@media (max-width: 820px){
.p-solutions .shots, .p-solutions-pos .shots{grid-template-columns: 1fr;}
}

.p-solutions .shot, .p-solutions-pos .shot{border-radius: 16px; overflow: hidden; border: 1px solid var(--line); background: var(--panel);}
.p-solutions .shot img, .p-solutions-pos .shot img{width: 100%; height: auto; display: block;}
.p-solutions .shot-c, .p-solutions-pos .shot-c{padding: 16px 18px;}
.p-solutions .shot-c b, .p-solutions-pos .shot-c b{display: block; font-family: var(--f-d); font-size: 15px; font-weight: 600; margin-bottom: 5px;}
.p-solutions .shot-c span, .p-solutions-pos .shot-c span{font-size: 13px; color: var(--ink-2); line-height: 1.65;}
.p-solutions .tile img, .p-solutions-pos .tile img{width: 100%; height: 100%; object-fit: contain; display: block; max-width: 100%; max-height: 100%;}
.p-solutions .lrow .tile, .p-solutions-pos .lrow .tile{height: 78px; padding: 16px 20px;}
.p-solutions .lrow .tile, .p-solutions-pos .lrow .tile{height: 78px; padding: 16px 20px;}
.p-solutions .sh-foot .tile, .p-solutions-pos .sh-foot .tile{width: 40px; height: 19px; padding: 3px 5px;}
.p-solutions .qwho .lg img, .p-solutions-pos .qwho .lg img{width: 100%; height: 100%; object-fit: contain;}
[dir="rtl"].p-solutions .eyebrow, [dir="rtl"].p-solutions-pos .eyebrow, [dir="rtl"].p-solutions .kicker, [dir="rtl"].p-solutions-pos .kicker, [dir="rtl"].p-solutions .viz-kicker, [dir="rtl"].p-solutions-pos .viz-kicker, [dir="rtl"].p-solutions .ptag, [dir="rtl"].p-solutions-pos .ptag, [dir="rtl"].p-solutions .crumb, [dir="rtl"].p-solutions-pos .crumb, [dir="rtl"].p-solutions .mq-t, [dir="rtl"].p-solutions-pos .mq-t, [dir="rtl"].p-solutions .prev-cap, [dir="rtl"].p-solutions-pos .prev-cap, [dir="rtl"].p-solutions .sc-step, [dir="rtl"].p-solutions-pos .sc-step, [dir="rtl"].p-solutions .fine, [dir="rtl"].p-solutions-pos .fine, [dir="rtl"].p-solutions .note, [dir="rtl"].p-solutions-pos .note, [dir="rtl"].p-solutions .opt-t span, [dir="rtl"].p-solutions-pos .opt-t span, [dir="rtl"].p-solutions .stat b, [dir="rtl"].p-solutions-pos .stat b, [dir="rtl"].p-solutions .lbl, [dir="rtl"].p-solutions-pos .lbl, [dir="rtl"].p-solutions .tag, [dir="rtl"].p-solutions-pos .tag, [dir="rtl"].p-solutions th, [dir="rtl"].p-solutions-pos th{letter-spacing: 0px; text-transform: none;}
[dir="rtl"].p-solutions .eyebrow, [dir="rtl"].p-solutions-pos .eyebrow, [dir="rtl"].p-solutions .viz-kicker, [dir="rtl"].p-solutions-pos .viz-kicker, [dir="rtl"].p-solutions .kicker, [dir="rtl"].p-solutions-pos .kicker{font-family: var(--f-d); font-size: 13.5px; font-weight: 600;}
[dir="rtl"].p-solutions .ptag, [dir="rtl"].p-solutions-pos .ptag{font-family: var(--f-d); font-size: 11.5px; font-weight: 600;}
html.p-sectors{scroll-behavior: smooth;}
.p-sectors .wrap{max-width: var(--maxw); margin-inline: auto; padding-inline: 24px;}
.p-sectors .mono{font-family: var(--f-m); font-variant-numeric: tabular-nums;}
.p-sectors .ltr{direction: ltr; unicode-bidi: isolate; display: inline-block;}
.p-sectors .eyebrow{font-family: var(--f-m); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sc); font-weight: 500;}
.p-sectors .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 600; font-size: 15px; border-radius: 12px; padding: 12px 21px; transition: transform 0.14s, box-shadow 0.18s, background 0.18s, border-color 0.18s;}
.p-sectors .btn:active{transform: translateY(1px);}
.p-sectors .btn-p{background: var(--brand); color: rgb(255, 255, 255); box-shadow: 0 8px 22px -10px color-mix(in srgb,var(--brand) 80%,transparent);}
.p-sectors .btn-p:hover{background: var(--brand-hi);}
.p-sectors .btn-s{background: var(--sc); color: rgb(255, 255, 255); box-shadow: 0 8px 22px -10px color-mix(in srgb,var(--sc) 80%,transparent);}
.p-sectors .btn-s:hover{filter: brightness(1.08);}
.p-sectors .btn-g{border: 1.5px solid var(--line-2); color: var(--ink-2); background: var(--paper);}
.p-sectors .btn-g:hover{background: var(--panel); color: var(--ink);}
.p-sectors .btn-w{background: rgb(255, 255, 255); color: rgb(1, 1, 74);}
.p-sectors .btn-w:hover{background: rgb(230, 239, 248);}
.p-sectors .btn-o{border: 1.5px solid rgba(255, 255, 255, 0.32); color: rgb(255, 255, 255);}
.p-sectors .btn-o:hover{background: rgba(255, 255, 255, 0.1);}
.p-sectors .btn-lg{font-size: 16.5px; padding: 15px 28px; border-radius: 13px;}
.p-sectors .btn-plain{color: var(--ink-2); padding: 12px 10px;}
.p-sectors .btn-plain:hover{color: var(--ink);}
.p-sectors .arw{width: 15px; height: 15px; flex-shrink: 0;}
[dir="ltr"].p-sectors .arw{transform: scaleX(-1);}

@media (max-width: 1000px){
.p-sectors .btn-plain{display: none;}
}

.p-sectors .crumb{display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-3); padding-top: 22px;}
.p-sectors .crumb a:hover{color: var(--brand);}
.p-sectors .crumb i{opacity: 0.45; font-style: normal;}
.p-sectors .hero{position: relative; overflow: hidden; padding: 26px 0px 78px; background: radial-gradient(880px 520px at 86% -6%, color-mix(in srgb,var(--sc) 14%,transparent), transparent 62%),
             radial-gradient(680px 460px at 4% 106%, color-mix(in srgb,var(--brand) 10%,transparent), transparent 60%),
             var(--paper);}
.p-sectors .hero-in{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.05fr); gap: 64px; align-items: center; margin-top: 34px;}

@media (max-width: 1040px){
.p-sectors .hero-in{grid-template-columns: 1fr; gap: 44px;}
}

.p-sectors .hero h1{font-size: clamp(31px, 4.2vw, 52px); letter-spacing: -0.032em; margin-top: 14px;}
.p-sectors .hero h1 em{font-style: normal; color: var(--sc);}
.p-sectors .hero-sub{font-size: clamp(16px, 1.5vw, 18px); color: var(--ink-2); margin-top: 18px; max-width: 33em; line-height: 1.75;}
.p-sectors .hero-act{display: flex; gap: 12px; margin-top: 28px; flex-wrap: wrap;}
.p-sectors .hero-chips{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px;}
.p-sectors .hchip{display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 500; color: var(--ink-2); background: var(--paper); border: 1px solid var(--line); border-radius: 100px; padding: 7px 14px; box-shadow: var(--sh-sm);}
.p-sectors .hchip svg{color: var(--ok); flex-shrink: 0;}
.p-sectors .hart{position: relative; min-width: 0px;}
.p-sectors .hero-img{width: 100%; height: auto; display: block; border-radius: 22px; box-shadow: var(--sh-lg); border: 1px solid var(--line);}
.p-sectors .shopwin{border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: var(--paper); box-shadow: var(--sh-lg);}
.p-sectors .win-bar{display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: var(--panel); border-bottom: 1px solid var(--line);}
.p-sectors .dots{display: flex; gap: 5px;}
.p-sectors .dots i{width: 9px; height: 9px; border-radius: 50%; background: var(--line-2);}
.p-sectors .win-url{flex: 1 1 0%; background: var(--paper); border: 1px solid var(--line); border-radius: 7px; padding: 4px 11px; font-family: var(--f-m); font-size: 11px; color: var(--ink-3); direction: ltr; unicode-bidi: isolate; text-align: center;}
.p-sectors .sh-head{display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--line);}
.p-sectors .sh-brand{display: flex; align-items: center; gap: 9px;}
.p-sectors .sh-logo{width: 32px; height: 32px; border-radius: 9px; background: var(--sc); display: grid; place-items: center; color: rgb(255, 255, 255); font-family: var(--f-d); font-weight: 700; font-size: 14px;}
.p-sectors .sh-nm{font-family: var(--f-d); font-weight: 600; font-size: 14.5px;}
.p-sectors .sh-ic{display: flex; gap: 12px; color: var(--ink-3);}
.p-sectors .sh-hero{margin: 16px 18px 0px; border-radius: 14px; padding: 20px; position: relative; overflow: hidden; background: linear-gradient(120deg,var(--sc-soft),color-mix(in srgb,var(--sc) 20%,transparent));}
.p-sectors .sh-hero b{font-family: var(--f-d); font-size: 17px; display: block;}
.p-sectors .sh-hero span{font-size: 12.5px; color: var(--ink-2); display: block; margin-top: 4px;}
.p-sectors .sh-hero .pill{display: inline-block; margin-top: 12px; background: var(--sc); color: rgb(255, 255, 255); border-radius: 100px; padding: 6px 15px; font-size: 12px; font-weight: 600;}
.p-sectors .sh-hero .blob{position: absolute; inset-inline-end: -30px; bottom: -46px; width: 130px; height: 130px; border-radius: 50%; background: var(--sc); opacity: 0.18;}
.p-sectors .sh-prods{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 16px 18px;}
.p-sectors .pcard{border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: var(--paper);}
.p-sectors .pthumb{height: 70px; display: grid; place-items: center; font-size: 28px; background: var(--panel);}
.p-sectors .pmeta{padding: 8px 9px;}
.p-sectors .pmeta b{display: block; font-size: 11.5px; font-weight: 600;}
.p-sectors .pmeta span{font-family: var(--f-m); font-size: 11px; color: var(--sc);}
.p-sectors .pswatch{display: flex; gap: 4px; margin-top: 5px;}
.p-sectors .pswatch i{width: 9px; height: 9px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.08);}
.p-sectors .sh-foot{padding: 11px 18px; border-top: 1px solid var(--line); display: flex; gap: 7px; flex-wrap: wrap;}
.p-sectors .sh-foot .tile{padding: 5px 9px; border-radius: 7px; box-shadow: none;}
.p-sectors .sh-foot .tile img{max-height: 10px; max-width: 30px;}
.p-sectors .float-card{position: absolute; background: var(--paper); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--sh-lg); padding: 13px 15px; display: flex; align-items: center; gap: 11px; z-index: 2;}
.p-sectors .fc-a{inset-inline-start: -22px; bottom: 60px; animation: 5.5s ease-in-out 0s infinite normal none running bob;}
.p-sectors .fc-b{inset-inline-end: -16px; top: -20px; animation: 6.5s ease-in-out 0.6s infinite normal none running bob;}

@media (max-width: 1040px){
.p-sectors .fc-a{inset-inline-start: 6px;}
.p-sectors .fc-b{inset-inline-end: 6px;}
}

.p-sectors .fc-ic{width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; flex-shrink: 0; background: var(--sc-soft); color: var(--sc); font-size: 16px;}
.p-sectors .fc-t b{display: block; font-size: 13.5px; font-weight: 600; white-space: nowrap;}
.p-sectors .fc-t span{font-size: 11.5px; color: var(--ink-3); white-space: nowrap;}
.p-sectors .statbar{background: var(--panel); border-block: 1px solid var(--line); padding: 30px 0px;}
.p-sectors .stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}

@media (max-width: 820px){
.p-sectors .stats{grid-template-columns: repeat(2, 1fr);}
}

.p-sectors .stat{text-align: center;}
.p-sectors .stat b{display: block; font-family: var(--f-d); font-size: clamp(24px, 2.6vw, 32px); font-weight: 600; letter-spacing: -0.03em;}
.p-sectors .stat span{font-size: 13px; color: var(--ink-3);}
.p-sectors .sec{padding: 88px 0px;}

@media (max-width: 700px){
.p-sectors .sec{padding: 62px 0px;}
}

.p-sectors .sec.tint{background: var(--panel);}
.p-sectors .sec.dark{color: rgb(255, 255, 255); position: relative; overflow: hidden; background: radial-gradient(1000px 560px at 84% 0%, rgba(24, 131, 193, 0.32), transparent 62%), linear-gradient(158deg, rgb(1, 1, 74), rgb(4, 9, 63) 52%, rgb(6, 32, 82));}
.p-sectors .shead{max-width: 660px;}
.p-sectors .shead.mid{margin-inline: auto; text-align: center;}
.p-sectors .shead h2{font-size: clamp(26px, 3.2vw, 39px); letter-spacing: -0.028em; margin-top: 13px;}
.p-sectors .shead p{color: var(--ink-2); margin-top: 14px; font-size: 17px; line-height: 1.75;}
.p-sectors .sec.dark .shead h2{color: rgb(255, 255, 255);}
.p-sectors .sec.dark .shead p{color: rgba(255, 255, 255, 0.7);}
.p-sectors .sec.dark .eyebrow{color: rgb(249, 168, 212);}
.p-sectors .road{position: relative; margin-top: 48px;}
.p-sectors .road::before{content: ""; position: absolute; top: 34px; inset-inline: 40px; height: 2px; background: repeating-linear-gradient(to right,var(--line-2) 0 8px,transparent 8px 16px);}

@media (max-width: 900px){
.p-sectors .road::before{display: none;}
}

.p-sectors .road-grid{display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; position: relative;}

@media (max-width: 900px){
.p-sectors .road-grid{grid-template-columns: 1fr 1fr;}
}

@media (max-width: 560px){
.p-sectors .road-grid{grid-template-columns: 1fr;}
}

.p-sectors .rstep{text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px;}
.p-sectors .rnum{width: 68px; height: 68px; border-radius: 22px; display: grid; place-items: center; font-family: var(--f-d); font-weight: 700; font-size: 24px; color: rgb(255, 255, 255); background: linear-gradient(150deg,var(--sc),color-mix(in srgb,var(--sc) 55%,#01014A)); box-shadow: 0 14px 28px -14px color-mix(in srgb,var(--sc) 75%,transparent); position: relative; z-index: 1; border: 5px solid var(--paper);}
.p-sectors .rstep h3{font-size: 16.5px; letter-spacing: -0.015em;}
.p-sectors .rstep p{font-size: 13.5px; color: var(--ink-2); line-height: 1.6;}
.p-sectors .fcard{background: var(--paper); border: 1px solid var(--line); border-radius: 20px; padding: 26px 24px; display: flex; flex-direction: column; gap: 9px; transition: transform 0.22s, box-shadow 0.22s, border-color 0.22s;}
.p-sectors .fcard:hover{transform: translateY(-5px); box-shadow: var(--sh-md); border-color: var(--line-2);}
.p-sectors .fico{width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 21px; background: var(--sc-soft); color: var(--sc); margin-bottom: 4px;}
.p-sectors .fcard h3{font-size: 17px;}
.p-sectors .fcard p{font-size: 14px; color: var(--ink-2); line-height: 1.7;}
.p-sectors .themes{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 44px;}

@media (max-width: 820px){
.p-sectors .themes{grid-template-columns: 1fr;}
}

.p-sectors .th{border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: var(--paper); transition: transform 0.22s, box-shadow 0.22s;}
.p-sectors .th:hover{transform: translateY(-5px); box-shadow: var(--sh-md);}
.p-sectors .th-p{height: 190px; padding: 14px; display: flex; flex-direction: column; gap: 8px;}
.p-sectors .th-bar{height: 9px; border-radius: 4px; width: 60%;}
.p-sectors .th-hero{flex: 1 1 0%; border-radius: 10px;}
.p-sectors .th-row{display: flex; gap: 7px;}
.p-sectors .th-c{flex: 1 1 0%; height: 38px; border-radius: 8px;}
.p-sectors .th-n{padding: 14px 18px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between;}
.p-sectors .th-n b{font-size: 15px; font-family: var(--f-d);}
.p-sectors .th-n span{font-size: 12.5px; color: var(--ink-3);}
.p-sectors .lrow{display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-top: 22px;}

@media (max-width: 640px){
.p-sectors .lrow{grid-template-columns: repeat(2, 1fr);}
}

.p-sectors .lrow .tile{height: 78px;}
.p-sectors .two{display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 44px;}

@media (max-width: 860px){
.p-sectors .two{grid-template-columns: 1fr;}
}

.p-sectors .card{background: var(--paper); border: 1px solid var(--line); border-radius: 20px; padding: 30px 28px;}
.p-sectors .card h3{font-size: 20px; letter-spacing: -0.02em;}
.p-sectors .card p{font-size: 14.5px; color: var(--ink-2); margin-top: 10px; line-height: 1.7;}
.p-sectors .apps{display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 44px;}

@media (max-width: 900px){
.p-sectors .apps{grid-template-columns: repeat(2, 1fr);}
}

.p-sectors .app{background: var(--paper); border: 1px solid var(--line); border-radius: 18px; padding: 20px; display: flex; flex-direction: column; gap: 8px; transition: transform 0.2s, border-color 0.2s;}
.p-sectors .app:hover{transform: translateY(-4px); border-color: var(--line-2);}
.p-sectors .app .ai{width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; font-size: 20px; background: var(--panel);}
.p-sectors .app b{font-size: 14.5px; font-family: var(--f-d);}
.p-sectors .app span{font-size: 12.5px; color: var(--ink-3); line-height: 1.5;}
.p-sectors .app .rate{margin-top: auto; padding-top: 10px; font-size: 12.5px; color: var(--amber); font-weight: 600; display: flex; align-items: center; gap: 5px;}
.p-sectors .app .rate .lucide{width: 14px; height: 14px; fill: var(--amber);}
.p-sectors .story{display: grid; grid-template-columns: 1.15fr 1fr; gap: 44px; align-items: center; margin-top: 8px;}

@media (max-width: 900px){
.p-sectors .story{grid-template-columns: 1fr; gap: 30px;}
}

.p-sectors .quote{font-family: var(--f-d); font-size: clamp(19px, 2.2vw, 26px); line-height: 1.65; letter-spacing: -0.02em; color: rgb(255, 255, 255);}
.p-sectors .qwho{display: flex; align-items: center; gap: 13px; margin-top: 26px;}
.p-sectors .qwho .lg{width: 52px; height: 52px; border-radius: 14px; background: rgb(255, 255, 255); display: grid; place-items: center; padding: 8px;}
.p-sectors .qwho b{display: block; font-size: 15px; color: rgb(255, 255, 255);}
.p-sectors .qwho span{font-size: 13px; color: rgba(255, 255, 255, 0.6);}
.p-sectors .qstats{display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}
.p-sectors .qstat{background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 16px; padding: 20px;}
.p-sectors .qstat b{display: block; font-family: var(--f-d); font-size: 28px; font-weight: 600; letter-spacing: -0.03em; color: rgb(255, 255, 255);}
.p-sectors .qstat span{font-size: 12.5px; color: rgba(255, 255, 255, 0.62);}
.p-sectors .faq{margin-top: 40px; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: var(--paper);}
.p-sectors .fq{border-bottom: 1px solid var(--line);}
.p-sectors .fq:last-child{border-bottom: 0px;}
.p-sectors .fq-h{width: 100%; display: flex; align-items: center; gap: 14px; padding: 20px 24px; text-align: start; font-family: var(--f-d); font-weight: 600; font-size: 16px; transition: background 0.16s;}
.p-sectors .fq-h:hover{background: var(--panel);}
.p-sectors .fq-n{width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; background: var(--sc-soft); color: var(--sc); font-family: var(--f-m); font-size: 12.5px; font-weight: 500; flex-shrink: 0;}
.p-sectors .fq-q{flex: 1 1 0%;}
.p-sectors .fq-x{width: 24px; height: 24px; flex-shrink: 0; color: var(--ink-3); transition: transform 0.25s;}
.p-sectors .fq.open .fq-x{transform: rotate(45deg); color: var(--sc);}
.p-sectors .fq-b{padding: 0px 24px 22px 66px; font-size: 14.5px; color: var(--ink-2); line-height: 1.8;}
[dir="ltr"].p-sectors .fq-b{padding: 0px 66px 22px 24px;}
.p-sectors .cta{position: relative; overflow: hidden; color: rgb(255, 255, 255); text-align: center; padding: 76px 24px; background: radial-gradient(900px 460px at 50% -30%,color-mix(in srgb,var(--sc) 34%,transparent),transparent 62%),
             linear-gradient(150deg,#01014A,#062052);}
.p-sectors .cta h2{color: rgb(255, 255, 255); font-size: clamp(26px, 3.4vw, 41px); letter-spacing: -0.03em;}
.p-sectors .cta p{color: rgba(255, 255, 255, 0.72); margin-top: 14px; font-size: 17px; max-width: 44em; margin-inline: auto;}
.p-sectors .cta-act{display: flex; gap: 12px; justify-content: center; margin-top: 30px; flex-wrap: wrap;}
.p-sectors .cta-fine{margin-top: 20px; font-size: 13.5px; color: rgba(255, 255, 255, 0.5);}
.p-sectors .osec{display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-top: 34px;}

@media (max-width: 1000px){
.p-sectors .osec{grid-template-columns: repeat(4, 1fr);}
}

@media (max-width: 620px){
.p-sectors .osec{grid-template-columns: repeat(3, 1fr);}
}

.p-sectors .otile{border: 1px solid var(--line); border-radius: 16px; background: var(--paper); padding: 18px 10px; display: flex; flex-direction: column; align-items: center; gap: 9px; text-align: center; transition: 0.2s;}
.p-sectors .otile:hover{transform: translateY(-4px); border-color: var(--line-2); box-shadow: var(--sh-sm);}
.p-sectors .otile .em{width: 46px; height: 46px; border-radius: 15px; display: grid; place-items: center; font-size: 22px; background: var(--oc);}
.p-sectors .otile b{font-size: 13px; font-family: var(--f-d); font-weight: 600; line-height: 1.35;}
.p-sectors .lucide{width: 24px; height: 24px; stroke-width: 1.75; display: block; flex-shrink: 0;}
.p-sectors .pthumb .lucide{width: 30px; height: 30px; color: var(--sc);}
.p-sectors .fico .lucide{width: 24px; height: 24px;}
.p-sectors .app .ai .lucide{width: 22px; height: 22px; color: var(--brand);}
.p-sectors .otile .em .lucide{width: 23px; height: 23px;}
.p-sectors .fc-ic .lucide{width: 19px; height: 19px;}
.p-sectors .lrow .tile{height: 78px; padding: 16px 20px;}
.p-sectors .sh-foot .tile{width: 40px; height: 19px; padding: 3px 5px;}
.p-sectors .qwho .lg img{width: 100%; height: 100%; object-fit: contain;}
[dir="rtl"].p-sectors .eyebrow, [dir="rtl"].p-sectors .kicker, [dir="rtl"].p-sectors .viz-kicker, [dir="rtl"].p-sectors .ptag, [dir="rtl"].p-sectors .crumb, [dir="rtl"].p-sectors .mq-t, [dir="rtl"].p-sectors .prev-cap, [dir="rtl"].p-sectors .sc-step, [dir="rtl"].p-sectors .fine, [dir="rtl"].p-sectors .note, [dir="rtl"].p-sectors .opt-t span, [dir="rtl"].p-sectors .stat b, [dir="rtl"].p-sectors .lbl, [dir="rtl"].p-sectors .tag, [dir="rtl"].p-sectors th{letter-spacing: 0px; text-transform: none;}
[dir="rtl"].p-sectors .eyebrow, [dir="rtl"].p-sectors .viz-kicker, [dir="rtl"].p-sectors .kicker{font-family: var(--f-d); font-size: 13.5px; font-weight: 600;}
[dir="rtl"].p-sectors .ptag{font-family: var(--f-d); font-size: 11.5px; font-weight: 600;}
html.p-pricing{scroll-behavior: smooth;}
.p-pricing .wrap{max-width: var(--maxw); margin-inline: auto; padding-inline: 24px;}
.p-pricing .mono{font-family: var(--f-m); font-variant-numeric: tabular-nums;}
.p-pricing .ltr{direction: ltr; unicode-bidi: isolate; display: inline-block;}
.p-pricing .eyebrow{font-family: var(--f-m); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sc); font-weight: 500;}
.p-pricing .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 600; font-size: 15px; border-radius: 12px; padding: 12px 21px; transition: transform 0.14s, box-shadow 0.18s, background 0.18s, border-color 0.18s;}
.p-pricing .btn:active{transform: translateY(1px);}
.p-pricing .btn-p{background: var(--brand); color: rgb(255, 255, 255); box-shadow: 0 8px 22px -10px color-mix(in srgb,var(--brand) 80%,transparent);}
.p-pricing .btn-p:hover{background: var(--brand-hi);}
.p-pricing .btn-s{background: var(--sc); color: rgb(255, 255, 255); box-shadow: 0 8px 22px -10px color-mix(in srgb,var(--sc) 80%,transparent);}
.p-pricing .btn-s:hover{filter: brightness(1.08);}
.p-pricing .btn-g{border: 1.5px solid var(--line-2); color: var(--ink-2); background: var(--paper);}
.p-pricing .btn-g:hover{background: var(--panel); color: var(--ink);}
.p-pricing .btn-w{background: rgb(255, 255, 255); color: rgb(1, 1, 74);}
.p-pricing .btn-w:hover{background: rgb(230, 239, 248);}
.p-pricing .btn-o{border: 1.5px solid rgba(255, 255, 255, 0.32); color: rgb(255, 255, 255);}
.p-pricing .btn-o:hover{background: rgba(255, 255, 255, 0.1);}
.p-pricing .btn-lg{font-size: 16.5px; padding: 15px 28px; border-radius: 13px;}
.p-pricing .btn-plain{color: var(--ink-2); padding: 12px 10px;}
.p-pricing .btn-plain:hover{color: var(--ink);}
.p-pricing .arw{width: 15px; height: 15px; flex-shrink: 0;}
[dir="ltr"].p-pricing .arw{transform: scaleX(-1);}

@media (max-width: 1000px){
.p-pricing .btn-plain{display: none;}
}

.p-pricing .crumb{display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-3); padding-top: 22px;}
.p-pricing .crumb a:hover{color: var(--brand);}
.p-pricing .crumb i{opacity: 0.45; font-style: normal;}
.p-pricing .hero{position: relative; overflow: hidden; padding: 26px 0px 78px; background: radial-gradient(880px 520px at 86% -6%, color-mix(in srgb,var(--sc) 14%,transparent), transparent 62%),
             radial-gradient(680px 460px at 4% 106%, color-mix(in srgb,var(--brand) 10%,transparent), transparent 60%),
             var(--paper);}
.p-pricing .hero-in{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.05fr); gap: 64px; align-items: center; margin-top: 34px;}

@media (max-width: 1040px){
.p-pricing .hero-in{grid-template-columns: 1fr; gap: 44px;}
}

.p-pricing .hero h1{font-size: clamp(31px, 4.2vw, 52px); letter-spacing: -0.032em; margin-top: 14px;}
.p-pricing .hero h1 em{font-style: normal; color: var(--sc);}
.p-pricing .hero-sub{font-size: clamp(16px, 1.5vw, 18px); color: var(--ink-2); margin-top: 18px; max-width: 33em; line-height: 1.75;}
.p-pricing .hero-act{display: flex; gap: 12px; margin-top: 28px; flex-wrap: wrap;}
.p-pricing .hero-chips{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px;}
.p-pricing .hchip{display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 500; color: var(--ink-2); background: var(--paper); border: 1px solid var(--line); border-radius: 100px; padding: 7px 14px; box-shadow: var(--sh-sm);}
.p-pricing .hchip svg{color: var(--ok); flex-shrink: 0;}
.p-pricing .hart{position: relative; min-width: 0px;}
.p-pricing .hero-img{width: 100%; height: auto; display: block; border-radius: 22px; box-shadow: var(--sh-lg); border: 1px solid var(--line);}
.p-pricing .shopwin{border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: var(--paper); box-shadow: var(--sh-lg);}
.p-pricing .win-bar{display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: var(--panel); border-bottom: 1px solid var(--line);}
.p-pricing .dots{display: flex; gap: 5px;}
.p-pricing .dots i{width: 9px; height: 9px; border-radius: 50%; background: var(--line-2);}
.p-pricing .win-url{flex: 1 1 0%; background: var(--paper); border: 1px solid var(--line); border-radius: 7px; padding: 4px 11px; font-family: var(--f-m); font-size: 11px; color: var(--ink-3); direction: ltr; unicode-bidi: isolate; text-align: center;}
.p-pricing .sh-head{display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--line);}
.p-pricing .sh-brand{display: flex; align-items: center; gap: 9px;}
.p-pricing .sh-logo{width: 32px; height: 32px; border-radius: 9px; background: var(--sc); display: grid; place-items: center; color: rgb(255, 255, 255); font-family: var(--f-d); font-weight: 700; font-size: 14px;}
.p-pricing .sh-nm{font-family: var(--f-d); font-weight: 600; font-size: 14.5px;}
.p-pricing .sh-ic{display: flex; gap: 12px; color: var(--ink-3);}
.p-pricing .sh-hero{margin: 16px 18px 0px; border-radius: 14px; padding: 20px; position: relative; overflow: hidden; background: linear-gradient(120deg,var(--sc-soft),color-mix(in srgb,var(--sc) 20%,transparent));}
.p-pricing .sh-hero b{font-family: var(--f-d); font-size: 17px; display: block;}
.p-pricing .sh-hero span{font-size: 12.5px; color: var(--ink-2); display: block; margin-top: 4px;}
.p-pricing .sh-hero .pill{display: inline-block; margin-top: 12px; background: var(--sc); color: rgb(255, 255, 255); border-radius: 100px; padding: 6px 15px; font-size: 12px; font-weight: 600;}
.p-pricing .sh-hero .blob{position: absolute; inset-inline-end: -30px; bottom: -46px; width: 130px; height: 130px; border-radius: 50%; background: var(--sc); opacity: 0.18;}
.p-pricing .sh-prods{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 16px 18px;}
.p-pricing .pcard{border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: var(--paper);}
.p-pricing .pthumb{height: 70px; display: grid; place-items: center; font-size: 28px; background: var(--panel);}
.p-pricing .pmeta{padding: 8px 9px;}
.p-pricing .pmeta b{display: block; font-size: 11.5px; font-weight: 600;}
.p-pricing .pmeta span{font-family: var(--f-m); font-size: 11px; color: var(--sc);}
.p-pricing .pswatch{display: flex; gap: 4px; margin-top: 5px;}
.p-pricing .pswatch i{width: 9px; height: 9px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.08);}
.p-pricing .sh-foot{padding: 11px 18px; border-top: 1px solid var(--line); display: flex; gap: 7px; flex-wrap: wrap;}
.p-pricing .sh-foot .tile{padding: 5px 9px; border-radius: 7px; box-shadow: none;}
.p-pricing .sh-foot .tile img{max-height: 10px; max-width: 30px;}
.p-pricing .float-card{position: absolute; background: var(--paper); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--sh-lg); padding: 13px 15px; display: flex; align-items: center; gap: 11px; z-index: 2;}
.p-pricing .fc-a{inset-inline-start: -22px; bottom: 60px; animation: 5.5s ease-in-out 0s infinite normal none running bob;}
.p-pricing .fc-b{inset-inline-end: -16px; top: -20px; animation: 6.5s ease-in-out 0.6s infinite normal none running bob;}

@media (max-width: 1040px){
.p-pricing .fc-a{inset-inline-start: 6px;}
.p-pricing .fc-b{inset-inline-end: 6px;}
}

.p-pricing .fc-ic{width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; flex-shrink: 0; background: var(--sc-soft); color: var(--sc); font-size: 16px;}
.p-pricing .fc-t b{display: block; font-size: 13.5px; font-weight: 600; white-space: nowrap;}
.p-pricing .fc-t span{font-size: 11.5px; color: var(--ink-3); white-space: nowrap;}
.p-pricing .statbar{background: var(--panel); border-block: 1px solid var(--line); padding: 30px 0px;}
.p-pricing .stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}

@media (max-width: 820px){
.p-pricing .stats{grid-template-columns: repeat(2, 1fr);}
}

.p-pricing .stat{text-align: center;}
.p-pricing .stat b{display: block; font-family: var(--f-d); font-size: clamp(24px, 2.6vw, 32px); font-weight: 600; letter-spacing: -0.03em;}
.p-pricing .stat span{font-size: 13px; color: var(--ink-3);}
.p-pricing .sec{padding: 88px 0px;}

@media (max-width: 700px){
.p-pricing .sec{padding: 62px 0px;}
}

.p-pricing .sec.tint{background: var(--panel);}
.p-pricing .sec.dark{color: rgb(255, 255, 255); position: relative; overflow: hidden; background: radial-gradient(1000px 560px at 84% 0%, rgba(24, 131, 193, 0.32), transparent 62%), linear-gradient(158deg, rgb(1, 1, 74), rgb(4, 9, 63) 52%, rgb(6, 32, 82));}
.p-pricing .shead{max-width: 660px;}
.p-pricing .shead.mid{margin-inline: auto; text-align: center;}
.p-pricing .shead h2{font-size: clamp(26px, 3.2vw, 39px); letter-spacing: -0.028em; margin-top: 13px;}
.p-pricing .shead p{color: var(--ink-2); margin-top: 14px; font-size: 17px; line-height: 1.75;}
.p-pricing .sec.dark .shead h2{color: rgb(255, 255, 255);}
.p-pricing .sec.dark .shead p{color: rgba(255, 255, 255, 0.7);}
.p-pricing .sec.dark .eyebrow{color: rgb(249, 168, 212);}
.p-pricing .road{position: relative; margin-top: 48px;}
.p-pricing .road::before{content: ""; position: absolute; top: 34px; inset-inline: 40px; height: 2px; background: repeating-linear-gradient(to right,var(--line-2) 0 8px,transparent 8px 16px);}

@media (max-width: 900px){
.p-pricing .road::before{display: none;}
}

.p-pricing .road-grid{display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; position: relative;}

@media (max-width: 900px){
.p-pricing .road-grid{grid-template-columns: 1fr 1fr;}
}

@media (max-width: 560px){
.p-pricing .road-grid{grid-template-columns: 1fr;}
}

.p-pricing .rstep{text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px;}
.p-pricing .rnum{width: 68px; height: 68px; border-radius: 22px; display: grid; place-items: center; font-family: var(--f-d); font-weight: 700; font-size: 24px; color: rgb(255, 255, 255); background: linear-gradient(150deg,var(--sc),color-mix(in srgb,var(--sc) 55%,#01014A)); box-shadow: 0 14px 28px -14px color-mix(in srgb,var(--sc) 75%,transparent); position: relative; z-index: 1; border: 5px solid var(--paper);}
.p-pricing .rstep h3{font-size: 16.5px; letter-spacing: -0.015em;}
.p-pricing .rstep p{font-size: 13.5px; color: var(--ink-2); line-height: 1.6;}
.p-pricing .fcard{background: var(--paper); border: 1px solid var(--line); border-radius: 20px; padding: 26px 24px; display: flex; flex-direction: column; gap: 9px; transition: transform 0.22s, box-shadow 0.22s, border-color 0.22s;}
.p-pricing .fcard:hover{transform: translateY(-5px); box-shadow: var(--sh-md); border-color: var(--line-2);}
.p-pricing .fico{width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 21px; background: var(--sc-soft); color: var(--sc); margin-bottom: 4px;}
.p-pricing .fcard h3{font-size: 17px;}
.p-pricing .fcard p{font-size: 14px; color: var(--ink-2); line-height: 1.7;}
.p-pricing .themes{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 44px;}

@media (max-width: 820px){
.p-pricing .themes{grid-template-columns: 1fr;}
}

.p-pricing .th{border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: var(--paper); transition: transform 0.22s, box-shadow 0.22s;}
.p-pricing .th:hover{transform: translateY(-5px); box-shadow: var(--sh-md);}
.p-pricing .th-p{height: 190px; padding: 14px; display: flex; flex-direction: column; gap: 8px;}
.p-pricing .th-bar{height: 9px; border-radius: 4px; width: 60%;}
.p-pricing .th-hero{flex: 1 1 0%; border-radius: 10px;}
.p-pricing .th-row{display: flex; gap: 7px;}
.p-pricing .th-c{flex: 1 1 0%; height: 38px; border-radius: 8px;}
.p-pricing .th-n{padding: 14px 18px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between;}
.p-pricing .th-n b{font-size: 15px; font-family: var(--f-d);}
.p-pricing .th-n span{font-size: 12.5px; color: var(--ink-3);}
.p-pricing .lrow{display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-top: 22px;}
.p-pricing .wcard{padding: 30px 32px 26px;}
.p-pricing .lrow.lw{grid-template-columns: repeat(auto-fit, minmax(118px, 176px)); justify-content: center; margin-top: 0px;}
.p-pricing .wnotes{display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 26px; padding-top: 24px; border-top: 1px solid var(--line);}

@media (max-width: 900px){
.p-pricing .wnotes{grid-template-columns: repeat(2, 1fr);}
}

.p-pricing .wn b{display: block; font-family: var(--f-d); font-size: 14.5px; font-weight: 600; margin-bottom: 5px;}
.p-pricing .wn span{font-size: 13px; color: var(--ink-2); line-height: 1.65;}

@media (max-width: 640px){
.p-pricing .lrow{grid-template-columns: repeat(2, 1fr);}
}

.p-pricing .lrow .tile{height: 78px;}
.p-pricing .two{display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 44px;}

@media (max-width: 860px){
.p-pricing .two{grid-template-columns: 1fr;}
}

.p-pricing .card{background: var(--paper); border: 1px solid var(--line); border-radius: 20px; padding: 30px 28px;}
.p-pricing .card h3{font-size: 20px; letter-spacing: -0.02em;}
.p-pricing .card p{font-size: 14.5px; color: var(--ink-2); margin-top: 10px; line-height: 1.7;}
.p-pricing .apps{display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 44px;}

@media (max-width: 900px){
.p-pricing .apps{grid-template-columns: repeat(2, 1fr);}
}

.p-pricing .app{background: var(--paper); border: 1px solid var(--line); border-radius: 18px; padding: 20px; display: flex; flex-direction: column; gap: 8px; transition: transform 0.2s, border-color 0.2s;}
.p-pricing .app:hover{transform: translateY(-4px); border-color: var(--line-2);}
.p-pricing .app .ai{width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; font-size: 20px; background: var(--panel);}
.p-pricing .app b{font-size: 14.5px; font-family: var(--f-d);}
.p-pricing .app span{font-size: 12.5px; color: var(--ink-3); line-height: 1.5;}
.p-pricing .app .rate{margin-top: auto; padding-top: 10px; font-size: 12.5px; color: var(--amber); font-weight: 600; display: flex; align-items: center; gap: 5px;}
.p-pricing .app .rate .lucide{width: 14px; height: 14px; fill: var(--amber);}
.p-pricing .story{display: grid; grid-template-columns: 1.15fr 1fr; gap: 44px; align-items: center; margin-top: 8px;}

@media (max-width: 900px){
.p-pricing .story{grid-template-columns: 1fr; gap: 30px;}
}

.p-pricing .quote{font-family: var(--f-d); font-size: clamp(19px, 2.2vw, 26px); line-height: 1.65; letter-spacing: -0.02em; color: rgb(255, 255, 255);}
.p-pricing .qwho{display: flex; align-items: center; gap: 13px; margin-top: 26px;}
.p-pricing .qwho .lg{width: 52px; height: 52px; border-radius: 14px; background: rgb(255, 255, 255); display: grid; place-items: center; padding: 8px;}
.p-pricing .qwho b{display: block; font-size: 15px; color: rgb(255, 255, 255);}
.p-pricing .qwho span{font-size: 13px; color: rgba(255, 255, 255, 0.6);}
.p-pricing .qstats{display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}
.p-pricing .qstat{background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 16px; padding: 20px;}
.p-pricing .qstat b{display: block; font-family: var(--f-d); font-size: 28px; font-weight: 600; letter-spacing: -0.03em; color: rgb(255, 255, 255);}
.p-pricing .qstat span{font-size: 12.5px; color: rgba(255, 255, 255, 0.62);}
.p-pricing .faq{margin-top: 40px; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: var(--paper);}
.p-pricing .fq{border-bottom: 1px solid var(--line);}
.p-pricing .fq:last-child{border-bottom: 0px;}
.p-pricing .fq-h{width: 100%; display: flex; align-items: center; gap: 14px; padding: 20px 24px; text-align: start; font-family: var(--f-d); font-weight: 600; font-size: 16px; transition: background 0.16s;}
.p-pricing .fq-h{width: 100%; display: flex; align-items: center; gap: 14px; padding: 20px 24px; text-align: start; font-family: var(--f-d); font-weight: 600; font-size: 16px; transition: background 0.16s;}
.p-pricing .fq-n{width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; background: var(--sc-soft); color: var(--sc); font-family: var(--f-m); font-size: 12.5px; font-weight: 500; flex-shrink: 0;}
.p-pricing .fq-h:hover{background: var(--panel);}
.p-pricing .fq-n{width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; background: var(--sc-soft); color: var(--sc); font-family: var(--f-m); font-size: 12.5px; font-weight: 500; flex-shrink: 0;}
.p-pricing .fq-q{flex: 1 1 0%;}
.p-pricing .fq-x{width: 24px; height: 24px; flex-shrink: 0; color: var(--ink-3); transition: transform 0.25s;}
.p-pricing .fq.open .fq-x{transform: rotate(45deg); color: var(--sc);}
.p-pricing .fq-b{padding: 0px 24px 22px 66px; font-size: 14.5px; color: var(--ink-2); line-height: 1.8;}
[dir="ltr"].p-pricing .fq-b{padding: 0px 66px 22px 24px;}
.p-pricing .cta{position: relative; overflow: hidden; color: rgb(255, 255, 255); text-align: center; padding: 76px 24px; background: radial-gradient(900px 460px at 50% -30%,color-mix(in srgb,var(--sc) 34%,transparent),transparent 62%),
             linear-gradient(150deg,#01014A,#062052);}
.p-pricing .cta h2{color: rgb(255, 255, 255); font-size: clamp(26px, 3.4vw, 41px); letter-spacing: -0.03em;}
.p-pricing .cta p{color: rgba(255, 255, 255, 0.72); margin-top: 14px; font-size: 17px; max-width: 44em; margin-inline: auto;}
.p-pricing .cta-act{display: flex; gap: 12px; justify-content: center; margin-top: 30px; flex-wrap: wrap;}
.p-pricing .cta-fine{margin-top: 20px; font-size: 13.5px; color: rgba(255, 255, 255, 0.5);}
.p-pricing .osec{display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-top: 34px;}

@media (max-width: 1000px){
.p-pricing .osec{grid-template-columns: repeat(4, 1fr);}
}

@media (max-width: 620px){
.p-pricing .osec{grid-template-columns: repeat(3, 1fr);}
}

.p-pricing .otile{border: 1px solid var(--line); border-radius: 16px; background: var(--paper); padding: 18px 10px; display: flex; flex-direction: column; align-items: center; gap: 9px; text-align: center; transition: 0.2s;}
.p-pricing .otile:hover{transform: translateY(-4px); border-color: var(--line-2); box-shadow: var(--sh-sm);}
.p-pricing .otile .em{width: 46px; height: 46px; border-radius: 15px; display: grid; place-items: center; font-size: 22px; background: var(--oc);}
.p-pricing .otile b{font-size: 13px; font-family: var(--f-d); font-weight: 600; line-height: 1.35;}
.p-pricing .lucide{width: 24px; height: 24px; stroke-width: 1.75; display: block; flex-shrink: 0;}
.p-pricing .pthumb .lucide{width: 30px; height: 30px; color: var(--sc);}
.p-pricing .fico .lucide{width: 24px; height: 24px;}
.p-pricing .app .ai .lucide{width: 22px; height: 22px; color: var(--brand);}
.p-pricing .otile .em .lucide{width: 23px; height: 23px;}
.p-pricing .fc-ic .lucide{width: 19px; height: 19px;}
.p-pricing .caps{margin-top: 38px; display: grid; gap: 26px;}
.p-pricing .capgrp{display: grid; gap: 12px;}
.p-pricing .capgrp-h{display: flex; align-items: center; gap: 12px; font-family: var(--f-d); font-size: 13.5px; font-weight: 600; color: var(--ink-3);}
.p-pricing .capgrp-h::after{content: ""; flex: 1 1 0%; height: 1px; background: var(--line);}
.p-pricing .capgrp-h .dot{width: 7px; height: 7px; border-radius: 50%; background: var(--sc); flex-shrink: 0;}
.p-pricing .caprow{display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;}

@media (max-width: 860px){
.p-pricing .caprow{grid-template-columns: 1fr;}
}

.p-pricing .capcard{text-align: start; border: 1px solid var(--line); background: var(--paper); border-radius: 14px; padding: 17px 18px; display: flex; gap: 13px; align-items: flex-start; cursor: pointer; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; font: inherit; color: inherit; width: 100%;}
.p-pricing .capcard:hover{border-color: var(--line-2); transform: translateY(-2px); box-shadow: var(--sh-sm);}
.p-pricing .capcard.on{border-color: var(--sc); background: var(--sc-soft); box-shadow: 0 0 0 1px var(--sc) inset;}
.p-pricing .capcard .ci{width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; flex-shrink: 0; background: var(--sc-soft); color: var(--sc);}
.p-pricing .capcard.on .ci{background: var(--sc); color: rgb(255, 255, 255);}
.p-pricing .capcard .ci .lucide{width: 18px; height: 18px;}
.p-pricing .capcard b{display: block; font-family: var(--f-d); font-size: 14.5px; font-weight: 600; line-height: 1.4; margin-bottom: 3px;}
.p-pricing .capcard span{font-size: 12.5px; color: var(--ink-2); line-height: 1.6; display: block;}
.p-pricing .capdet{border: 1px solid var(--line); border-radius: 16px; background: var(--panel); padding: 26px 28px; margin-top: 4px;}
.p-pricing .capdet h3{font-family: var(--f-d); font-size: 19px; font-weight: 600; letter-spacing: -0.02em; margin: 0px 0px 8px;}
.p-pricing .capdet > p{font-size: 14.5px; color: var(--ink-2); line-height: 1.75; margin: 0px 0px 20px; max-width: 64ch;}
.p-pricing .capdet ul{list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 26px;}

@media (max-width: 760px){
.p-pricing .capdet ul{grid-template-columns: 1fr;}
.p-pricing .capdet{padding: 22px 20px;}
}

.p-pricing .capdet li{display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--ink-2); line-height: 1.65;}
.p-pricing .capdet li svg{flex-shrink: 0; margin-top: 4px; color: var(--sc);}
.p-pricing .lrow .tile{height: 78px; padding: 16px 20px;}
.p-pricing .lrow .tile{height: 78px; padding: 16px 20px;}
.p-pricing .sh-foot .tile{width: 40px; height: 19px; padding: 3px 5px;}
.p-pricing .qwho .lg img{width: 100%; height: 100%; object-fit: contain;}
[dir="rtl"].p-pricing .eyebrow, [dir="rtl"].p-pricing .kicker, [dir="rtl"].p-pricing .viz-kicker, [dir="rtl"].p-pricing .ptag, [dir="rtl"].p-pricing .crumb, [dir="rtl"].p-pricing .mq-t, [dir="rtl"].p-pricing .prev-cap, [dir="rtl"].p-pricing .sc-step, [dir="rtl"].p-pricing .fine, [dir="rtl"].p-pricing .note, [dir="rtl"].p-pricing .opt-t span, [dir="rtl"].p-pricing .stat b, [dir="rtl"].p-pricing .lbl, [dir="rtl"].p-pricing .tag, [dir="rtl"].p-pricing th{letter-spacing: 0px; text-transform: none;}
[dir="rtl"].p-pricing .eyebrow, [dir="rtl"].p-pricing .viz-kicker, [dir="rtl"].p-pricing .kicker{font-family: var(--f-d); font-size: 13.5px; font-weight: 600;}
[dir="rtl"].p-pricing .ptag{font-family: var(--f-d); font-size: 11.5px; font-weight: 600;}
.p-pricing .phero{padding: 26px 0px 54px; background: radial-gradient(900px 500px at 78% -10%,color-mix(in srgb,var(--brand) 13%,transparent),transparent 64%),
  linear-gradient(180deg,var(--panel),var(--paper) 72%);}
.p-pricing .phero-in{text-align: center; max-width: 760px; margin: 34px auto 0px;}
.p-pricing .phero h1{font-family: var(--f-d); font-size: clamp(30px, 4.6vw, 50px); font-weight: 600; letter-spacing: -0.035em; line-height: 1.18; margin: 14px 0px 0px; text-wrap: balance;}
.p-pricing .phero h1 em{font-style: normal; color: var(--brand);}
.p-pricing .phero-in > p{color: var(--ink-2); font-size: 16.5px; line-height: 1.85; margin: 18px auto 0px; max-width: 60ch;}
.p-pricing .notes{display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 26px;}
.p-pricing .note{background: var(--paper); border: 1px solid var(--line); border-radius: 12px; padding: 11px 18px; text-align: center; box-shadow: var(--sh-sm);}
.p-pricing .note b{display: block; font-family: var(--f-d); font-size: 14.5px; font-weight: 600; color: var(--ink);}
.p-pricing .note span{font-size: 12px; color: var(--ink-3);}
.p-pricing .cyc{display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 32px; flex-wrap: wrap;}
.p-pricing .cyc-sw{display: inline-flex; background: var(--panel-2); border: 1px solid var(--line); border-radius: 100px; padding: 4px;}
.p-pricing .cyc-sw button{border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; cursor: pointer; color: var(--ink-2); font-family: var(--f-d); font-size: 14px; font-weight: 600; padding: 9px 24px; border-radius: 100px; transition: 0.18s;}
.p-pricing .cyc-sw button.on{background: var(--brand); color: rgb(255, 255, 255); box-shadow: 0 6px 16px -8px color-mix(in srgb,var(--brand) 80%,transparent);}
.p-pricing .cyc-sw button:not(.on):hover{color: var(--ink);}
.p-pricing .savetag{display: inline-flex; align-items: center; font-size: 12.5px; font-weight: 600; color: var(--ok); background: color-mix(in srgb,var(--ok) 12%,transparent); border-radius: 100px; padding: 5px 12px;}
.p-pricing .pl-sec{padding-top: 8px;}
.p-pricing .plans{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: start;}

@media (max-width: 940px){
.p-pricing .plans{grid-template-columns: 1fr; max-width: 460px; margin-inline: auto;}
}

.p-pricing .plan{position: relative; border: 1px solid var(--line); border-radius: 20px; background: var(--paper); padding: 28px 26px 26px; display: flex; flex-direction: column; transition: box-shadow 0.22s, border-color 0.22s;}
.p-pricing .plan:hover{box-shadow: var(--sh-md); border-color: var(--line-2);}
.p-pricing .plan.feat{border-color: var(--brand); box-shadow: 0 0 0 1px var(--brand) inset,var(--sh-md); padding-top: 36px;}
.p-pricing .plan-flag{position: absolute; top: 0px; inset-inline-start: 50%; transform: translateX(-50%); background: var(--brand); color: rgb(255, 255, 255); font-family: var(--f-d); font-size: 11.5px; font-weight: 600; padding: 5px 16px; border-radius: 0px 0px 10px 10px; white-space: nowrap;}
[dir="rtl"].p-pricing .plan-flag{transform: translateX(50%);}
.p-pricing .plan h3{font-family: var(--f-d); font-size: 19px; font-weight: 600; letter-spacing: -0.02em; margin: 0px;}
.p-pricing .plan-for{font-size: 13.5px; color: var(--ink-3); line-height: 1.6; margin: 5px 0px 0px; min-height: 2.9em;}
.p-pricing .plan-price{display: flex; align-items: baseline; gap: 7px; margin-top: 18px; flex-wrap: wrap;}
.p-pricing .plan-price b{font-family: var(--f-d); font-size: 44px; font-weight: 600; letter-spacing: -0.04em; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums;}
.p-pricing .plan-price span{font-size: 15px; font-weight: 600; color: var(--ink-2);}
.p-pricing .plan-price i{font-style: normal; font-size: 13px; color: var(--ink-3);}
.p-pricing .plan-bill{font-size: 12px; color: var(--ink-3); margin-top: 5px; min-height: 1.2em;}
.p-pricing .plan-cta{width: 100%; justify-content: center; margin-top: 18px;}
.p-pricing .plan-trial{text-align: center; font-size: 11.5px; color: var(--ink-3); margin-top: 9px;}
.p-pricing .plan-f{list-style: none; margin: 20px 0px 0px; padding: 20px 0px 0px; border-top: 1px solid var(--line); display: grid; gap: 11px;}
.p-pricing .plan-f li{display: flex; gap: 9px; align-items: flex-start; font-size: 14px; color: var(--ink-2); line-height: 1.6;}
.p-pricing .plan-f li svg{flex-shrink: 0; margin-top: 4px; color: var(--ok);}
.p-pricing .plan-f li.lead{font-family: var(--f-d); font-weight: 600; color: var(--ink); font-size: 13.5px; padding-bottom: 2px;}
.p-pricing .cmp-wrap{overflow-x: auto; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); margin-top: 36px;}
.p-pricing table.cmp{width: 100%; border-collapse: collapse; min-width: 640px; font-size: 14px;}
.p-pricing table.cmp thead th{background: var(--paper); text-align: center; font-family: var(--f-d); font-size: 14px; font-weight: 600; color: var(--ink); padding: 16px 14px; border-bottom: 1px solid var(--line-2); white-space: nowrap;}
.p-pricing table.cmp thead th:first-child{text-align: start;}
.p-pricing table.cmp thead th.mid{color: var(--brand);}
.p-pricing table.cmp tr.grp th{background: var(--panel); text-align: start; font-family: var(--f-d); font-size: 12.5px; font-weight: 600; color: var(--ink-3); padding: 11px 16px; border-block: 1px solid var(--line);}
.p-pricing table.cmp tbody th{text-align: start; font-weight: 400; color: var(--ink-2); padding: 12px 16px; border-bottom: 1px solid var(--line); line-height: 1.5;}
.p-pricing table.cmp tbody td{text-align: center; padding: 12px 14px; border-bottom: 1px solid var(--line); width: 110px;}
.p-pricing table.cmp tbody td.mid{background: color-mix(in srgb,var(--brand) 4%,transparent);}
.p-pricing table.cmp tbody tr:hover th, .p-pricing table.cmp tbody tr:hover td{background: var(--panel);}
.p-pricing table.cmp tbody tr:hover td.mid{background: color-mix(in srgb,var(--brand) 7%,transparent);}
.p-pricing .cmp .yes{display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: color-mix(in srgb,var(--ok) 14%,transparent); color: var(--ok);}
.p-pricing .cmp .no{color: var(--ink-3); opacity: 0.5;}
.p-pricing .cmp .txt{font-family: var(--f-d); font-size: 12.5px; font-weight: 600; color: var(--ink-2);}
.p-pricing .adds{display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 34px;}

@media (max-width: 800px){
.p-pricing .adds{grid-template-columns: 1fr;}
}

.p-pricing .add{display: flex; gap: 14px; align-items: center; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); padding: 18px 20px;}
.p-pricing .add-i{width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; flex-shrink: 0; background: var(--brand-soft); color: var(--brand);}
.p-pricing .add-i .lucide{width: 20px; height: 20px;}
.p-pricing .add-t{flex: 1 1 0%; min-width: 0px;}
.p-pricing .add-t b{display: block; font-family: var(--f-d); font-size: 15px; font-weight: 600; margin-bottom: 3px;}
.p-pricing .add-t p{font-size: 13px; color: var(--ink-2); line-height: 1.6; margin: 0px;}
.p-pricing .add-p{font-family: var(--f-d); font-size: 13px; font-weight: 600; color: var(--brand); white-space: nowrap; flex-shrink: 0; text-align: end;}
.p-pricing .zeros{display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 34px;}

@media (max-width: 900px){
.p-pricing .zeros{grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 520px){
.p-pricing .zeros{grid-template-columns: 1fr;}
}

.p-pricing .zero{background: var(--paper); border: 1px solid var(--line); border-radius: 16px; padding: 22px 20px; text-align: center;}
.p-pricing .zero b{display: block; font-family: var(--f-d); font-size: 32px; font-weight: 600; letter-spacing: -0.04em; color: var(--brand); line-height: 1; font-variant-numeric: tabular-nums;}
.p-pricing .zero .zl{display: block; font-family: var(--f-d); font-size: 14px; font-weight: 600; color: var(--ink); margin-top: 10px;}
.p-pricing .zero .zs{display: block; font-size: 12.5px; color: var(--ink-3); margin-top: 5px; line-height: 1.55;}
.p-pricing .wrap.narrow{max-width: 820px;}
html.p-contact{scroll-behavior: smooth;}
.p-contact .wrap{max-width: var(--maxw); margin-inline: auto; padding-inline: 24px;}
.p-contact .mono{font-family: var(--f-m); font-variant-numeric: tabular-nums;}
.p-contact .ltr{direction: ltr; unicode-bidi: isolate; display: inline-block;}
.p-contact .eyebrow{font-family: var(--f-m); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sc); font-weight: 500;}
.p-contact .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 600; font-size: 15px; border-radius: 12px; padding: 12px 21px; transition: transform 0.14s, box-shadow 0.18s, background 0.18s, border-color 0.18s;}
.p-contact .btn:active{transform: translateY(1px);}
.p-contact .btn-p{background: var(--brand); color: rgb(255, 255, 255); box-shadow: 0 8px 22px -10px color-mix(in srgb,var(--brand) 80%,transparent);}
.p-contact .btn-p:hover{background: var(--brand-hi);}
.p-contact .btn-s{background: var(--sc); color: rgb(255, 255, 255); box-shadow: 0 8px 22px -10px color-mix(in srgb,var(--sc) 80%,transparent);}
.p-contact .btn-s:hover{filter: brightness(1.08);}
.p-contact .btn-g{border: 1.5px solid var(--line-2); color: var(--ink-2); background: var(--paper);}
.p-contact .btn-g:hover{background: var(--panel); color: var(--ink);}
.p-contact .btn-w{background: rgb(255, 255, 255); color: rgb(1, 1, 74);}
.p-contact .btn-w:hover{background: rgb(230, 239, 248);}
.p-contact .btn-o{border: 1.5px solid rgba(255, 255, 255, 0.32); color: rgb(255, 255, 255);}
.p-contact .btn-o:hover{background: rgba(255, 255, 255, 0.1);}
.p-contact .btn-lg{font-size: 16.5px; padding: 15px 28px; border-radius: 13px;}
.p-contact .btn-plain{color: var(--ink-2); padding: 12px 10px;}
.p-contact .btn-plain:hover{color: var(--ink);}
.p-contact .arw{width: 15px; height: 15px; flex-shrink: 0;}
[dir="ltr"].p-contact .arw{transform: scaleX(-1);}

@media (max-width: 1000px){
.p-contact .btn-plain{display: none;}
}

.p-contact .crumb{display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-3); padding-top: 22px;}
.p-contact .crumb a:hover{color: var(--brand);}
.p-contact .crumb i{opacity: 0.45; font-style: normal;}
.p-contact .hero{position: relative; overflow: hidden; padding: 26px 0px 78px; background: radial-gradient(880px 520px at 86% -6%, color-mix(in srgb,var(--sc) 14%,transparent), transparent 62%),
             radial-gradient(680px 460px at 4% 106%, color-mix(in srgb,var(--brand) 10%,transparent), transparent 60%),
             var(--paper);}
.p-contact .hero-in{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.05fr); gap: 64px; align-items: center; margin-top: 34px;}

@media (max-width: 1040px){
.p-contact .hero-in{grid-template-columns: 1fr; gap: 44px;}
}

.p-contact .hero h1{font-size: clamp(31px, 4.2vw, 52px); letter-spacing: -0.032em; margin-top: 14px;}
.p-contact .hero h1 em{font-style: normal; color: var(--sc);}
.p-contact .hero-sub{font-size: clamp(16px, 1.5vw, 18px); color: var(--ink-2); margin-top: 18px; max-width: 33em; line-height: 1.75;}
.p-contact .hero-act{display: flex; gap: 12px; margin-top: 28px; flex-wrap: wrap;}
.p-contact .hero-chips{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px;}
.p-contact .hchip{display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 500; color: var(--ink-2); background: var(--paper); border: 1px solid var(--line); border-radius: 100px; padding: 7px 14px; box-shadow: var(--sh-sm);}
.p-contact .hchip svg{color: var(--ok); flex-shrink: 0;}
.p-contact .hart{position: relative; min-width: 0px;}
.p-contact .hero-img{width: 100%; height: auto; display: block; border-radius: 22px; box-shadow: var(--sh-lg); border: 1px solid var(--line);}
.p-contact .shopwin{border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: var(--paper); box-shadow: var(--sh-lg);}
.p-contact .win-bar{display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: var(--panel); border-bottom: 1px solid var(--line);}
.p-contact .dots{display: flex; gap: 5px;}
.p-contact .dots i{width: 9px; height: 9px; border-radius: 50%; background: var(--line-2);}
.p-contact .win-url{flex: 1 1 0%; background: var(--paper); border: 1px solid var(--line); border-radius: 7px; padding: 4px 11px; font-family: var(--f-m); font-size: 11px; color: var(--ink-3); direction: ltr; unicode-bidi: isolate; text-align: center;}
.p-contact .sh-head{display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--line);}
.p-contact .sh-brand{display: flex; align-items: center; gap: 9px;}
.p-contact .sh-logo{width: 32px; height: 32px; border-radius: 9px; background: var(--sc); display: grid; place-items: center; color: rgb(255, 255, 255); font-family: var(--f-d); font-weight: 700; font-size: 14px;}
.p-contact .sh-nm{font-family: var(--f-d); font-weight: 600; font-size: 14.5px;}
.p-contact .sh-ic{display: flex; gap: 12px; color: var(--ink-3);}
.p-contact .sh-hero{margin: 16px 18px 0px; border-radius: 14px; padding: 20px; position: relative; overflow: hidden; background: linear-gradient(120deg,var(--sc-soft),color-mix(in srgb,var(--sc) 20%,transparent));}
.p-contact .sh-hero b{font-family: var(--f-d); font-size: 17px; display: block;}
.p-contact .sh-hero span{font-size: 12.5px; color: var(--ink-2); display: block; margin-top: 4px;}
.p-contact .sh-hero .pill{display: inline-block; margin-top: 12px; background: var(--sc); color: rgb(255, 255, 255); border-radius: 100px; padding: 6px 15px; font-size: 12px; font-weight: 600;}
.p-contact .sh-hero .blob{position: absolute; inset-inline-end: -30px; bottom: -46px; width: 130px; height: 130px; border-radius: 50%; background: var(--sc); opacity: 0.18;}
.p-contact .sh-prods{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 16px 18px;}
.p-contact .pcard{border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: var(--paper);}
.p-contact .pthumb{height: 70px; display: grid; place-items: center; font-size: 28px; background: var(--panel);}
.p-contact .pmeta{padding: 8px 9px;}
.p-contact .pmeta b{display: block; font-size: 11.5px; font-weight: 600;}
.p-contact .pmeta span{font-family: var(--f-m); font-size: 11px; color: var(--sc);}
.p-contact .pswatch{display: flex; gap: 4px; margin-top: 5px;}
.p-contact .pswatch i{width: 9px; height: 9px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.08);}
.p-contact .sh-foot{padding: 11px 18px; border-top: 1px solid var(--line); display: flex; gap: 7px; flex-wrap: wrap;}
.p-contact .sh-foot .tile{padding: 5px 9px; border-radius: 7px; box-shadow: none;}
.p-contact .sh-foot .tile img{max-height: 10px; max-width: 30px;}
.p-contact .float-card{position: absolute; background: var(--paper); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--sh-lg); padding: 13px 15px; display: flex; align-items: center; gap: 11px; z-index: 2;}
.p-contact .fc-a{inset-inline-start: -22px; bottom: 60px; animation: 5.5s ease-in-out 0s infinite normal none running bob;}
.p-contact .fc-b{inset-inline-end: -16px; top: -20px; animation: 6.5s ease-in-out 0.6s infinite normal none running bob;}

@media (max-width: 1040px){
.p-contact .fc-a{inset-inline-start: 6px;}
.p-contact .fc-b{inset-inline-end: 6px;}
}

.p-contact .fc-ic{width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; flex-shrink: 0; background: var(--sc-soft); color: var(--sc); font-size: 16px;}
.p-contact .fc-t b{display: block; font-size: 13.5px; font-weight: 600; white-space: nowrap;}
.p-contact .fc-t span{font-size: 11.5px; color: var(--ink-3); white-space: nowrap;}
.p-contact .statbar{background: var(--panel); border-block: 1px solid var(--line); padding: 30px 0px;}
.p-contact .stats{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}

@media (max-width: 820px){
.p-contact .stats{grid-template-columns: repeat(2, 1fr);}
}

.p-contact .stat{text-align: center;}
.p-contact .stat b{display: block; font-family: var(--f-d); font-size: clamp(24px, 2.6vw, 32px); font-weight: 600; letter-spacing: -0.03em;}
.p-contact .stat span{font-size: 13px; color: var(--ink-3);}
.p-contact .sec{padding: 88px 0px;}

@media (max-width: 700px){
.p-contact .sec{padding: 62px 0px;}
}

.p-contact .sec.tint{background: var(--panel);}
.p-contact .sec.dark{color: rgb(255, 255, 255); position: relative; overflow: hidden; background: radial-gradient(1000px 560px at 84% 0%, rgba(24, 131, 193, 0.32), transparent 62%), linear-gradient(158deg, rgb(1, 1, 74), rgb(4, 9, 63) 52%, rgb(6, 32, 82));}
.p-contact .shead{max-width: 660px;}
.p-contact .shead.mid{margin-inline: auto; text-align: center;}
.p-contact .shead h2{font-size: clamp(26px, 3.2vw, 39px); letter-spacing: -0.028em; margin-top: 13px;}
.p-contact .shead p{color: var(--ink-2); margin-top: 14px; font-size: 17px; line-height: 1.75;}
.p-contact .sec.dark .shead h2{color: rgb(255, 255, 255);}
.p-contact .sec.dark .shead p{color: rgba(255, 255, 255, 0.7);}
.p-contact .sec.dark .eyebrow{color: rgb(249, 168, 212);}
.p-contact .road{position: relative; margin-top: 48px;}
.p-contact .road::before{content: ""; position: absolute; top: 34px; inset-inline: 40px; height: 2px; background: repeating-linear-gradient(to right,var(--line-2) 0 8px,transparent 8px 16px);}

@media (max-width: 900px){
.p-contact .road::before{display: none;}
}

.p-contact .road-grid{display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; position: relative;}

@media (max-width: 900px){
.p-contact .road-grid{grid-template-columns: 1fr 1fr;}
}

@media (max-width: 560px){
.p-contact .road-grid{grid-template-columns: 1fr;}
}

.p-contact .rstep{text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px;}
.p-contact .rnum{width: 68px; height: 68px; border-radius: 22px; display: grid; place-items: center; font-family: var(--f-d); font-weight: 700; font-size: 24px; color: rgb(255, 255, 255); background: linear-gradient(150deg,var(--sc),color-mix(in srgb,var(--sc) 55%,#01014A)); box-shadow: 0 14px 28px -14px color-mix(in srgb,var(--sc) 75%,transparent); position: relative; z-index: 1; border: 5px solid var(--paper);}
.p-contact .rstep h3{font-size: 16.5px; letter-spacing: -0.015em;}
.p-contact .rstep p{font-size: 13.5px; color: var(--ink-2); line-height: 1.6;}
.p-contact .fcard{background: var(--paper); border: 1px solid var(--line); border-radius: 20px; padding: 26px 24px; display: flex; flex-direction: column; gap: 9px; transition: transform 0.22s, box-shadow 0.22s, border-color 0.22s;}
.p-contact .fcard:hover{transform: translateY(-5px); box-shadow: var(--sh-md); border-color: var(--line-2);}
.p-contact .fico{width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 21px; background: var(--sc-soft); color: var(--sc); margin-bottom: 4px;}
.p-contact .fcard h3{font-size: 17px;}
.p-contact .fcard p{font-size: 14px; color: var(--ink-2); line-height: 1.7;}
.p-contact .themes{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 44px;}

@media (max-width: 820px){
.p-contact .themes{grid-template-columns: 1fr;}
}

.p-contact .th{border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: var(--paper); transition: transform 0.22s, box-shadow 0.22s;}
.p-contact .th:hover{transform: translateY(-5px); box-shadow: var(--sh-md);}
.p-contact .th-p{height: 190px; padding: 14px; display: flex; flex-direction: column; gap: 8px;}
.p-contact .th-bar{height: 9px; border-radius: 4px; width: 60%;}
.p-contact .th-hero{flex: 1 1 0%; border-radius: 10px;}
.p-contact .th-row{display: flex; gap: 7px;}
.p-contact .th-c{flex: 1 1 0%; height: 38px; border-radius: 8px;}
.p-contact .th-n{padding: 14px 18px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between;}
.p-contact .th-n b{font-size: 15px; font-family: var(--f-d);}
.p-contact .th-n span{font-size: 12.5px; color: var(--ink-3);}
.p-contact .lrow{display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-top: 22px;}
.p-contact .wcard{padding: 30px 32px 26px;}
.p-contact .lrow.lw{grid-template-columns: repeat(auto-fit, minmax(118px, 176px)); justify-content: center; margin-top: 0px;}
.p-contact .wnotes{display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 26px; padding-top: 24px; border-top: 1px solid var(--line);}

@media (max-width: 900px){
.p-contact .wnotes{grid-template-columns: repeat(2, 1fr);}
}

.p-contact .wn b{display: block; font-family: var(--f-d); font-size: 14.5px; font-weight: 600; margin-bottom: 5px;}
.p-contact .wn span{font-size: 13px; color: var(--ink-2); line-height: 1.65;}

@media (max-width: 640px){
.p-contact .lrow{grid-template-columns: repeat(2, 1fr);}
}

.p-contact .lrow .tile{height: 78px;}
.p-contact .two{display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 44px;}

@media (max-width: 860px){
.p-contact .two{grid-template-columns: 1fr;}
}

.p-contact .card{background: var(--paper); border: 1px solid var(--line); border-radius: 20px; padding: 30px 28px;}
.p-contact .card h3{font-size: 20px; letter-spacing: -0.02em;}
.p-contact .card p{font-size: 14.5px; color: var(--ink-2); margin-top: 10px; line-height: 1.7;}
.p-contact .apps{display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 44px;}

@media (max-width: 900px){
.p-contact .apps{grid-template-columns: repeat(2, 1fr);}
}

.p-contact .app{background: var(--paper); border: 1px solid var(--line); border-radius: 18px; padding: 20px; display: flex; flex-direction: column; gap: 8px; transition: transform 0.2s, border-color 0.2s;}
.p-contact .app:hover{transform: translateY(-4px); border-color: var(--line-2);}
.p-contact .app .ai{width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; font-size: 20px; background: var(--panel);}
.p-contact .app b{font-size: 14.5px; font-family: var(--f-d);}
.p-contact .app span{font-size: 12.5px; color: var(--ink-3); line-height: 1.5;}
.p-contact .app .rate{margin-top: auto; padding-top: 10px; font-size: 12.5px; color: var(--amber); font-weight: 600; display: flex; align-items: center; gap: 5px;}
.p-contact .app .rate .lucide{width: 14px; height: 14px; fill: var(--amber);}
.p-contact .story{display: grid; grid-template-columns: 1.15fr 1fr; gap: 44px; align-items: center; margin-top: 8px;}

@media (max-width: 900px){
.p-contact .story{grid-template-columns: 1fr; gap: 30px;}
}

.p-contact .quote{font-family: var(--f-d); font-size: clamp(19px, 2.2vw, 26px); line-height: 1.65; letter-spacing: -0.02em; color: rgb(255, 255, 255);}
.p-contact .qwho{display: flex; align-items: center; gap: 13px; margin-top: 26px;}
.p-contact .qwho .lg{width: 52px; height: 52px; border-radius: 14px; background: rgb(255, 255, 255); display: grid; place-items: center; padding: 8px;}
.p-contact .qwho b{display: block; font-size: 15px; color: rgb(255, 255, 255);}
.p-contact .qwho span{font-size: 13px; color: rgba(255, 255, 255, 0.6);}
.p-contact .qstats{display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}
.p-contact .qstat{background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 16px; padding: 20px;}
.p-contact .qstat b{display: block; font-family: var(--f-d); font-size: 28px; font-weight: 600; letter-spacing: -0.03em; color: rgb(255, 255, 255);}
.p-contact .qstat span{font-size: 12.5px; color: rgba(255, 255, 255, 0.62);}
.p-contact .faq{margin-top: 40px; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: var(--paper);}
.p-contact .fq{border-bottom: 1px solid var(--line);}
.p-contact .fq:last-child{border-bottom: 0px;}
.p-contact .fq-h{width: 100%; display: flex; align-items: center; gap: 14px; padding: 20px 24px; text-align: start; font-family: var(--f-d); font-weight: 600; font-size: 16px; transition: background 0.16s;}
.p-contact .fq-h:hover{background: var(--panel);}
.p-contact .fq-n{width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; background: var(--sc-soft); color: var(--sc); font-family: var(--f-m); font-size: 12.5px; font-weight: 500; flex-shrink: 0;}
.p-contact .fq-q{flex: 1 1 0%;}
.p-contact .fq-x{width: 24px; height: 24px; flex-shrink: 0; color: var(--ink-3); transition: transform 0.25s;}
.p-contact .fq.open .fq-x{transform: rotate(45deg); color: var(--sc);}
.p-contact .fq-b{padding: 0px 24px 22px 66px; font-size: 14.5px; color: var(--ink-2); line-height: 1.8;}
[dir="ltr"].p-contact .fq-b{padding: 0px 66px 22px 24px;}
.p-contact .cta{position: relative; overflow: hidden; color: rgb(255, 255, 255); text-align: center; padding: 76px 24px; background: radial-gradient(900px 460px at 50% -30%,color-mix(in srgb,var(--sc) 34%,transparent),transparent 62%),
             linear-gradient(150deg,#01014A,#062052);}
.p-contact .cta h2{color: rgb(255, 255, 255); font-size: clamp(26px, 3.4vw, 41px); letter-spacing: -0.03em;}
.p-contact .cta p{color: rgba(255, 255, 255, 0.72); margin-top: 14px; font-size: 17px; max-width: 44em; margin-inline: auto;}
.p-contact .cta-act{display: flex; gap: 12px; justify-content: center; margin-top: 30px; flex-wrap: wrap;}
.p-contact .cta-fine{margin-top: 20px; font-size: 13.5px; color: rgba(255, 255, 255, 0.5);}
.p-contact .osec{display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-top: 34px;}

@media (max-width: 1000px){
.p-contact .osec{grid-template-columns: repeat(4, 1fr);}
}

@media (max-width: 620px){
.p-contact .osec{grid-template-columns: repeat(3, 1fr);}
}

.p-contact .otile{border: 1px solid var(--line); border-radius: 16px; background: var(--paper); padding: 18px 10px; display: flex; flex-direction: column; align-items: center; gap: 9px; text-align: center; transition: 0.2s;}
.p-contact .otile:hover{transform: translateY(-4px); border-color: var(--line-2); box-shadow: var(--sh-sm);}
.p-contact .otile .em{width: 46px; height: 46px; border-radius: 15px; display: grid; place-items: center; font-size: 22px; background: var(--oc);}
.p-contact .otile b{font-size: 13px; font-family: var(--f-d); font-weight: 600; line-height: 1.35;}
.p-contact .fgrid2{display: grid; grid-template-columns: 1.6fr repeat(4, 1fr); gap: 32px;}
.p-contact .lucide{width: 24px; height: 24px; stroke-width: 1.75; display: block; flex-shrink: 0;}
.p-contact .pthumb .lucide{width: 30px; height: 30px; color: var(--sc);}
.p-contact .fico .lucide{width: 24px; height: 24px;}
.p-contact .app .ai .lucide{width: 22px; height: 22px; color: var(--brand);}
.p-contact .otile .em .lucide{width: 23px; height: 23px;}
.p-contact .fc-ic .lucide{width: 19px; height: 19px;}
.p-contact .caps{margin-top: 38px; display: grid; gap: 26px;}
.p-contact .capgrp{display: grid; gap: 12px;}
.p-contact .capgrp-h{display: flex; align-items: center; gap: 12px; font-family: var(--f-d); font-size: 13.5px; font-weight: 600; color: var(--ink-3);}
.p-contact .capgrp-h::after{content: ""; flex: 1 1 0%; height: 1px; background: var(--line);}
.p-contact .capgrp-h .dot{width: 7px; height: 7px; border-radius: 50%; background: var(--sc); flex-shrink: 0;}
.p-contact .caprow{display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;}

@media (max-width: 860px){
.p-contact .caprow{grid-template-columns: 1fr;}
}

.p-contact .capcard{text-align: start; border: 1px solid var(--line); background: var(--paper); border-radius: 14px; padding: 17px 18px; display: flex; gap: 13px; align-items: flex-start; cursor: pointer; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; font: inherit; color: inherit; width: 100%;}
.p-contact .capcard:hover{border-color: var(--line-2); transform: translateY(-2px); box-shadow: var(--sh-sm);}
.p-contact .capcard.on{border-color: var(--sc); background: var(--sc-soft); box-shadow: 0 0 0 1px var(--sc) inset;}
.p-contact .capcard .ci{width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; flex-shrink: 0; background: var(--sc-soft); color: var(--sc);}
.p-contact .capcard.on .ci{background: var(--sc); color: rgb(255, 255, 255);}
.p-contact .capcard .ci .lucide{width: 18px; height: 18px;}
.p-contact .capcard b{display: block; font-family: var(--f-d); font-size: 14.5px; font-weight: 600; line-height: 1.4; margin-bottom: 3px;}
.p-contact .capcard span{font-size: 12.5px; color: var(--ink-2); line-height: 1.6; display: block;}
.p-contact .capdet{border: 1px solid var(--line); border-radius: 16px; background: var(--panel); padding: 26px 28px; margin-top: 4px;}
.p-contact .capdet h3{font-family: var(--f-d); font-size: 19px; font-weight: 600; letter-spacing: -0.02em; margin: 0px 0px 8px;}
.p-contact .capdet > p{font-size: 14.5px; color: var(--ink-2); line-height: 1.75; margin: 0px 0px 20px; max-width: 64ch;}
.p-contact .capdet ul{list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 26px;}

@media (max-width: 760px){
.p-contact .capdet ul{grid-template-columns: 1fr;}
.p-contact .capdet{padding: 22px 20px;}
}

.p-contact .capdet li{display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--ink-2); line-height: 1.65;}
.p-contact .capdet li svg{flex-shrink: 0; margin-top: 4px; color: var(--sc);}
.p-contact .lrow .tile{height: 78px; padding: 16px 20px;}
.p-contact .lrow .tile{height: 78px; padding: 16px 20px;}
.p-contact .sh-foot .tile{width: 40px; height: 19px; padding: 3px 5px;}
.p-contact .qwho .lg img{width: 100%; height: 100%; object-fit: contain;}
[dir="rtl"].p-contact .eyebrow, [dir="rtl"].p-contact .kicker, [dir="rtl"].p-contact .viz-kicker, [dir="rtl"].p-contact .ptag, [dir="rtl"].p-contact .crumb, [dir="rtl"].p-contact .mq-t, [dir="rtl"].p-contact .prev-cap, [dir="rtl"].p-contact .sc-step, [dir="rtl"].p-contact .fine, [dir="rtl"].p-contact .note, [dir="rtl"].p-contact .opt-t span, [dir="rtl"].p-contact .stat b, [dir="rtl"].p-contact .lbl, [dir="rtl"].p-contact .tag, [dir="rtl"].p-contact th{letter-spacing: 0px; text-transform: none;}
[dir="rtl"].p-contact .eyebrow, [dir="rtl"].p-contact .viz-kicker, [dir="rtl"].p-contact .kicker{font-family: var(--f-d); font-size: 13.5px; font-weight: 600;}
[dir="rtl"].p-contact .ptag{font-family: var(--f-d); font-size: 11.5px; font-weight: 600;}
.p-contact .chero{padding: 26px 0px 46px; background: radial-gradient(880px 480px at 76% -12%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 64%),
  linear-gradient(180deg,var(--panel),var(--paper) 74%);}
.p-contact .chero-in{max-width: 720px; margin-top: 30px;}
.p-contact .chero h1{font-family: var(--f-d); font-size: clamp(29px, 4.4vw, 46px); font-weight: 600; letter-spacing: -0.035em; line-height: 1.2; margin: 14px 0px 0px; text-wrap: balance;}
.p-contact .chero p{color: var(--ink-2); font-size: 16.5px; line-height: 1.85; margin: 16px 0px 0px; max-width: 58ch;}
.p-contact .cgrid{display: grid; grid-template-columns: 1fr 1.15fr; gap: 26px; align-items: start; margin-top: 14px;}

@media (max-width: 940px){
.p-contact .cgrid{grid-template-columns: 1fr;}
}

.p-contact .ways{display: grid; gap: 12px;}
.p-contact .way{display: flex; gap: 14px; align-items: flex-start; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); padding: 20px; transition: border-color 0.2s, box-shadow 0.2s; color: inherit;}
.p-contact a.way:hover{border-color: var(--brand); box-shadow: var(--sh-sm);}
.p-contact .way-i{width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; flex-shrink: 0; background: var(--brand-soft); color: var(--brand);}
.p-contact .way-i .lucide{width: 20px; height: 20px;}
.p-contact .way-t{min-width: 0px; flex: 1 1 0%;}
.p-contact .way-t b{display: block; font-family: var(--f-d); font-size: 15px; font-weight: 600; margin-bottom: 4px;}
.p-contact .way-t .val{display: block; font-family: var(--f-m); font-size: 15px; font-weight: 500; color: var(--brand); direction: ltr; unicode-bidi: isolate; word-break: break-all;}
.p-contact .way-t .sub{display: block; font-size: 12.5px; color: var(--ink-3); margin-top: 5px; line-height: 1.55;}
.p-contact .hours{border: 1px solid var(--line); border-radius: 16px; background: var(--panel); padding: 20px;}
.p-contact .hours h3{font-family: var(--f-d); font-size: 15px; font-weight: 600; margin: 0px 0px 12px;}
.p-contact .hours dl{margin: 0px; display: grid; gap: 9px;}
.p-contact .hours .hr{display: flex; justify-content: space-between; gap: 14px; font-size: 13.5px;}
.p-contact .hours dt{color: var(--ink-2);}
.p-contact .hours dd{margin: 0px; font-family: var(--f-m); font-size: 13px; color: var(--ink); direction: ltr; unicode-bidi: isolate;}
.p-contact .hours .live{display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line); font-size: 12.5px; color: var(--ok); width: 100%;}
.p-contact .hours .dot{width: 8px; height: 8px; border-radius: 50%; background: var(--ok); flex-shrink: 0; box-shadow: 0 0 0 4px color-mix(in srgb,var(--ok) 18%,transparent);}
.p-contact .cform{border: 1px solid var(--line); border-radius: 20px; background: var(--paper); padding: 30px 30px 28px; box-shadow: var(--sh-sm);}
.p-contact .cform h2{font-family: var(--f-d); font-size: 21px; font-weight: 600; letter-spacing: -0.02em; margin: 0px 0px 6px;}
.p-contact .cform > p{font-size: 14px; color: var(--ink-2); line-height: 1.7; margin: 0px 0px 22px;}
.p-contact .frow{display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}

@media (max-width: 620px){
.p-contact .frow{grid-template-columns: 1fr;}
}

.p-contact .fld{display: block; margin-bottom: 14px;}
.p-contact .fld > span{display: block; font-size: 13px; font-weight: 500; color: var(--ink-2); margin-bottom: 7px;}
.p-contact .fld > span i{font-style: normal; color: var(--brand);}
.p-contact .inp{width: 100%; border: 1px solid var(--line-2); border-radius: 11px; background: var(--paper); padding: 12px 14px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14.5px; color: var(--ink); transition: border-color 0.18s, box-shadow 0.18s;}
.p-contact .inp::placeholder{color: var(--ink-3);}
.p-contact .inp:focus{outline: none; border-color: var(--brand); box-shadow: 0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent);}
.p-contact textarea.inp{min-height: 118px; resize: vertical; line-height: 1.7;}
.p-contact select.inp{appearance: none; background-image: linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%); background-position: calc(100% - 20px) calc(1em + 3px), calc(100% - 15px) calc(1em + 3px); background-size: 5px 5px, 5px 5px; background-repeat: no-repeat;}
[dir="rtl"].p-contact select.inp{background-position: 20px calc(1em + 3px), 25px calc(1em + 3px);}
.p-contact .phone-in{display: flex; border: 1px solid var(--line-2); border-radius: 11px; overflow: hidden; background: var(--paper);}
.p-contact .phone-in:focus-within{border-color: var(--brand); box-shadow: 0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent);}
.p-contact .phone-in .cc{background: var(--panel); border-inline-end: 1px solid var(--line); padding: 12px 14px; font-family: var(--f-m); font-size: 13.5px; color: var(--ink-2); flex-shrink: 0; display: grid; place-items: center;}
.p-contact .phone-in input{border: 0px; background: none; padding: 12px 14px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14.5px; color: var(--ink); flex: 1 1 0%; min-width: 0px; direction: ltr; text-align: start;}
.p-contact .phone-in input:focus{outline: none;}
.p-contact .fsend{width: 100%; justify-content: center; margin-top: 6px;}
.p-contact .fnote{font-size: 12px; color: var(--ink-3); text-align: center; margin-top: 12px; line-height: 1.6;}
.p-contact .sent{border: 1px solid color-mix(in srgb,var(--ok) 40%,transparent); background: color-mix(in srgb,var(--ok) 9%,transparent); border-radius: 14px; padding: 22px; text-align: center;}
.p-contact .sent b{display: block; font-family: var(--f-d); font-size: 17px; font-weight: 600; color: var(--ok); margin-bottom: 7px;}
.p-contact .sent span{font-size: 14px; color: var(--ink-2); line-height: 1.7;}
.p-contact .sent .again{margin-top: 16px;}
.p-contact .err{display: block; font-size: 12px; color: rgb(209, 67, 67); margin-top: 6px;}
.p-contact .inp.bad{border-color: rgb(209, 67, 67);}
.p-contact .ltabs{display: flex; gap: 6px; flex-wrap: wrap; margin-top: 30px; border-bottom: 1px solid var(--line);}
.p-contact .ltab{padding: 12px 18px; font-family: var(--f-d); font-size: 14px; font-weight: 600; color: var(--ink-3); border-bottom: 2px solid transparent; margin-bottom: -1px; transition: 0.18s; white-space: nowrap;}
.p-contact .ltab:hover{color: var(--ink-2);}
.p-contact .ltab.on{color: var(--brand); border-bottom-color: var(--brand);}
.p-contact .upd{font-family: var(--f-m); font-size: 12.5px; color: var(--ink-3); margin-top: 12px;}
.p-contact .doc{max-width: 70ch;}
.p-contact .doc h2{font-family: var(--f-d); font-size: 19px; font-weight: 600; letter-spacing: -0.02em; margin: 34px 0px 10px; padding-top: 2px;}
.p-contact .doc h2:first-child{margin-top: 0px;}
.p-contact .doc p{font-size: 15px; color: var(--ink-2); line-height: 2; margin: 0px;}
.p-contact .fgrid2{grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;}
.p-register .mono{font-family: var(--f-m); font-variant-numeric: tabular-nums;}
.p-register .ltr{direction: ltr; unicode-bidi: isolate; display: inline-block;}
.p-register .hide{display: none !important;}
.p-register .tile{background: rgb(255, 255, 255); border: 1px solid rgba(1, 1, 74, 0.08); border-radius: 12px; display: inline-grid; place-items: center; flex-shrink: 0; padding: 9px 13px; box-shadow: rgba(1, 1, 74, 0.3) 0px 3px 10px -6px;}
.p-register .tile img{width: 100%; height: 100%; max-width: 52px; max-height: 15px; object-fit: contain; display: block;}
.p-register .shell{min-height: 100vh; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.02fr);}

@media (max-width: 1000px){
.p-register .shell{grid-template-columns: 1fr;}
}

.p-register .pane{display: flex; flex-direction: column; min-height: 100vh; position: relative;}

@media (max-width: 1000px){
.p-register .pane{min-height: auto;}
}

.p-register .viz{padding: 34px 44px; justify-content: center; gap: 24px; overflow: hidden; background: radial-gradient(720px 460px at 80% 6%, rgba(24,131,193,.26), transparent 66%),
    radial-gradient(620px 440px at 6% 100%, rgba(1,1,74,.10), transparent 64%),
    var(--viz-base); border-inline-start: 1px solid rgba(24, 131, 193, 0.2);}
[dir="ltr"].p-register .viz{border-inline-start: 0px; border-inline-end: 1px solid var(--line);}

@media (max-width: 1000px){
.p-register .viz{order: 2; padding: 32px 22px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--line);}
}

.p-register .viz::before{content: ""; position: absolute; inset: 0px; pointer-events: none; opacity: 1; background-image: linear-gradient(rgba(1, 1, 74, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(1, 1, 74, 0.06) 1px, transparent 1px); background-size: 52px 52px; mask-image: radial-gradient(circle at 50% 42%, rgb(0, 0, 0) 4%, transparent 70%);}
.p-register .viz.rich{background: radial-gradient(720px 500px at 80% 2%, rgba(24, 131, 193, 0.3), transparent 66%), radial-gradient(620px 460px at 4% 100%, rgba(1, 1, 74, 0.12), transparent 64%), linear-gradient(158deg, rgb(240, 247, 252) 0%, rgb(220, 237, 248) 55%, rgb(201, 227, 244) 100%);}
.p-register .viz.rich .viz-title, .p-register .viz.rich .quotecard p{color: var(--ink);}
.p-register .viz.rich .viz-note{color: var(--ink-2);}

@media (prefers-color-scheme: dark){
:root.p-register:not([data-theme="light"]) .viz.rich{background: radial-gradient(760px 520px at 80% 2%, rgba(24, 131, 193, 0.34), transparent 66%), linear-gradient(158deg, rgb(11, 20, 64), rgb(10, 31, 85));}
}

:root.p-register[data-theme="dark"] .viz.rich{background: radial-gradient(760px 520px at 80% 2%, rgba(24, 131, 193, 0.34), transparent 66%), linear-gradient(158deg, rgb(11, 20, 64), rgb(10, 31, 85));}
.p-register .viz-in{position: relative; z-index: 1; width: 100%; max-width: 480px; margin-inline: auto; display: flex; flex-direction: column; gap: 18px;}
.p-register .viz-kicker{font-family: var(--f-m); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--brand); font-weight: 500;}
.p-register .viz-title{font-family: var(--f-d); font-size: clamp(18px, 2vw, 23px); font-weight: 600; letter-spacing: -0.022em; margin-top: 7px;}
.p-register .viz-note{font-size: 13.5px; color: var(--ink-2); line-height: 1.75;}
.p-register .viz-note b{color: var(--ink); font-weight: 600;}
.p-register .viz-facts{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}
.p-register .fact{background: var(--paper); border: 1px solid var(--line); border-radius: 13px; padding: 12px 13px; box-shadow: var(--sh-sm);}
.p-register .fact b{display: block; font-family: var(--f-d); font-size: 17px; font-weight: 600; letter-spacing: -0.02em;}
.p-register .fact span{font-size: 11.5px; color: var(--ink-3);}
.p-register .viz-pays{display: flex; gap: 7px; flex-wrap: wrap; align-items: center;}
.p-register .mock{border-radius: 16px; overflow: hidden; box-shadow: var(--sh-lg); background: rgb(255, 255, 255); border: 1px solid var(--line);}
.p-register .mock-bar{display: flex; align-items: center; gap: 8px; padding: 9px 12px; background: rgb(243, 246, 250); border-bottom: 1px solid rgb(231, 237, 245);}
.p-register .dots{display: flex; gap: 5px;}
.p-register .dots i{width: 8px; height: 8px; border-radius: 50%; background: rgb(211, 220, 232);}
.p-register .mock-url{flex: 1 1 0%; background: rgb(255, 255, 255); border: 1px solid rgb(231, 237, 245); border-radius: 6px; padding: 4px 10px; font-family: var(--f-m); font-size: 10.5px; color: rgb(107, 119, 140); direction: ltr; unicode-bidi: isolate; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.p-register .mock-body{background: rgb(255, 255, 255); min-height: 290px; display: flex; flex-direction: column;}
.p-register .st-head{display: flex; align-items: center; justify-content: space-between; padding: 13px 16px; border-bottom: 1px solid rgb(238, 241, 246);}
.p-register .st-brand{display: flex; align-items: center; gap: 9px; min-width: 0px;}
.p-register .st-logo{width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; flex-shrink: 0; font-family: var(--f-d); font-weight: 700; font-size: 14px; color: rgb(255, 255, 255); background: var(--pv,#01014A); transition: background 0.4s;}
.p-register .st-name{font-family: var(--f-d); font-weight: 600; font-size: 14px; color: rgb(17, 17, 17); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.p-register .st-nav{display: flex; gap: 10px;}
.p-register .st-nav i{display: block; height: 6px; width: 24px; border-radius: 3px; background: rgb(231, 235, 242);}
.p-register .st-hero{margin: 14px 16px 0px; height: 84px; border-radius: 11px; background: var(--pv-soft,#EAF1F9); position: relative; overflow: hidden; display: flex; align-items: center; padding: 0px 16px; transition: background 0.4s;}
.p-register .st-hero b{font-family: var(--f-d); font-size: 14px; color: var(--pv,#01014A); transition: color 0.4s;}
.p-register .st-hero span{position: absolute; inset-inline-end: -24px; bottom: -32px; width: 104px; height: 104px; border-radius: 50%; background: var(--pv,#01014A); opacity: 0.14; transition: background 0.4s;}
.p-register .st-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; padding: 14px 16px;}
.p-register .st-card{border: 1px solid rgb(238, 241, 246); border-radius: 9px; overflow: hidden; background: rgb(255, 255, 255);}
.p-register .st-thumb{height: 50px; background: rgb(243, 246, 250); display: grid; place-items: center; font-size: 19px;}
.p-register .st-meta{padding: 6px 7px; display: flex; flex-direction: column; gap: 4px;}
.p-register .st-meta i{display: block; height: 5px; border-radius: 3px; background: rgb(231, 235, 242);}
.p-register .st-meta i.w70{width: 70%;}
.p-register .st-meta i.w45{width: 45%; background: var(--pv,#01014A); opacity: 0.5; transition: background 0.4s;}
.p-register .st-foot{margin-top: auto; padding: 9px 14px; border-top: 1px solid rgb(238, 241, 246); display: flex; align-items: center; gap: 6px; flex-wrap: wrap;}
.p-register .st-foot .tile{padding: 4px 8px; border-radius: 6px; box-shadow: none; border-color: rgb(238, 241, 246);}
.p-register .st-foot .tile img{max-width: 30px; max-height: 9px;}
.p-register .form{background: var(--form-base);}

@media (max-width: 1000px){
.p-register .form{order: 1;}
}

.p-register .topbar{display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 22px 40px 0px;}

@media (max-width: 600px){
.p-register .topbar{padding: 18px 20px 0px;}
}

.p-register .brand{display: flex; align-items: center;}
.p-register .brand img{height: 28px; width: auto;}
:root.p-register[data-theme="dark"] .brand img, :root.p-register[data-theme="dark"] .core img{filter: brightness(0) invert(1);}
.p-register .top-r{display: flex; align-items: center; gap: 6px;}
.p-register .tbtn{font-size: 13px; color: var(--ink-2); padding: 7px 11px; border-radius: 9px; display: inline-flex; align-items: center; gap: 6px; font-weight: 500;}
.p-register .tbtn:hover{background: var(--panel); color: var(--ink);}
.p-register .stage{flex: 1 1 0%; display: flex; flex-direction: column; justify-content: center; padding: 32px 40px 44px;}

@media (max-width: 600px){
.p-register .stage{padding: 26px 20px 36px;}
}

.p-register .stage-in{width: 100%; max-width: 470px; margin-inline: auto;}
.p-register .prog{display: flex; align-items: center; gap: 9px; margin-bottom: 24px;}
.p-register .prog-track{flex: 1 1 0%; height: 4px; border-radius: 100px; background: var(--line); overflow: hidden;}
.p-register .prog-track i{display: block; height: 100%; width: 0px; background: linear-gradient(90deg,var(--brand),#6CC3EF); border-radius: 100px; transition: width 0.5s cubic-bezier(0.3, 0.9, 0.3, 1);}
.p-register .prog-txt{font-family: var(--f-m); font-size: 11.5px; color: var(--ink-3); white-space: nowrap;}
.p-register .eyebrow{font-family: var(--f-m); font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--brand); font-weight: 500;}
.p-register .stage h1{font-size: clamp(24px, 3vw, 31px); letter-spacing: -0.027em; margin-top: 11px;}
.p-register .lede{color: var(--ink-2); margin-top: 10px; font-size: 15.5px; line-height: 1.7;}
.p-register .f{margin-top: 20px;}
.p-register .f label{display: block; font-size: 13.5px; font-weight: 600; margin-bottom: 7px;}
.p-register .f .sub{font-size: 12.5px; color: var(--ink-3); font-weight: 400; margin: -3px 0px 8px;}
.p-register .inp{width: 100%; font-size: 16px; padding: 13px 15px; border-radius: 12px; border: 1.5px solid var(--line-2); background: var(--paper); color: var(--ink); box-shadow: var(--sh-sm); transition: border-color 0.16s, box-shadow 0.16s;}
.p-register .inp::placeholder{color: var(--ink-3);}
.p-register .inp:focus{outline: none; border-color: var(--brand); box-shadow: 0 0 0 4px color-mix(in srgb,var(--brand) 15%,transparent);}
.p-register .inp-ic{position: relative;}
.p-register .inp-ic .inp{padding-inline-end: 44px;}
.p-register .inp-ic.f-ltr > svg{inset-inline-end: auto; left: auto; right: 15px;}
.p-register .inp-ic.f-ltr .inp{padding-inline-end: 15px; padding-right: 44px;}
.p-register .inp-ic > svg{position: absolute; inset-inline-end: 15px; top: 50%; transform: translateY(-50%); color: var(--ink-3); pointer-events: none;}
.p-register .phone-row{display: flex; border: 1.5px solid var(--line-2); border-radius: 12px; overflow: hidden; background: var(--paper); box-shadow: var(--sh-sm); transition: border-color 0.16s, box-shadow 0.16s;}
.p-register .phone-row:focus-within{border-color: var(--brand); box-shadow: 0 0 0 4px color-mix(in srgb,var(--brand) 15%,transparent);}
.p-register .cc{display: flex; align-items: center; gap: 6px; padding: 0px 14px; background: var(--panel); border-inline-end: 1px solid var(--line); font-family: var(--f-m); font-size: 14px; color: var(--ink-2); white-space: nowrap;}
.p-register .phone-row .inp{border: 0px; box-shadow: none; direction: ltr; text-align: left; border-radius: 0px; background: transparent;}
.p-register .meter{display: flex; gap: 5px; margin-top: 9px;}
.p-register .meter i{flex: 1 1 0%; height: 4px; border-radius: 100px; background: var(--line); transition: background 0.25s;}
.p-register .meter i.on{background: var(--ok);}
.p-register .meter-t{font-size: 12px; color: var(--ink-3); margin-top: 7px;}
.p-register .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 600; font-size: 15.5px; border-radius: 12px; padding: 13px 22px; transition: transform 0.14s, box-shadow 0.18s, background 0.18s, border-color 0.18s;}
.p-register .btn:active{transform: translateY(1px);}
.p-register .btn-p{background: var(--brand); color: rgb(255, 255, 255); box-shadow: 0 8px 22px -10px color-mix(in srgb,var(--brand) 80%,transparent);}
.p-register .btn-p:hover{background: var(--brand-hi);}
.p-register .btn-g{border: 1.5px solid var(--line-2); color: var(--ink-2);}
.p-register .btn-g:hover{background: var(--panel); color: var(--ink);}
.p-register .btn-full{width: 100%; padding: 15px 22px; font-size: 16px;}
.p-register .btn[disabled]{opacity: 0.42; pointer-events: none;}
.p-register .fine{font-size: 12.5px; color: var(--ink-3); margin-top: 15px; line-height: 1.7;}
.p-register .fine a{color: var(--brand); font-weight: 500;}
.p-register .alt{margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 14px; color: var(--ink-2); text-align: center;}
.p-register .alt a{color: var(--brand); font-weight: 600;}
.p-register .perks{display: flex; flex-direction: column; gap: 9px; margin-top: 22px;}
.p-register .perk{display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: var(--ink-2);}
.p-register .perk svg{flex-shrink: 0; color: var(--ok); margin-top: 4px;}
.p-register .otp{display: flex; gap: 11px; direction: ltr; margin-top: 8px;}
.p-register .otp input{width: 100%; height: 66px; text-align: center; font-family: var(--f-m); font-size: 26px; font-weight: 500; border: 1.5px solid var(--line-2); border-radius: 14px; background: var(--paper); color: var(--ink);}
.p-register .otp input:focus{outline: none; border-color: var(--brand); box-shadow: 0 0 0 4px color-mix(in srgb,var(--brand) 15%,transparent);}
.p-register .timer{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 16px; font-size: 13.5px; color: var(--ink-3);}
.p-register .timer b{font-family: var(--f-m); color: var(--ink-2); font-weight: 500;}
.p-register .opts{display: flex; flex-direction: column; gap: 9px; margin-top: 22px;}
.p-register .opt{display: flex; align-items: center; gap: 13px; padding: 15px 17px; border: 1.5px solid var(--line); border-radius: 13px; background: var(--paper); text-align: start; transition: border-color 0.15s, background 0.15s, transform 0.15s; width: 100%;}
.p-register .opt:hover{border-color: var(--brand); background: var(--brand-soft);}
.p-register .opt.on{border-color: var(--brand); background: var(--brand-soft); box-shadow: 0 0 0 3px color-mix(in srgb,var(--brand) 13%,transparent);}
.p-register .opt-em{width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; font-size: 17px; background: var(--panel); flex-shrink: 0;}
.p-register .opt.on .opt-em{background: var(--paper);}
.p-register .opt-t{flex: 1 1 0%; min-width: 0px;}
.p-register .opt-t b{display: block; font-size: 15px; font-weight: 600; font-family: var(--f-d);}
.p-register .opt-t span{font-size: 12.5px; color: var(--ink-3);}
.p-register .opt-go{color: var(--ink-3); flex-shrink: 0;}
[dir="ltr"].p-register .opt-go{transform: scaleX(-1);}
.p-register .opt.on .opt-go{color: var(--brand);}
.p-register .chips{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px;}
.p-register .chip{padding: 9px 15px; border: 1.5px solid var(--line); border-radius: 100px; font-size: 14px; font-weight: 500; background: var(--paper); transition: 0.15s;}
.p-register .chip:hover{border-color: var(--line-2);}
.p-register .chip.on{border-color: var(--brand); background: var(--brand-soft); color: var(--brand); font-weight: 600;}
.p-register .swatches{display: flex; gap: 9px; flex-wrap: wrap; margin-top: 10px; align-items: center;}
.p-register .sw{width: 34px; height: 34px; border-radius: 50%; border: 2.5px solid transparent; transition: transform 0.15s, border-color 0.15s; padding: 0px;}
.p-register .sw:hover{transform: scale(1.09);}
.p-register .sw.on{border-color: var(--ink); transform: scale(1.09);}
.p-register .sw-custom{width: 34px; height: 34px; border-radius: 50%; border: 2px dashed var(--line-2); display: grid; place-items: center; color: var(--ink-3); position: relative; overflow: hidden;}
.p-register .sw-custom input{position: absolute; inset: 0px; opacity: 0; cursor: pointer; padding: 0px; border: 0px;}
.p-register .hexbox{display: flex; align-items: center; gap: 9px; margin-top: 12px; border: 1.5px solid var(--line-2); border-radius: 11px; padding: 9px 13px; max-width: 210px; background: var(--paper);}
.p-register .hexbox .dotp{width: 20px; height: 20px; border-radius: 6px; flex-shrink: 0; border: 1px solid rgba(0, 0, 0, 0.1);}
.p-register .hexbox input{border: 0px; background: transparent; font-family: var(--f-m); font-size: 14px; color: var(--ink); width: 100%; direction: ltr; text-transform: uppercase;}
.p-register .hexbox input:focus{outline: none;}
.p-register .pk{display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 26px;}
.p-register .pk-i{border: 1px solid var(--line); border-radius: 14px; padding: 18px 12px; text-align: center; background: var(--panel);}
.p-register .pk-i .ic{width: 42px; height: 42px; border-radius: 12px; margin: 0px auto 10px; display: grid; place-items: center; background: var(--paper); color: var(--brand); box-shadow: var(--sh-sm);}
.p-register .pk-i span{font-size: 12.5px; color: var(--ink-2); line-height: 1.55; display: block;}
.p-register .slide{border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: var(--paper); margin-top: 24px; box-shadow: var(--sh-md);}
.p-register .slide-art{min-height: 210px; display: grid; place-items: center; padding: 26px; position: relative; background: linear-gradient(150deg,var(--brand-soft),var(--panel));}
.p-register .slide-cap{padding: 18px 20px; text-align: center; border-top: 1px solid var(--line);}
.p-register .slide-cap b{font-family: var(--f-d); font-size: 17px; display: block;}
.p-register .slide-cap span{font-size: 13.5px; color: var(--ink-2);}
.p-register .logo-cloud{display: flex; flex-wrap: wrap; gap: 9px; justify-content: center; max-width: 340px;}
.p-register .load-bar{height: 5px; border-radius: 100px; background: var(--line); overflow: hidden; margin-top: 22px;}
.p-register .load-bar i{display: block; height: 100%; width: 0px; background: linear-gradient(90deg,var(--brand),#6CC3EF); transition: width 0.35s linear;}
.p-register .load-txt{text-align: center; font-size: 14px; color: var(--ink-2); margin-top: 12px;}
.p-register .orbit{position: relative; width: 200px; height: 200px;}
.p-register .orbit .ring{position: absolute; inset: 0px; border: 1.5px dashed color-mix(in srgb,var(--brand) 30%,transparent); border-radius: 50%;}
.p-register .orbit .ring2{position: absolute; inset: 17%; border: 1.5px solid color-mix(in srgb,var(--brand) 16%,transparent); border-radius: 50%;}
.p-register .orbit .core{position: absolute; inset: 30%; border-radius: 50%; background: var(--paper); box-shadow: var(--sh-md); display: grid; place-items: center;}
.p-register .orbit .core img{width: 70%; height: auto; display: block;}
.p-register .sat{position: absolute; width: 42px; height: 42px; border-radius: 13px; background: rgb(255, 255, 255); box-shadow: var(--sh-md); display: grid; place-items: center; border: 1px solid rgba(1, 1, 74, 0.07);}
.p-register .sat img{max-width: 19px; max-height: 19px;}
.p-register .sat.snap{background: rgb(255, 252, 0);}
.p-register .rot{animation: 30s linear 0s infinite normal none running rot;}
.p-register .rot .sat{animation: 30s linear 0s infinite normal none running unrot;}
.p-register .wide{grid-column: 1 / -1; min-height: 100vh; background: var(--panel);}
.p-register .wide-in{max-width: 1180px; margin-inline: auto; padding: 30px 24px 70px;}
.p-register .plans-head{text-align: center; max-width: 640px; margin: 24px auto 0px;}
.p-register .plans-head h1{font-size: clamp(26px, 3.4vw, 38px); letter-spacing: -0.028em; margin-top: 14px;}
.p-register .plans-head p{color: var(--ink-2); margin-top: 12px; font-size: 16px;}
.p-register .badge-top{display: inline-flex; align-items: center; gap: 8px; background: var(--brand-soft); color: var(--brand); border-radius: 100px; padding: 6px 15px; font-size: 13px; font-weight: 600;}
.p-register .toggle{display: inline-flex; background: var(--paper); border: 1px solid var(--line); border-radius: 100px; padding: 4px; margin: 24px auto 0px; gap: 2px;}
.p-register .toggle button{padding: 9px 22px; border-radius: 100px; font-size: 14px; font-weight: 600; color: var(--ink-2); transition: 0.18s;}
.p-register .toggle button.on{background: var(--brand); color: rgb(255, 255, 255);}
.p-register .save-tag{display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--ok); background: color-mix(in srgb,var(--ok) 12%,transparent); border-radius: 100px; padding: 5px 12px; margin-inline-start: 10px;}
.p-register .plan-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 36px; align-items: start;}

@media (max-width: 900px){
.p-register .plan-grid{grid-template-columns: 1fr; max-width: 450px; margin-inline: auto;}
}

.p-register .plan{background: var(--paper); border: 1px solid var(--line); border-radius: 20px; padding: 26px 24px; display: flex; flex-direction: column; gap: 5px; position: relative; text-align: start;}
.p-register .plan.best{border-color: var(--brand); box-shadow: var(--sh-md); padding-top: 34px;}
.p-register .plan-flag{position: absolute; top: 0px; inset-inline: 0px; background: var(--brand); color: rgb(255, 255, 255); font-size: 12.5px; font-weight: 600; text-align: center; padding: 6px; border-radius: 20px 20px 0px 0px;}
.p-register .plan h3{font-size: 19px;}
.p-register .plan .who{font-size: 13px; color: var(--ink-3); min-height: 38px;}
.p-register .plan .amt{display: flex; align-items: baseline; gap: 8px; margin-top: 16px; padding-top: 18px; border-top: 1px solid var(--line);}
.p-register .plan .amt b{font-family: var(--f-d); font-size: 40px; font-weight: 600; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;}
.p-register .plan .amt em{font-style: normal; font-size: 13px; color: var(--ink-3);}
.p-register .plan ul{list-style: none; margin: 20px 0px 24px; padding: 0px; display: flex; flex-direction: column; gap: 11px;}
.p-register .plan li{display: flex; gap: 9px; font-size: 14px; color: var(--ink-2); align-items: flex-start;}
.p-register .plan li svg{flex-shrink: 0; color: var(--brand); margin-top: 4px;}
.p-register .plan .btn{margin-top: auto; width: 100%;}
.p-register .ent-row{margin-top: 20px; background: var(--paper); border: 1px solid var(--line); border-radius: 16px; padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;}
.p-register .ent-row b{font-family: var(--f-d); font-size: 16px; display: block; margin-bottom: 2px;}
.p-register .ent-row p{font-size: 14px; color: var(--ink-2);}
.p-register .dash-top{background: var(--navy); color: rgb(255, 255, 255);}
.p-register .dash-nav{max-width: 1180px; margin-inline: auto; padding: 0px 24px; height: 62px; display: flex; align-items: center; gap: 24px;}
.p-register .dash-nav .brand img{filter: brightness(0) invert(1); height: 26px;}
.p-register .dnav{display: flex; gap: 2px; flex: 1 1 0%; overflow-x: auto; scrollbar-width: none;}
.p-register .dnav::-webkit-scrollbar{display: none;}
.p-register .dnav a{padding: 7px 12px; border-radius: 9px; font-size: 14px; color: rgba(255, 255, 255, 0.72); white-space: nowrap;}
.p-register .dnav a:hover{background: rgba(255, 255, 255, 0.09); color: rgb(255, 255, 255);}
.p-register .dnav a.on{background: rgba(255, 255, 255, 0.15); color: rgb(255, 255, 255); font-weight: 600;}
.p-register .dash-user{display: flex; align-items: center; gap: 10px; flex-shrink: 0;}
.p-register .avatar{width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(145deg, rgb(24, 131, 193), rgb(108, 195, 239)); display: grid; place-items: center; font-family: var(--f-d); font-weight: 600; font-size: 14px; color: rgb(255, 255, 255);}
.p-register .plan-pill{font-size: 12px; font-weight: 600; background: rgba(255, 255, 255, 0.15); border-radius: 100px; padding: 3px 11px; color: rgb(255, 255, 255);}
.p-register .dash{max-width: 1180px; margin-inline: auto; padding: 26px 24px 70px;}
.p-register .notice{display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; background: color-mix(in srgb,var(--amber) 10%,var(--paper)); border: 1px solid color-mix(in srgb,var(--amber) 30%,transparent); border-radius: 14px; padding: 15px 20px;}
.p-register .notice b{font-family: var(--f-d); font-size: 15px; display: block; margin-bottom: 3px;}
.p-register .notice p{font-size: 13.5px; color: var(--ink-2);}
.p-register .launch-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-top: 26px; flex-wrap: wrap;}
.p-register .launch-head h2{font-size: 22px;}
.p-register .launch-head .cnt{font-family: var(--f-m); font-size: 15px; color: var(--ink-2);}
.p-register .launch-bar{height: 6px; border-radius: 100px; background: var(--line); overflow: hidden; margin-top: 12px;}
.p-register .launch-bar i{display: block; height: 100%; background: linear-gradient(90deg,var(--brand),#6CC3EF); border-radius: 100px; transition: width 0.5s;}
.p-register .rail{display: flex; align-items: flex-start; margin-top: 26px; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px;}
.p-register .rail::-webkit-scrollbar{display: none;}
.p-register .rl{display: flex; flex-direction: column; align-items: center; gap: 8px; width: 96px; flex-shrink: 0; background: none;}
.p-register .rl-n{width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--line-2); background: var(--paper); display: grid; place-items: center; font-family: var(--f-m); font-size: 13.5px; font-weight: 500; color: var(--ink-3); transition: 0.22s;}
.p-register .rl.done .rl-n{background: var(--ok); border-color: var(--ok); color: rgb(255, 255, 255);}
.p-register .rl.on .rl-n{border-color: var(--brand); color: var(--brand); background: var(--paper); box-shadow: 0 0 0 5px color-mix(in srgb,var(--brand) 15%,transparent);}
.p-register .rl-t{font-size: 11.5px; line-height: 1.35; color: var(--ink-3); text-align: center; padding: 0px 4px;}
.p-register .rl.on .rl-t{color: var(--brand); font-weight: 600;}
.p-register .rl.done .rl-t{color: var(--ink-2);}
.p-register .rl-l{flex: 1 1 0%; min-width: 16px; height: 2px; background: var(--line-2); margin-top: 19px; border-radius: 2px; transition: background 0.3s;}
.p-register .rl-l.done{background: var(--ok);}
.p-register .stepcard{background: var(--paper); border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--sh-md); margin-top: 24px; overflow: hidden;}
.p-register .sc-head{display: flex; align-items: center; gap: 14px; padding: 22px 26px; border-bottom: 1px solid var(--line);}
.p-register .sc-n{width: 38px; height: 38px; border-radius: 12px; background: var(--brand-soft); color: var(--brand); display: grid; place-items: center; font-family: var(--f-d); font-weight: 700; font-size: 16px; flex-shrink: 0;}
.p-register .sc-head h3{font-size: 19px; letter-spacing: -0.02em;}
.p-register .sc-head .sub2{font-size: 13px; color: var(--ink-3); margin-top: 2px;}
.p-register .sc-badge{margin-inline-start: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--ok); background: color-mix(in srgb,var(--ok) 12%,transparent); border-radius: 100px; padding: 5px 13px; flex-shrink: 0;}
.p-register .sc-body{padding: 0px 26px 6px;}
.p-register .sc-body .split{padding-top: 24px;}
.p-register .stepcard [id^="save"]{display: none;}
.p-register .sc-foot{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 17px 26px; border-top: 1px solid var(--line); background: var(--panel); flex-wrap: wrap;}
.p-register .sc-foot .grp{display: flex; gap: 9px; align-items: center;}
.p-register .sc-foot .btn{padding: 11px 20px; font-size: 15px;}
.p-register .finale{text-align: center; padding: 52px 26px;}
.p-register .finale .ring{width: 78px; height: 78px; border-radius: 50%; background: color-mix(in srgb,var(--ok) 14%,transparent); color: var(--ok); display: grid; place-items: center; margin: 0px auto 18px;}
.p-register .finale h3{font-size: 24px; letter-spacing: -0.025em;}
.p-register .finale p{color: var(--ink-2); margin-top: 10px; font-size: 15.5px; max-width: 34em; margin-inline: auto;}
.p-register .tasks{display: flex; flex-direction: column; gap: 11px; margin-top: 20px;}
.p-register .tk{background: var(--paper); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; transition: box-shadow 0.2s, border-color 0.2s;}
.p-register .tk.open{border-color: var(--line-2); box-shadow: var(--sh-md);}
.p-register .tk-h{display: flex; align-items: center; gap: 13px; padding: 17px 20px; width: 100%; text-align: start;}
.p-register .tk-ic{width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: var(--panel); color: var(--brand); flex-shrink: 0;}
.p-register .tk.done .tk-ic{background: color-mix(in srgb,var(--ok) 14%,transparent); color: var(--ok);}
.p-register .tk-n{flex: 1 1 0%; font-family: var(--f-d); font-weight: 600; font-size: 15.5px; min-width: 0px;}
.p-register .tag{font-size: 11.5px; font-weight: 600; color: var(--ink-3); background: var(--panel); border-radius: 100px; padding: 3px 10px;}
.p-register .tk-a{font-size: 13.5px; font-weight: 600; color: var(--brand); border: 1.5px solid var(--line-2); border-radius: 9px; padding: 6px 14px; transition: 0.15s;}
.p-register .tk-a:hover{border-color: var(--brand); background: var(--brand-soft);}
.p-register .tk-body{padding: 0px 20px 22px; border-top: 1px solid var(--line);}
.p-register .split{display: grid; grid-template-columns: 1fr 1fr; gap: 26px; padding-top: 22px;}

@media (max-width: 820px){
.p-register .split{grid-template-columns: 1fr;}
}

.p-register .prev-wrap{background: var(--panel-2); border-radius: 16px; padding: 16px; display: flex; flex-direction: column; gap: 11px;}
.p-register .prev-cap{font-size: 12.5px; color: var(--ink-2); text-align: center; font-weight: 500;}
.p-register .logos-row{display: flex; flex-wrap: wrap; gap: 9px; margin-top: 16px;}
.p-register .logos-row .tile{padding: 11px 15px;}
.p-register .logos-row .tile img{max-width: 62px; max-height: 20px;}
.p-register .ptypes{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 6px;}

@media (max-width: 700px){
.p-register .ptypes{grid-template-columns: repeat(2, 1fr);}
}

.p-register .ptype{border: 1.5px solid var(--line); border-radius: 13px; padding: 14px 13px; text-align: start; transition: 0.15s; background: var(--paper);}
.p-register .ptype:hover{border-color: var(--line-2);}
.p-register .ptype.on{border-color: var(--brand); background: var(--brand-soft);}
.p-register .ptype b{display: block; font-family: var(--f-d); font-size: 14px; margin-bottom: 3px;}
.p-register .ptype span{font-size: 12px; color: var(--ink-3); line-height: 1.5;}
.p-register .dom-row{display: flex; border: 1.5px solid var(--line-2); border-radius: 12px; overflow: hidden; background: var(--paper);}
.p-register .dom-row:focus-within{border-color: var(--brand); box-shadow: 0 0 0 4px color-mix(in srgb,var(--brand) 15%,transparent);}
.p-register .dom-row .pfx{display: flex; align-items: center; padding: 0px 13px; background: var(--panel); border-inline-end: 1px solid var(--line); font-family: var(--f-m); font-size: 14px; color: var(--ink-2);}
.p-register .dom-row input{flex: 1 1 0%; border: 0px; background: transparent; padding: 13px 14px; font-size: 15px; color: var(--ink); direction: ltr; text-align: left;}
.p-register .dom-row input:focus{outline: none;}
.p-register .ok-line{display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; color: var(--ok); margin-top: 11px;}
.p-register .live-band{margin-top: 26px; border-radius: 20px; overflow: hidden; position: relative; color: rgb(255, 255, 255); background: linear-gradient(120deg, rgb(1, 1, 74), rgb(10, 42, 107) 55%, rgb(24, 131, 193)); padding: 30px 32px; display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap;}
.p-register .live-band::after{content: ""; position: absolute; inset-inline-end: -70px; top: -100px; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0.16), transparent 63%);}
.p-register .live-band h3{color: rgb(255, 255, 255); font-size: 22px; position: relative; z-index: 1;}
.p-register .live-band .u{font-family: var(--f-m); font-size: 14px; color: rgba(255, 255, 255, 0.82); margin-top: 7px; direction: ltr; unicode-bidi: isolate; display: block; position: relative; z-index: 1;}
.p-register .btn-w{background: rgb(255, 255, 255); color: rgb(1, 1, 74); position: relative; z-index: 1;}
.p-register .btn-w:hover{background: rgb(233, 241, 249);}
.p-register .tabs{display: flex; background: color-mix(in srgb,var(--ink) 5%,var(--paper)); border: 1px solid var(--line); border-radius: 14px; padding: 4px; gap: 3px; margin-top: 24px;}
.p-register .tabs button{flex: 1 1 0%; padding: 11px; border-radius: 11px; font-size: 14.5px; font-weight: 600; color: var(--ink-2); transition: 0.18s;}
.p-register .tabs button.on{background: var(--paper); color: var(--ink); box-shadow: var(--sh-sm);}
.p-register .orline{display: flex; align-items: center; gap: 14px; margin: 22px 0px; color: var(--ink-3); font-size: 13px;}
.p-register .orline::before, .p-register .orline::after{content: ""; flex: 1 1 0%; height: 1px; background: var(--line);}
.p-register .sso{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.p-register .sso button{display: flex; align-items: center; justify-content: center; gap: 9px; border: 1.5px solid var(--line-2); border-radius: 12px; padding: 12px; font-size: 14.5px; font-weight: 600; transition: 0.16s; background: var(--paper);}
.p-register .sso button:hover{background: var(--panel);}
.p-register .sso img{max-width: 17px; max-height: 17px;}
.p-register .rowbetween{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px;}
.p-register .check{display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--ink-2); cursor: pointer;}
.p-register .check input{width: 17px; height: 17px; accent-color: var(--brand);}
.p-register .quotecard{background: var(--paper); border: 1px solid var(--line); border-radius: 18px; padding: 22px 24px; box-shadow: var(--sh-md);}
.p-register .quotecard p{font-family: var(--f-d); font-size: 15.5px; line-height: 1.8;}
.p-register .quotecard .qw{display: flex; align-items: center; gap: 11px; margin-top: 16px; padding-top: 15px; border-top: 1px solid var(--line);}
.p-register .quotecard .qw .lg{width: 40px; height: 40px; border-radius: 11px; background: rgb(255, 255, 255); border: 1px solid var(--line); display: grid; place-items: center; padding: 6px;}
.p-register .quotecard .qw b{display: block; font-size: 14px;}
.p-register .quotecard .qw span{font-size: 12.5px; color: var(--ink-3);}
.p-register .lucide{width: 24px; height: 24px; stroke-width: 1.75; display: block; flex-shrink: 0;}
.p-register .opt-em .lucide{width: 19px; height: 19px; color: var(--brand);}
.p-register .chip .lucide{width: 16px; height: 16px; display: inline-block; vertical-align: -3px; margin-inline-end: 7px;}
.p-register .ptype b .lucide{width: 17px; height: 17px; display: inline-block; vertical-align: -3px; margin-inline-end: 7px; color: var(--brand);}
.p-register .st-thumb .lucide{width: 20px; height: 20px; color: var(--pv,#01014A); opacity: 0.75;}
.p-register .tile img{width: 100%; height: 100%; object-fit: contain; display: block; max-width: 100%; max-height: 100%;}
.p-register .tile{width: 60px; height: 31px; padding: 6px 9px;}
.p-register .st-foot .tile{width: 36px; height: 17px; padding: 3px 4px;}
.p-register .logos-row .tile{width: 80px; height: 46px; padding: 10px 14px;}
.p-register .sso img{width: 18px; height: 18px; object-fit: contain;}
.p-register .sat img{width: 20px; height: 20px; object-fit: contain;}
.p-register .quotecard .qw .lg img{width: 100%; height: 100%; object-fit: contain;}
[dir="rtl"].p-register .eyebrow, [dir="rtl"].p-register .kicker, [dir="rtl"].p-register .viz-kicker, [dir="rtl"].p-register .ptag, [dir="rtl"].p-register .crumb, [dir="rtl"].p-register .mq-t, [dir="rtl"].p-register .prev-cap, [dir="rtl"].p-register .sc-step, [dir="rtl"].p-register .fine, [dir="rtl"].p-register .note, [dir="rtl"].p-register .opt-t span, [dir="rtl"].p-register .stat b, [dir="rtl"].p-register .lbl, [dir="rtl"].p-register .tag, [dir="rtl"].p-register th{letter-spacing: 0px; text-transform: none;}
[dir="rtl"].p-register .eyebrow, [dir="rtl"].p-register .viz-kicker, [dir="rtl"].p-register .kicker{font-family: var(--f-d); font-size: 13.5px; font-weight: 600;}
[dir="rtl"].p-register .ptag{font-family: var(--f-d); font-size: 11.5px; font-weight: 600;}
.megapanel{display: contents;}
.megapanel[hidden]{display: none;}
.fq .fq-b{display: none;}
.fq.open .fq-b{display: block;}
.foot .fgrid > *, .foot .fgrid2 > *{min-width: 0px;}

@media (max-width: 560px){
.foot .fgrid, .foot .fgrid2{grid-template-columns: 1fr;}
}

.cappanels{display: none;}
.cappanel{display: contents;}

@media (max-width: 1024px){
html[class][dir] .nav{background: var(--paper); backdrop-filter: none;}
}

@media not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
html[class][dir] .nav{background: var(--paper);}
html[class][dir] .certbox{background: rgba(1, 1, 20, 0.94);}
}

.mobar{display: none;}

@media (max-width: 1024px){
.mobar{display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; inset-inline: 0px; bottom: 0px; z-index: 160; background: var(--paper); border-top: 1px solid var(--line); padding-bottom: env(safe-area-inset-bottom, 0); box-shadow: rgba(1, 1, 74, 0.45) 0px -8px 24px -16px;}
body{padding-bottom: 66px;}
}

.mobar a, .mobar button{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 9px 4px 8px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 10.5px; font-weight: 500; color: var(--ink-3); cursor: pointer; text-align: center; min-height: 58px; transition: color 0.15s;}
.mobar svg{width: 21px; height: 21px; stroke-width: 1.8;}
.mobar a:hover, .mobar button:hover{color: var(--brand);}
.mobar [aria-current="page"], .mobar button.on{color: var(--brand); font-weight: 600;}
.sheet{position: fixed; inset: 0px; z-index: 150; background: var(--paper); display: flex; flex-direction: column; height: 100dvh; transform: translateY(100%); visibility: hidden; transition: transform 0.26s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.26s;}
.sheet.open{transform: none; visibility: visible;}
.sheet-top{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 18px calc(15px + env(safe-area-inset-top, 0)); border-bottom: 1px solid var(--line); background: var(--paper); flex-shrink: 0;}
.sheet-t{font-family: var(--f-d); font-weight: 600; font-size: 17px; color: var(--ink);}
.sheet-x{width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--line); background: var(--panel); color: var(--ink-2); display: grid; place-items: center; cursor: pointer; flex-shrink: 0;}
.sheet-x:hover{background: var(--panel-2); color: var(--ink);}
.sheet-x svg{width: 19px; height: 19px;}
.sheet-body{flex: 1 1 0%; overflow-y: auto; overscroll-behavior: contain; padding: 8px 14px calc(80px + env(safe-area-inset-bottom, 0));}
.srow{display: flex; align-items: flex-start; gap: 14px; padding: 14px 12px; border-radius: 14px; border-bottom: 1px solid var(--line);}
.srow:last-child{border-bottom: 0px;}
.srow:hover{background: var(--panel);}
.srow .si{width: 46px; height: 46px; border-radius: 13px; display: grid; place-items: center; background: var(--brand-soft); color: var(--brand); flex-shrink: 0;}
.srow .si svg{width: 22px; height: 22px;}
.srow .st{min-width: 0px;}
.srow .st b{display: block; font-family: var(--f-d); font-weight: 600; font-size: 15.5px; color: var(--ink); line-height: 1.4;}
.srow .st span{display: block; font-size: 13px; color: var(--ink-3); line-height: 1.6; margin-top: 3px;}
.sheet-links{padding: 4px 0px;}
.slink{display: flex; align-items: center; justify-content: space-between; padding: 15px 12px; border-bottom: 1px solid var(--line); font-family: var(--f-d); font-weight: 600; font-size: 15.5px; color: var(--ink);}
.slink:hover{color: var(--brand);}
.slink svg{width: 17px; height: 17px; color: var(--ink-3); flex-shrink: 0;}
.sheet-tools{display: flex; gap: 10px; padding: 18px 12px 10px;}
.sheet-tools button{flex: 1 1 0%; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 10px; border: 1px solid var(--line); border-radius: 13px; background: var(--panel); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; font-weight: 600; color: var(--ink-2); cursor: pointer;}
.sheet-tools button:hover{border-color: var(--brand); color: var(--brand);}
.sheet-tools svg{width: 18px; height: 18px;}
.sheet-cta{padding: 6px 12px 0px; display: grid; gap: 10px;}
body.sheet-open{overflow: hidden;}

@media (min-width: 1025px){
.sheet{display: none;}
}

@media (max-width: 1024px){
html[class][dir] .mr-t span, html[class][dir] .srow .st span, html[class][dir] .dlink span, html[class][dir] .pmeta, html[class][dir] .lc-stats, html[class][dir] .hint, html[class][dir] .fine, html[class][dir] .tnote, html[class][dir] .plan-bill, html[class][dir] .cta-fine{font-size: 12px;}
html[class][dir] .mobar a, html[class][dir] .mobar button{font-size: 13px;}
html[class][dir] .foot li a, html[class][dir] .foot li .fdim, html[class][dir] .slink, html[class][dir] .legal a{position: relative; display: inline-block;}
html[class][dir] .foot li a::after, html[class][dir] .foot li .fdim::after, html[class][dir] .legal a::after{content: ""; position: absolute; inset: -12px -8px;}
html[class][dir] .icobtn{min-width: 44px; min-height: 44px;}
html[class][dir] .soc{min-width: 44px; min-height: 44px;}
html[class][dir] .cyc-sw button{min-height: 44px;}
html[class][dir] .capchip, html[class][dir] .captab{min-height: 44px;}
html[class][dir] .stile span, html[class][dir] .mrow .mr-t span, html[class][dir] .ptag, html[class][dir] .lgi-t b, html[class][dir] .zatca-badge span, html[class][dir] .savetag, html[class][dir] .plan-trial{font-size: 12px;}
html[class][dir] .lgi .hint{font-size: 11.5px;}
html[class][dir] .toggle button{min-height: 44px; padding-inline: 18px;}
html[class][dir] .foot .brand{position: relative; display: inline-block;}
html[class][dir] .foot .brand::after{content: ""; position: absolute; inset: -8px -10px;}
}

/* ==========================================================================
   .fgrid and .tile serve two masters
   Both appear in the footer AND in page content. Hoisting them to the shared
   block gave the footer's variant to the content grids, which then stayed
   three columns at 390px and pushed the page 21px wide.
   The responsive steps below are the content behaviour; the footer keeps its
   own rule further down and still wins by specificity.
   ========================================================================== */
@media (max-width: 820px) {
  .fgrid { grid-template-columns: 1fr 1fr }
}
@media (max-width: 560px) {
  .fgrid { grid-template-columns: 1fr }
}
.fgrid > * { min-width: 0 }

/* The footer grid and the content grid share the class name .fgrid but are
   different components: five columns in the footer, three in page content.
   Both are addressed explicitly so neither can inherit the other's tracks. */
.foot .fgrid { grid-template-columns: 1.7fr repeat(4, 1fr); gap: 32px }
@media (max-width: 820px) { .foot .fgrid { grid-template-columns: 1fr 1fr } }
@media (max-width: 560px) { .foot .fgrid { grid-template-columns: 1fr } }

/* ==========================================================================
   Rotating decorations must not widen the page
   .ring is a square with animation:rot. A rotating square's bounding box grows
   by up to sqrt(2): 321px becomes 455px at 45 degrees, which pushed the page
   55px wide - appearing and disappearing with every frame, so the reader could
   drag the page sideways and it sprang back.

   Clipping .orbit itself is not an option: the six satellites sit 6px outside
   it and would lose their edge. Clipping at the section is safe - the wrap is
   full width and contains everything.

   overflow-x:clip, not hidden: clip does not create a scroll container, so it
   leaves position:sticky and the vertical axis alone.
   ========================================================================== */
.sec:has(.orbit) { overflow-x: clip }

/* Same hazard, same treatment: the marquee track and the floating cards are
   animated and wider than their box by design. */
.mq, .prow { overflow-x: clip }

/* ==========================================================================
   Store-creation funnel - all 23 screens ship in the markup
   The prototype built each screen only when you advanced to it, so freezing
   the page kept step 1 and dropped the other 22 (OTP, passkey, the eight
   activity questions, plans, and the eight setup tasks including pickup).
   Every screen is in the document now; one is shown, the rest wait hidden.
   Same pattern as the mega panels and the capability tabs.
   In Razor each .funnel-screen becomes its own partial.
   ========================================================================== */
.funnel-screen[hidden] { display: none !important }

/* ==========================================================================
   Footer payment row - final say
   .fpays .tile img and .p-solutions .tile img carry the same weight (0,2,1),
   so the page-scoped one won by coming later and the footer logos rendered
   28x9 on three pages and 42x14 on the rest. Same markup, same footer, three
   different sizes.
   These selectors add the html[class][dir] prefix used elsewhere so the footer
   outranks any page block, whatever order the file ends up in.
   ========================================================================== */
html[class][dir] .foot .fpays .tile { width: 64px; height: 31px; padding: 7px 10px;
  border-radius: 9px; box-shadow: none }
html[class][dir] .foot .fpays .tile img { width: 100%; height: 100%;
  max-width: 44px; max-height: 14px; object-fit: contain; display: block }

/* ==========================================================================
   Layout primitives - shared, never page-scoped
   .wrap is the page's content column. It existed four times, once per page
   block, with identical declarations - and privacy and terms had no copy at
   all, so their text ran the full width of the window with no gutter.

   Same failure as the footer, one layer deeper: when the chrome was unified,
   .wrap was left behind because it reads as "layout" rather than "chrome".
   That classification is what let it slip. A rule every page shares belongs
   here whatever we call it.

   Candidates that carry the same risk if they are ever page-scoped:
   .wrap · .sec · .btn · .eyebrow · .mono · .ltr
   ========================================================================== */
html[class][dir] .wrap {
  max-width: var(--maxw);
  margin-inline: auto;
  padding-inline: 24px;
}

/* ==========================================================================
   The header's own overflow
   ==========================================================================
   At 360px the English header measured 397px against a 360px client width:
   37px of it sat outside, and the "Create your store" button was cut off.
   Arabic fitted, so every sweep we ran passed - the same header, the same
   CSS, a longer label.

   And body.scrollWidth never saw it. .nav-in clips its own overflow, so the
   page did not widen and nothing registered as horizontal scroll; the button
   was simply cropped. Measuring the document catches a page that grows, not
   a container that swallows. See the check at the end of audit-controls.ps1.

   The room comes from the header's own spacing rather than from the button:
   hiding it would take the primary action off mobile (the bottom bar carries
   Home / Solutions / Industries / Pricing / Menu, and no way to start a
   store), and shrinking the icon buttons would break the 44px touch targets.
   Padding 24 -> 14 and gap 26 -> 10 give back 36px; .nact's own gap gives
   another 6. Measured after: 356 against 360 in English, 341 in Arabic.
   ========================================================================== */
@media (max-width: 560px) {
  html[class][dir] .nav-in {
    padding-inline: 14px;
    gap: 10px;
  }
  html[class][dir] .nact {
    gap: 6px;
    min-width: 0;                 /* let the row shrink instead of pushing out */
  }
  html[class][dir] .nact .btn-p {
    padding-inline: 12px;
    white-space: nowrap;
  }
}

/* At 320px there is no spacing left to give back: the Arabic header lands on
   exactly 320 and the English one needs 349, and the whole difference is the
   word. Below 400px the button carries the shorter of its two labels. */
html[class][dir] .nact .btn-p .cta-narrow { display: none; }
@media (max-width: 400px) {
  html[class][dir] .nact .btn-p .cta-wide { display: none; }
  html[class][dir] .nact .btn-p .cta-narrow { display: inline; }
}

/* The compliance badge is two fixed-width marks (131 + 94) plus a line of
   text on one nowrap row - 300px inside a 320px footer, 4px over in English.
   Wrapping drops the text to its own line and leaves both marks at full
   size; shrinking them would blur a regulator's logo. */
@media (max-width: 400px) {
  html[class][dir] .zatca-badge { flex-wrap: wrap; }
  html[class][dir] .zatca-badge span { max-width: 100%; }
}

/* ==========================================================================
   Contact: the column that would not shrink
   ==========================================================================
   Below 940px .cgrid drops to one column, but its children stayed 360px wide
   inside a 272px column and pushed the page 64px past a 320px screen - in
   both languages, so this one was never about Arabic against English.

   A grid or flex child defaults to min-width:auto, which means it will not go
   below its own min-content width. Here that floor was set by an unbreakable
   token - support@primary-tech.net. min-width:0 lets the column shrink, and
   overflow-wrap lets the address break rather than set the floor.

   Worth remembering: this is the same class of bug as the header, and the
   same reason both survived every sweep. .nav-in clipped its overflow so the
   page never widened; .cgrid did widen the page, but only on the one page we
   had not swept at 320.
   ========================================================================== */
@media (max-width: 940px) {
  html[class][dir] .cgrid > *,
  html[class][dir] .way,
  html[class][dir] .way > * { min-width: 0; }
  html[class][dir] .way .val,
  html[class][dir] .way .sub { overflow-wrap: anywhere; }
}

/* Same floor one level further in. .frow already collapses to one column
   below 620px, but each field stayed 298px wide inside a 272px column: an
   <input> carries an intrinsic size of about twenty characters and, with
   min-width:auto, refuses to go under it. The country-code chip is
   flex-shrink:0 by design and keeps its width; the field beside it gives. */
@media (max-width: 940px) {
  /* the page class lives on <html>, so it has to be part of the same compound
     selector - "html[class][dir] .p-contact x" asks for a .p-contact inside
     html, which never matches and cost me a round of measurements */
  html[class][dir].p-contact .fld,
  html[class][dir].p-contact .phone-in { min-width: 0; }
  html[class][dir].p-contact .inp,
  html[class][dir].p-contact .phone-in input { min-width: 0; max-width: 100%; width: 100%; }
  html[class][dir].p-contact .cform { padding-inline: 18px; }
}

/* Three stat columns hold at 320 in Arabic and not in English: the labels
   are longer, so each column's min-content is wider and the row needs 353.
   Two columns below 480px, and min-width:0 so a column may shrink under its
   own text rather than push the row out. */
@media (max-width: 480px) {
  html[class][dir].p-home .ship-stats { grid-template-columns: repeat(2, 1fr); }
  html[class][dir].p-home .ship-stats > * { min-width: 0; }
}

/* ==========================================================================
   The merchant-login button, hoisted
   ==========================================================================
   "Hide the merchant-login link below 1080px" was written six times, once
   per page scope: p-home, p-solutions, p-solutions-pos, p-sectors, p-pricing,
   p-contact. p-privacy and p-terms never got a copy, so on those two pages
   the button stayed in the header and pushed it 49px past a 320px screen in
   Arabic and 87px in English.

   This is the third time the same shape has bitten: a chrome rule copied per
   page, complete in most scopes and missing from one or two. The footer went
   the same way, and .wrap after it. One rule, unscoped, is the fix - if a
   rule is true for every page, writing it per page is the bug.
   ========================================================================== */
@media (max-width: 1080px) {
  html[class][dir] .nact .btn-plain { display: none; }
}

/* The tracking row is a label, a carrier mark and an air-waybill number, all
   on one nowrap line. The number is flex-shrink:0 - correctly, you cannot
   ellipsis a waybill - so at 320 the row ran 79px past the column in English.
   It wraps below 480px instead, and the number takes its own line. */
@media (max-width: 480px) {
  html[class][dir].p-home .track-h { flex-wrap: wrap; row-gap: 6px; }
  html[class][dir].p-home .track-h .aw { flex-basis: 100%; }
}

/* ==========================================================================
   The feature grid, hoisted
   ==========================================================================
   The shared .fgrid drops to two columns at 900px and one at 600px. But
   p-solutions and p-solutions-pos each redeclare .fgrid at repeat(3, 1fr),
   and a page-scoped selector outweighs the unscoped collapse - so on those
   two pages the grid stayed three columns all the way down, giving cards
   77px of width for a heading and a paragraph.

   Fourth time this shape has appeared: the footer, .wrap, the merchant-login
   button, and now this. A rule that is true for every page, written once per
   page, is one page away from being wrong.
   ========================================================================== */
@media (max-width: 900px) {
  html[class][dir] .fgrid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  html[class][dir] .fgrid { grid-template-columns: 1fr; }
  html[class][dir] .fgrid > * { min-width: 0; }
}
/* the footer keeps its own five-column layout - it is a different .fgrid */
@media (max-width: 900px) {
  html[class][dir] .foot .fgrid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  html[class][dir] .foot .fgrid { grid-template-columns: 1fr; }
}

/* ==========================================================================
   privacy and terms, re-scoped from contact
   ==========================================================================
   Both pages were built from the contact template and carry its classes, but
   the rules for those classes were written under .p-contact alone. The markup
   asked for styling no selector could deliver: .doc resolved to
   max-width:none and the legal text ran to 1152px, and the header's primary
   button had no padding, no radius and no background.

   Every rule below is a clone of a .p-contact (or .p-pricing) rule whose
   classes these two pages use, with the scope swapped. Bodies are unchanged,
   so the two pages get exactly what contact has, and no other page's cascade
   moves.

   This is the sixth time a chrome rule has been found written per page and
   missing from one scope: the footer, .wrap, the merchant-login button,
   .fgrid, the image dimensions, and now this - the last three all on these
   same two pages, because they are built from a template and inherit its
   markup without its rules. The durable fix is a single unscoped chrome
   layer; audit-scope.ps1 reports any class a page uses that no rule reaching
   that page mentions, and must read zero.
   ========================================================================== */.p-privacy .wrap, .p-terms .wrap { max-width: var(--maxw); margin-inline: auto; padding-inline: 24px; }
.p-privacy .mono, .p-terms .mono { font-family: var(--f-m); font-variant-numeric: tabular-nums; }
.p-privacy .ltr, .p-terms .ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; }
.p-privacy .eyebrow, .p-terms .eyebrow { font-family: var(--f-m); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sc); font-weight: 500; }
.p-privacy .btn, .p-terms .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 600; font-size: 15px; border-radius: 12px; padding: 12px 21px; transition: transform 0.14s, box-shadow 0.18s, background 0.18s, border-color 0.18s; }
.p-privacy .btn:active, .p-terms .btn:active { transform: translateY(1px); }
.p-privacy .btn-p, .p-terms .btn-p { background: var(--brand); color: rgb(255, 255, 255); box-shadow: 0 8px 22px -10px color-mix(in srgb,var(--brand) 80%,transparent); }
.p-privacy .btn-p:hover, .p-terms .btn-p:hover { background: var(--brand-hi); }
.p-privacy .btn-lg, .p-terms .btn-lg { font-size: 16.5px; padding: 15px 28px; border-radius: 13px; }
.p-privacy .btn-plain, .p-terms .btn-plain { color: var(--ink-2); padding: 12px 10px; }
.p-privacy .btn-plain:hover, .p-terms .btn-plain:hover { color: var(--ink); }
.p-privacy .arw, .p-terms .arw { width: 15px; height: 15px; flex-shrink: 0; }
[dir="ltr"].p-privacy .arw, [dir="ltr"].p-terms .arw { transform: scaleX(-1); }
@media (max-width: 1000px){ .p-privacy .btn-plain, .p-terms .btn-plain { display: none; } }
.p-privacy .crumb, .p-terms .crumb { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-3); padding-top: 22px; }
.p-privacy .crumb a:hover, .p-terms .crumb a:hover { color: var(--brand); }
.p-privacy .crumb i, .p-terms .crumb i { opacity: 0.45; font-style: normal; }
.p-privacy .sh-foot .tile, .p-terms .sh-foot .tile { padding: 5px 9px; border-radius: 7px; box-shadow: none; }
.p-privacy .sh-foot .tile img, .p-terms .sh-foot .tile img { max-height: 10px; max-width: 30px; }
.p-privacy .sec, .p-terms .sec { padding: 88px 0px; }
@media (max-width: 700px){ .p-privacy .sec, .p-terms .sec { padding: 62px 0px; } }
.p-privacy .sec.tint, .p-terms .sec.tint { background: var(--panel); }
.p-privacy .sec.dark, .p-terms .sec.dark { color: rgb(255, 255, 255); position: relative; overflow: hidden; background: radial-gradient(1000px 560px at 84% 0%, rgba(24, 131, 193, 0.32), transparent 62%), linear-gradient(158deg, rgb(1, 1, 74), rgb(4, 9, 63) 52%, rgb(6, 32, 82)); }
.p-privacy .sec.dark .shead h2, .p-terms .sec.dark .shead h2 { color: rgb(255, 255, 255); }
.p-privacy .sec.dark .shead p, .p-terms .sec.dark .shead p { color: rgba(255, 255, 255, 0.7); }
.p-privacy .sec.dark .eyebrow, .p-terms .sec.dark .eyebrow { color: rgb(249, 168, 212); }
.p-privacy .lrow .tile, .p-terms .lrow .tile { height: 78px; }
.p-privacy .app .rate .lucide, .p-terms .app .rate .lucide { width: 14px; height: 14px; fill: var(--amber); }
.p-privacy .lucide, .p-terms .lucide { width: 24px; height: 24px; stroke-width: 1.75; display: block; flex-shrink: 0; }
.p-privacy .pthumb .lucide, .p-terms .pthumb .lucide { width: 30px; height: 30px; color: var(--sc); }
.p-privacy .fico .lucide, .p-terms .fico .lucide { width: 24px; height: 24px; }
.p-privacy .app .ai .lucide, .p-terms .app .ai .lucide { width: 22px; height: 22px; color: var(--brand); }
.p-privacy .otile .em .lucide, .p-terms .otile .em .lucide { width: 23px; height: 23px; }
.p-privacy .fc-ic .lucide, .p-terms .fc-ic .lucide { width: 19px; height: 19px; }
.p-privacy .capcard.on, .p-terms .capcard.on { border-color: var(--sc); background: var(--sc-soft); box-shadow: 0 0 0 1px var(--sc) inset; }
.p-privacy .capcard.on .ci, .p-terms .capcard.on .ci { background: var(--sc); color: rgb(255, 255, 255); }
.p-privacy .capcard .ci .lucide, .p-terms .capcard .ci .lucide { width: 18px; height: 18px; }
.p-privacy .lrow .tile, .p-terms .lrow .tile { height: 78px; padding: 16px 20px; }
.p-privacy .sh-foot .tile, .p-terms .sh-foot .tile { width: 40px; height: 19px; padding: 3px 5px; }
[dir="rtl"].p-privacy .eyebrow, [dir="rtl"].p-terms .eyebrow { letter-spacing: 0px; text-transform: none; }
[dir="rtl"].p-privacy .crumb, [dir="rtl"].p-terms .crumb { letter-spacing: 0px; text-transform: none; }
[dir="rtl"].p-privacy .note, [dir="rtl"].p-terms .note { letter-spacing: 0px; text-transform: none; }
[dir="rtl"].p-privacy .eyebrow, [dir="rtl"].p-terms .eyebrow { font-family: var(--f-d); font-size: 13.5px; font-weight: 600; }
.p-privacy .note, .p-terms .note { background: var(--paper); border: 1px solid var(--line); border-radius: 12px; padding: 11px 18px; text-align: center; box-shadow: var(--sh-sm); }
.p-privacy .note b, .p-terms .note b { display: block; font-family: var(--f-d); font-size: 14.5px; font-weight: 600; color: var(--ink); }
.p-privacy .note span, .p-terms .note span { font-size: 12px; color: var(--ink-3); }
.p-privacy .cyc-sw button.on, .p-terms .cyc-sw button.on { background: var(--brand); color: rgb(255, 255, 255); box-shadow: 0 6px 16px -8px color-mix(in srgb,var(--brand) 80%,transparent); }
.p-privacy .cyc-sw button:not(.on):hover, .p-terms .cyc-sw button:not(.on):hover { color: var(--ink); }
.p-privacy .add-i .lucide, .p-terms .add-i .lucide { width: 20px; height: 20px; }
.p-privacy .wrap.narrow, .p-terms .wrap.narrow { max-width: 820px; }
.p-privacy .chero-in, .p-terms .chero-in { max-width: 720px; margin-top: 30px; }
.p-privacy .chero h1, .p-terms .chero h1 { font-family: var(--f-d); font-size: clamp(29px, 4.4vw, 46px); font-weight: 600; letter-spacing: -0.035em; line-height: 1.2; margin: 14px 0px 0px; text-wrap: balance; }
.p-privacy .chero p, .p-terms .chero p { color: var(--ink-2); font-size: 16.5px; line-height: 1.85; margin: 16px 0px 0px; max-width: 58ch; }
.p-privacy .way-i .lucide, .p-terms .way-i .lucide { width: 20px; height: 20px; }
.p-privacy .ltabs, .p-terms .ltabs { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 30px; border-bottom: 1px solid var(--line); }
.p-privacy .ltab, .p-terms .ltab { padding: 12px 18px; font-family: var(--f-d); font-size: 14px; font-weight: 600; color: var(--ink-3); border-bottom: 2px solid transparent; margin-bottom: -1px; transition: 0.18s; white-space: nowrap; }
.p-privacy .ltab:hover, .p-terms .ltab:hover { color: var(--ink-2); }
.p-privacy .ltab.on, .p-terms .ltab.on { color: var(--brand); border-bottom-color: var(--brand); }
.p-privacy .upd, .p-terms .upd { font-family: var(--f-m); font-size: 12.5px; color: var(--ink-3); margin-top: 12px; }
.p-privacy .doc, .p-terms .doc { max-width: 70ch; }
.p-privacy .doc h2, .p-terms .doc h2 { font-family: var(--f-d); font-size: 19px; font-weight: 600; letter-spacing: -0.02em; margin: 34px 0px 10px; padding-top: 2px; }
.p-privacy .doc h2:first-child, .p-terms .doc h2:first-child { margin-top: 0px; }
.p-privacy .doc p, .p-terms .doc p { font-size: 15px; color: var(--ink-2); line-height: 2; margin: 0px; }

/* Two stat tiles side by side at 320 need 2 x 148 + 14 = 310 of content plus
   40 of padding. The English labels ("system rating", "average transaction")
   push each tile's min-content past its half, so the pair runs 9px over.
   One column below 400px, and min-width:0 so a tile may shrink under its
   own text. Unscoped: the same two-column .qstats is declared under four
   page scopes, and this belongs to all of them. */
@media (max-width: 400px) {
  html[class][dir] .qstats { grid-template-columns: 1fr; }
  html[class][dir] .qstats > * { min-width: 0; }
}

/* The add-on cards sit in a grid whose items keep min-width:auto, so at 320
   the English card would not shrink under its own heading and ran 6px past
   the column. */
@media (max-width: 480px) {
  html[class][dir] .adds { grid-template-columns: 1fr; }
  html[class][dir] .adds > * { min-width: 0; }
}

/* ==========================================================================
   The payment wall
   ==========================================================================
   Two things the owner saw and the measurements confirm.

   Optical weight. Every mark is capped at 28px tall, which is the usual way
   to line logos up - and it works while they are all wordmarks. tabby is not:
   it is a solid green square, ratio 1.00 against 1.60-5.11 for the rest. At
   an equal 28px a filled square carries far more weight than a thin wordmark,
   so it reads as the biggest thing in the row. Capping the square mark lower
   matches it by ink rather than by height.

   The row that looked short is not. The wall holds eight tiles, not seven -
   the last is the "+ yours" word tile - so the four-column grid is already a
   full 4 x 2 with nothing missing. Measured before changing anything, which
   is the only reason a layout that was already right was left alone.

   The cap is a judgement call on the owner's own brand wall - say the word
   and it changes.
   ========================================================================== */
html[class][dir] .pwall .tile img[alt="tabby"] { max-height: 22px; }

/* ==========================================================================
   Moving between funnel screens
   ==========================================================================
   The only rule the funnel had for this was
     .funnel-screen[hidden]{display:none!important}
   and display:none cannot be animated - so each screen replaced the last in
   a single frame. The owner remembered motion here and found none.

   A screen that becomes visible fades up and slides in from the side it came
   from, which under RTL is the mirror of LTR - hence the logical property
   rather than translateX. The outgoing screen is still display:none: keeping
   both alive to cross-fade would mean two copies of a 23-screen funnel in
   the layout, and the incoming animation alone reads as movement.

   prefers-reduced-motion turns the travel off and keeps a short fade, so the
   change of screen is still legible without the sliding.
   ========================================================================== */
@keyframes funnel-in {
  from { opacity: 0; translate: 12px 0; }
  to   { opacity: 1; translate: 0 0; }
}
html[class][dir] .funnel-screen:not([hidden]) {
  animation: funnel-in 260ms cubic-bezier(.2, .7, .3, 1) both;
}
html[class][dir="rtl"] .funnel-screen:not([hidden]) { animation-name: funnel-in-rtl; }
@keyframes funnel-in-rtl {
  from { opacity: 0; translate: -12px 0; }
  to   { opacity: 1; translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  html[class][dir] .funnel-screen:not([hidden]),
  html[class][dir="rtl"] .funnel-screen:not([hidden]) {
    animation: funnel-fade 140ms linear both;
  }
  @keyframes funnel-fade { from { opacity: 0 } to { opacity: 1 } }
}

/* The country code sat above the number instead of beside it. .phone-in is a
   <span> and a direct child of .fld, so the rule that styles the field's
   label - .p-contact .fld > span {display:block} at (0,2,1) - also caught the
   wrapper and beat .p-contact .phone-in {display:flex} at (0,2,0).
   The wrapper's children still carried flex-basis and flex-grow, so the
   intent was never in doubt; the selector just lost.

   Same family as the six scope bugs, mirrored: there a shared rule was
   missing, here a neighbouring rule reached further than it meant to. Both
   come of styling by position in the tree rather than by what a thing is. */
html[class][dir] .phone-in { display: flex; }

/* ==========================================================================
   إضافات قمع التسجيل — أخطاء الحقول، شارة الدولة، قائمة المدن بالبحث
   ========================================================================== */

:root{--danger: #D14343; --danger-soft: #FDECEC;}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--danger: #F08A8A; --danger-soft: #3A1414;}
}
:root[data-theme="dark"]{--danger: #F08A8A; --danger-soft: #3A1414;}

/* ---------------------------------------- خطأ تحت خانة بعينها */

.p-register .field-err{
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--danger);
  margin-top: 6px;
  min-height: 0;
}
.p-register .field-err:empty{display: none;}

.p-register .inp.bad,
.p-register .inp-ic:has(.inp.bad) .inp{
  border-color: var(--danger);
  box-shadow: 0 0 0 3px color-mix(in srgb,var(--danger) 14%,transparent);
}

/* ------------------------------------------- خطأ رمز التحقق */

.p-register .otp.bad input{
  border-color: var(--danger);
  background: var(--danger-soft);
}
.p-register .otp-err{
  font-size: 12.5px;
  color: var(--danger);
  margin-top: 10px;
  text-align: center;
}
.p-register .otp-err:empty{display: none;}

@keyframes otp-nudge{
  0%,100%{transform: translateX(0);}
  25%{transform: translateX(-4px);}
  75%{transform: translateX(4px);}
}
.p-register .otp.shake{animation: otp-nudge .22s ease-in-out 2;}

@media (prefers-reduced-motion: reduce){
  .p-register .otp.shake{animation: none;}
}

/* زر إعادة الإرسال بعد انتهاء المؤقّت */
.p-register .linkbtn{
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  color: var(--brand);
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.p-register .linkbtn:hover{color: var(--brand-hi);}

/* --------------------------------------------- شارة الدولة */

.p-register .ctry{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  border-radius: 12px;
  background: var(--panel);
  border: 1px solid var(--line);
}
.p-register .ctry-flag{flex: 0 0 auto; border-radius: 3px; display: block;}
.p-register .ctry-txt{display: flex; flex-direction: column; gap: 2px;}
.p-register .ctry-txt b{font-size: 15.5px; font-weight: 600; color: var(--ink);}
.p-register .ctry-txt i{font-style: normal; font-size: 12.5px; color: var(--ink-3);}

/* ------------------------------------ قائمة المدن مع بحث */

.p-register .combo{position: relative;}

.p-register .combo .inp{
  padding-inline-end: 40px;      /* مكان السهم في آخر الخانة، عربي وإنجليزي */
}
.p-register .combo::after{
  content: "";
  position: absolute;
  inset-inline-end: 16px;
  top: 50%;
  width: 9px;
  height: 9px;
  margin-top: -6px;
  border-inline-end: 1.8px solid var(--ink-3);
  border-bottom: 1.8px solid var(--ink-3);
  transform: rotate(45deg);
  pointer-events: none;
  transition: transform .18s, border-color .18s;
}
.p-register .combo.open::after{
  transform: rotate(225deg);
  margin-top: -2px;
  border-color: var(--brand);
}
.p-register .combo.bad .inp{
  border-color: var(--danger);
  box-shadow: 0 0 0 3px color-mix(in srgb,var(--danger) 14%,transparent);
}

.p-register .combo-list{
  position: absolute;
  inset-inline: 0;
  top: calc(100% + 6px);
  z-index: 40;
  margin: 0;
  padding: 6px;
  list-style: none;
  max-height: 264px;
  overflow-y: auto;
  background: var(--paper);
  border: 1px solid var(--line-2);
  border-radius: 12px;
  box-shadow: var(--sh-md);
}
.p-register .combo-opt{
  padding: 9px 12px;
  border-radius: 8px;
  font-size: 15px;
  color: var(--ink);
  cursor: pointer;
}
.p-register .combo-opt:hover,
.p-register .combo-opt.on{background: var(--brand-soft); color: var(--brand-hi);}
.p-register .combo-empty{
  padding: 12px;
  font-size: 13.5px;
  color: var(--ink-3);
  text-align: center;
}

/* تدرّج لون مؤشّر قوة كلمة المرور حسب المستوى */
.p-register .meter[data-level="0"] i.on,
.p-register .meter[data-level="1"] i.on{background: var(--danger);}
.p-register .meter[data-level="2"] i.on{background: var(--amber);}
.p-register .meter[data-level="0"] ~ .meter-t,
.p-register .meter[data-level="1"] ~ .meter-t{color: var(--danger);}
.p-register .cc{display: inline-flex; align-items: center; gap: 6px;}
.p-register .cc-flag{border-radius: 2px; display: block;}

/* ---------------------------------- أفاتار التاجر في هيدر الموقع */
.navav{
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--brand);
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  text-decoration: none;
  flex: 0 0 auto;
  transition: background .16s, transform .16s;
}
.navav:hover{background: var(--brand-hi); transform: translateY(-1px);}
.navav:focus-visible{outline: 2px solid var(--brand); outline-offset: 3px;}

/* ===== «السؤال السابق» في مقعده الجديد ==========================
   نُقل من شريط الأدوات العلويّ إلى رأس عمود المحتوى (app.js — seatBack).
   وهيئته هنا هيئةُ رابطٍ هادئ لا زرّ: الرجوع فعلٌ ثانويّ، وزرٌّ مصمَت
   بجانب زرّ «التالي» يزاحمه على العين.                                */
.qback-seat{
  align-self: flex-start;
  margin: 0 0 14px;
  padding: 6px 12px 6px 10px;
  font-size: 13px;
  font-weight: 500;
  color: var(--ink-3);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: color .16s, background .16s, border-color .16s;
}
.qback-seat::before{
  content: "";
  width: 6px; height: 6px;
  border-left: 1.6px solid currentColor;
  border-bottom: 1.6px solid currentColor;
  transform: rotate(45deg);          /* سهمٌ نحو اليسار — اتجاه الرجوع في LTR */
  margin-inline-end: 2px;
}
/* transform لا ينقلب مع الاتجاه، فيُقلب الحدّان صراحةً في العربية. */
[dir="rtl"] .qback-seat::before{
  border-left: 0;
  border-right: 1.6px solid currentColor;
  transform: rotate(-45deg);
}
.qback-seat:hover{
  color: var(--ink);
  background: var(--panel);
  border-color: var(--line);
}
.qback-seat:focus-visible{
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}

/* ===== شريط التجهيز يتحرّك ======================================
   `.load-bar i` عرضُه صفرٌ ولا أحد يكتب له عرضاً، فيبقى الشريط فارغاً
   طوال الحفظ — والحفظ يأخذ ثوانيَ فيظنّ التاجر الصفحةَ واقفة.

   وحركةٌ غيرُ محدَّدة عمداً لا نسبةٌ تصعد: المدّة غيرُ معلومة، ونسبةٌ
   مخترَعةٌ تَعِد بما لا تفي. هذه تقول «أعملُ» ولا تدّعي «بلغتُ كذا».   */
@keyframes primary-indet{
  0%   { width: 8%;  margin-inline-start: 0; }
  50%  { width: 55%; margin-inline-start: 45%; }
  100% { width: 8%;  margin-inline-start: 92%; }
}
[data-screen="loading"]:not([hidden]) .load-bar i{
  width: 8%;
  animation: primary-indet 1.25s ease-in-out infinite;
}
/* من أوقف الحركة في نظامه لا تُفرَض عليه — يبقى الشريط ممتلئاً هادئاً. */
@media (prefers-reduced-motion: reduce){
  [data-screen="loading"]:not([hidden]) .load-bar i{
    width: 100%; animation: none; opacity: .55;
  }
}

/* ===== بشرى التسجيل فوق الباقات ================================= */
.reg-done{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  max-width: 760px;
  margin: 0 auto 22px;
  padding: 14px 16px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--ok) 10%, var(--paper));
  border: 1px solid color-mix(in srgb, var(--ok) 32%, transparent);
  animation: reg-done-in .32s ease-out both;
}
.reg-done-ic{
  flex: 0 0 auto;
  width: 22px; height: 22px;
  margin-top: 1px;
  border-radius: 50%;
  background: var(--ok);
  position: relative;
}
/* علامة الصحّ تُرسم بحدّين لا بأيقونةٍ تُحمَّل. */
.reg-done-ic::after{
  content: "";
  position: absolute;
  left: 7px; top: 4.5px;   /* علامة الصحّ لا تُقلَب مع الاتجاه */
  width: 5px; height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}
.reg-done b{ display: block; font-size: 15px; color: var(--ink); margin-bottom: 2px; }
.reg-done span{ font-size: 13.5px; color: var(--ink-2); line-height: 1.6; }

@keyframes reg-done-in{
  from{ opacity: 0; transform: translateY(-6px); }
  to  { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce){
  .reg-done{ animation: none; }
}

/* ===== الخطّ السعوديّ — الخطّ المعتمد ============================
   قرارُ صاحب المشروع: SaudiFont هو خطّ الهوية، وهو المستعمل في
   EStore.UI وعلى primary.sa. فيتقدّم على IBM Plex وReadex Pro،
   ويبقيان خلفه احتياطاً لما لا يغطّيه من محارف.

   وله وزنان فقط على القرص: Regular و Bold. والتصميم يستعمل 300 و500
   و600 أيضاً — فتُمدَّد الأوزان بالمدى (`font-weight: 100 500`)
   ليختار المتصفّح ملفّاً حقيقيّاً لكلّ وزنٍ بدل أن يُثخّن الحروف
   اصطناعيّاً، وذلك أوضحُ في العربية وأقربُ إلى الأصل.               */
@font-face{font-family:"SaudiFont";src:url("assets/fonts/Saudi-Regular.woff2") format("woff2");font-weight:100 500;font-style:normal;font-display:swap;}
@font-face{font-family:"SaudiFont";src:url("assets/fonts/Saudi-Bold.woff2") format("woff2");font-weight:501 900;font-style:normal;font-display:swap;}
:root{
  --f-d: "SaudiFont","Readex Pro","IBM Plex Sans Arabic",system-ui,sans-serif;
  --f-b: "SaudiFont","IBM Plex Sans Arabic","Readex Pro",system-ui,sans-serif;
}