/* self-hosted fonts */
/* vazirmatn-arabic-400-normal */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/vazirmatn-arabic-400-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-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;
}
/* vazirmatn-latin-400-normal */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/vazirmatn-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* vazirmatn-arabic-500-normal */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/vazirmatn-arabic-500-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-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;
}
/* vazirmatn-latin-500-normal */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/vazirmatn-latin-500-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* vazirmatn-arabic-700-normal */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(fonts/vazirmatn-arabic-700-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-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;
}
/* vazirmatn-latin-700-normal */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(fonts/vazirmatn-latin-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* ibm-plex-sans-arabic-arabic-400-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-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;
}
/* ibm-plex-sans-arabic-latin-400-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/ibm-plex-sans-arabic-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* ibm-plex-sans-arabic-arabic-500-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-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;
}
/* ibm-plex-sans-arabic-latin-500-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/ibm-plex-sans-arabic-latin-500-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* ibm-plex-sans-arabic-arabic-600-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-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;
}
/* ibm-plex-sans-arabic-latin-600-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(fonts/ibm-plex-sans-arabic-latin-600-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* ibm-plex-sans-arabic-arabic-700-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-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;
}
/* ibm-plex-sans-arabic-latin-700-normal */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(fonts/ibm-plex-sans-arabic-latin-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* noto-kufi-arabic-arabic-800-normal */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(fonts/noto-kufi-arabic-arabic-800-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-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;
}
/* noto-kufi-arabic-math-800-normal */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(fonts/noto-kufi-arabic-math-800-normal.woff2) format('woff2');
  unicode-range: U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;
}
/* noto-kufi-arabic-symbols-800-normal */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(fonts/noto-kufi-arabic-symbols-800-normal.woff2) format('woff2');
  unicode-range: U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;
}
/* noto-kufi-arabic-latin-800-normal */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(fonts/noto-kufi-arabic-latin-800-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* noto-kufi-arabic-arabic-900-normal */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(fonts/noto-kufi-arabic-arabic-900-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-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;
}
/* noto-kufi-arabic-math-900-normal */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(fonts/noto-kufi-arabic-math-900-normal.woff2) format('woff2');
  unicode-range: U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;
}
/* noto-kufi-arabic-symbols-900-normal */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(fonts/noto-kufi-arabic-symbols-900-normal.woff2) format('woff2');
  unicode-range: U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;
}
/* noto-kufi-arabic-latin-900-normal */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(fonts/noto-kufi-arabic-latin-900-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* Layout: white corporate manufacturer site in the business card's palette — royal blue + navy on white, the card's angular corner shapes as the one recurring motif */
:root{
  color-scheme:light;
  --bg:#ffffff;
  --alt:#f4f6fa;
  --ink:#101c33;
  --muted:#5a6680;
  --line:#e1e6ef;
  --blue:#2452c8;
  --navy:#132f6b;
  --navy-ink:#eef3fc;
  --navy-muted:#a9b9d9;
  --f-head:"IBM Plex Sans Arabic","Vazirmatn",Tahoma,sans-serif;
  --f-body:"Vazirmatn",Tahoma,"Segoe UI",sans-serif;
  --f-logo:"Noto Kufi Arabic","IBM Plex Sans Arabic",Tahoma,sans-serif;
  --r:4px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.9}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--bg)}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
[hidden]{display:none!important}
.wrap{max-width:1240px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3,h4{font-family:var(--f-head);font-weight:700;text-wrap:balance;margin:0;line-height:1.55}
p{margin:0}
.kicker{font-family:var(--f-head);font-size:.86rem;font-weight:600;color:var(--blue);display:inline-flex;align-items:center;gap:.6rem}
.kicker::before{content:"";width:10px;height:10px;background:var(--blue);clip-path:polygon(0 0,100% 0,0 100%)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--f-head);font-weight:600;font-size:.98rem;padding:.8rem 1.6rem;border-radius:var(--r);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{background:var(--navy)}
.btn-line{border-color:var(--line);color:var(--ink);background:var(--bg)}
.btn-line:hover{border-color:var(--blue);color:var(--blue)}
.btn-light{border-color:rgba(255,255,255,.4);color:#fff;background:transparent}
.btn-light:hover{background:rgba(255,255,255,.1)}
.more{font-family:var(--f-head);font-weight:600;color:var(--blue);text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}
.more::after{content:"←"}
.more:hover{text-decoration:underline}

/* logo lockup */
.lockup{display:inline-flex;flex-direction:column;align-items:center;text-decoration:none;line-height:1}
.lockup svg{display:block;width:78px;height:auto}
.lockup b{font-family:var(--f-logo);font-weight:900;color:#1f3f9e;font-size:1.22rem;margin-top:.28rem;letter-spacing:0;white-space:nowrap}
.lockup small{font-family:var(--f-head);font-weight:600;color:var(--navy);font-size:.52rem;letter-spacing:.32em;direction:ltr;margin-top:.3rem;white-space:nowrap}

/* top bar */
.topbar{background:var(--alt);color:var(--muted);font-size:.84rem;border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding-block:.45rem}
.topbar .grp{display:flex;gap:1.8rem;flex-wrap:wrap}
.topbar b{color:var(--ink);font-weight:500;direction:ltr;unicode-bidi:isolate}
@media (max-width:720px){.topbar .addr{display:none}}

/* header */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.7rem}
.links{display:flex;gap:2rem;font-family:var(--f-head);font-weight:500;font-size:.96rem}
.links a{text-decoration:none;color:var(--ink);padding-block:.35rem;border-bottom:2px solid transparent}
.links a:hover,.links a[aria-current="page"]{color:var(--blue);border-color:var(--blue)}
.nav .btn{padding:.6rem 1.3rem;font-size:.92rem}
.menu-btn{display:none;font:inherit;font-family:var(--f-head);background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:.45rem .9rem;cursor:pointer;color:var(--ink)}
.mobile-nav{display:none;border-top:1px solid var(--line);padding-block:.6rem}
.mobile-nav a{display:block;padding:.5rem 0;text-decoration:none;font-family:var(--f-head);font-weight:500}
@media (max-width:960px){.links,.nav .btn{display:none}.menu-btn{display:inline-block}.mobile-nav.open{display:block}}

/* page header (inner pages) */
.pagehead{position:relative;overflow:hidden;background:var(--alt);border-bottom:1px solid var(--line)}
.pagehead::before{content:"";position:absolute;left:0;top:0;width:min(30vw,320px);aspect-ratio:1;background:var(--navy);clip-path:polygon(0 0,60% 0,0 60%)}
.pagehead::after{content:"";position:absolute;left:0;top:0;width:min(30vw,320px);aspect-ratio:1;background:var(--blue);clip-path:polygon(0 0,30% 0,0 30%)}
.pagehead .wrap{position:relative;padding-block:clamp(2.4rem,5vw,3.6rem)}
.crumbs{font-size:.86rem;color:var(--muted);display:flex;gap:.5rem}
.crumbs a{text-decoration:none;color:var(--blue)}
.pagehead h1{font-size:clamp(1.8rem,3.6vw,2.6rem);color:var(--navy);margin-top:.6rem}
.pagehead p{color:var(--muted);font-size:1.06rem;margin-top:.6rem;max-width:44em}

/* hero */
.hero{position:relative;overflow:hidden;background:var(--bg)}
.hero-grid{position:relative;display:grid;grid-template-columns:5fr 6fr;gap:3rem;align-items:center;padding-block:clamp(2.6rem,5vw,4.4rem)}
.hero h1{font-size:clamp(1.9rem,3.8vw,2.9rem);color:var(--navy);margin-block:1rem 1.2rem;line-height:1.45}
.hero h1 span{color:var(--blue)}
.hero p.lead{color:var(--muted);font-size:1.1rem;max-width:34em}
.slogan{margin-top:1.4rem;font-family:var(--f-head);font-weight:500;color:var(--navy);display:flex;gap:.9rem;flex-wrap:wrap}
.slogan span{display:inline-flex;align-items:center;gap:.9rem}
.slogan span + span::before{content:"";width:5px;height:5px;background:var(--blue);transform:rotate(45deg)}
.cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.hero-media{position:relative}
.hero-media .ph{aspect-ratio:5/4;max-width:100%;overflow:hidden;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%,0 18%)}
.hero-media .ph img{width:100%;height:100%;object-fit:cover}
.hero-media .tri1{position:absolute;left:-14px;top:-14px;width:22%;aspect-ratio:1;background:var(--navy);clip-path:polygon(0 0,100% 0,0 100%)}
.hero-media .tri2{position:absolute;right:-14px;bottom:-14px;width:16%;aspect-ratio:1;background:var(--blue);clip-path:polygon(100% 0,100% 100%,0 100%)}
.hero-media .badge{position:absolute;right:24px;top:24px;background:#fff;border-radius:var(--r);padding:.8rem 1.1rem;box-shadow:0 14px 30px -18px rgba(19,47,107,.5);display:flex;flex-direction:column}
.hero-media .badge b{font-family:var(--f-head);font-size:1.5rem;color:var(--navy);line-height:1.3}
.hero-media .badge span{font-size:.82rem;color:var(--muted)}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-media{margin-inline:14px}}

/* figures */
.figures{border-block:1px solid var(--line);background:var(--bg)}
.figures .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.fig{padding:1.7rem 1.4rem;border-inline-start:1px solid var(--line)}
.fig:first-child{border-inline-start:0}
.fig strong{display:block;font-family:var(--f-head);font-weight:700;font-size:1.6rem;color:var(--navy);line-height:1.4}
.fig span{color:var(--muted);font-size:.92rem}
@media (max-width:760px){.figures .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.fig:nth-child(3){border-inline-start:0}.fig:nth-child(n+3){border-top:1px solid var(--line)}}

section{padding-block:clamp(3.4rem,7vw,6rem)}
.alt{background:var(--alt)}
.head{display:flex;flex-direction:column;gap:.6rem;max-width:48rem;margin-bottom:2.8rem}
.head h2{font-size:clamp(1.5rem,3vw,2.15rem);color:var(--navy)}
.head p{color:var(--muted);font-size:1.04rem}
.head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:2.8rem}
.head-row .head{margin-bottom:0}

/* split (text + image) */
.split{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
.split p{color:var(--muted);font-size:1.04rem}
.split p + p{margin-top:1rem}
.split .media{position:relative}
.split .media img{width:100%;aspect-ratio:4/3;max-width:100%;object-fit:cover;border-radius:var(--r)}
.split .media::after{content:"";position:absolute;left:-12px;bottom:-12px;width:90px;aspect-ratio:1;background:var(--blue);clip-path:polygon(0 0,0 100%,100% 100%);z-index:-1}
@media (max-width:880px){.split{grid-template-columns:1fr}.split .media{margin-inline:12px}}

.facts{margin:0;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);position:relative}
.facts::before{content:"";position:absolute;top:-1px;right:-1px;width:44px;height:44px;background:var(--blue);clip-path:polygon(100% 0,100% 100%,0 0)}
.facts div{display:grid;grid-template-columns:9.5rem 1fr;gap:1rem;padding:1rem 1.3rem;border-top:1px solid var(--line)}
.facts div:first-child{border-top:0}
.facts dt{color:var(--muted);font-size:.9rem}
.facts dd{margin:0;font-weight:500}
@media (max-width:440px){.facts div{grid-template-columns:1fr;gap:.1rem}}

/* product cards */
.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.3rem}
.prod{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:border-color .2s,box-shadow .25s,transform .25s}
.prod:hover{border-color:var(--blue);box-shadow:0 22px 44px -28px rgba(19,47,107,.45);transform:translateY(-3px)}
.prod .ph{aspect-ratio:4/3;max-width:100%;position:relative;overflow:hidden;background:var(--alt)}
.prod .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.prod:hover .ph img{transform:scale(1.04)}
.prod .tag{position:absolute;top:12px;right:12px;font-family:var(--f-head);font-size:.74rem;font-weight:600;color:var(--blue);background:#fff;padding:.1rem .6rem;border-radius:var(--r)}
.prod .bd{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.prod h3{font-size:1.12rem;color:var(--navy)}
.prod p{color:var(--muted);font-size:.93rem;flex:1}
@media (max-width:1040px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:540px){.products{grid-template-columns:1fr}}

/* plant */
.banner{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:21/8;max-width:100%}
.banner img{width:100%;height:100%;object-fit:cover}
.banner::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(19,47,107,.86) 0%,rgba(19,47,107,.55) 38%,rgba(19,47,107,0) 70%)}
.banner .ov{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:.6rem;padding:clamp(1.2rem,4vw,3rem);color:#fff;max-width:520px}
.banner .ov b{font-family:var(--f-head);font-size:clamp(1.2rem,2.4vw,1.8rem)}
.banner .ov span{color:#d6e0f3}
.caps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.3rem;margin-top:1.6rem}
.cap{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.cap img{width:100%;aspect-ratio:16/10;max-width:100%;object-fit:cover}
.cap .bd{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.4rem}
.cap h3{font-size:1.02rem;color:var(--navy)}
.cap p{color:var(--muted);font-size:.9rem}
@media (max-width:900px){.banner{aspect-ratio:16/9}.caps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.banner{aspect-ratio:4/5}.banner::after{background:linear-gradient(0deg,rgba(19,47,107,.9),rgba(19,47,107,.2))}.banner .ov{justify-content:flex-end}.caps{grid-template-columns:1fr}}

/* export band */
.export{background:var(--navy);color:var(--navy-ink);position:relative;overflow:hidden}
.export::before{content:"";position:absolute;right:0;top:0;width:min(26vw,300px);aspect-ratio:1;background:var(--blue);clip-path:polygon(100% 0,100% 70%,30% 0)}
.export .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.export h2{font-size:clamp(1.5rem,3vw,2.2rem)}
.export p{color:var(--navy-muted);margin-top:1rem;font-size:1.04rem;max-width:34em}
.export .kicker{color:var(--navy-muted)}
.export .kicker::before{background:var(--navy-muted)}
.export img{width:100%;aspect-ratio:16/10;max-width:100%;object-fit:cover;border-radius:var(--r)}
.routes{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);overflow:hidden;margin-top:1.8rem}
.routes div{background:var(--navy);padding:.9rem 1.1rem;display:flex;flex-direction:column}
.routes b{font-family:var(--f-head);font-weight:600}
.routes span{color:var(--navy-muted);font-size:.88rem}
@media (max-width:860px){.export .wrap{grid-template-columns:1fr}}
@media (max-width:420px){.routes{grid-template-columns:1fr}}

/* values */
.values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r);background:var(--bg)}
.val{padding:1.6rem 1.4rem;border-inline-start:1px solid var(--line);display:flex;flex-direction:column;gap:.6rem}
.val:first-child{border-inline-start:0}
.val svg{width:34px;height:34px;color:var(--blue)}
.val h3{font-size:1.04rem;color:var(--navy)}
.val p{color:var(--muted);font-size:.92rem}
@media (max-width:900px){.values{grid-template-columns:repeat(2,minmax(0,1fr))}.val:nth-child(3){border-inline-start:0}.val:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:520px){.values{grid-template-columns:1fr}.val{border-inline-start:0!important;border-top:1px solid var(--line)}.val:first-child{border-top:0}}

/* process */
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.3rem;counter-reset:s}
.step{counter-increment:s;border-top:3px solid var(--line);padding-top:1rem}
.step::before{content:"مرحله " counter(s,persian);font-family:var(--f-head);font-size:.82rem;font-weight:600;color:var(--blue)}
.step:first-child{border-color:var(--blue)}
.step h3{font-size:1.02rem;margin-top:.3rem;color:var(--navy)}
.step p{color:var(--muted);font-size:.9rem;margin-top:.3rem}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.steps{grid-template-columns:1fr}}

/* industries */
.inds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.inds div{background:var(--bg);padding:1.25rem 1.4rem;display:flex;align-items:center;gap:.8rem;font-weight:500}
.inds svg{width:20px;height:20px;color:var(--blue);flex:none}
@media (max-width:760px){.inds{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.inds{grid-template-columns:1fr}}

/* product detail rows */
.pdetail{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding-block:clamp(2.4rem,5vw,3.6rem);border-top:1px solid var(--line)}
.pdetail:first-child{border-top:0;padding-top:0}
.pdetail:nth-child(even) .media{order:2}
.pdetail .media{position:relative}
.pdetail .media img{width:100%;aspect-ratio:4/3;max-width:100%;object-fit:cover;border-radius:var(--r)}
.pdetail .media .num{position:absolute;top:0;right:0;width:64px;aspect-ratio:1;background:var(--blue);clip-path:polygon(0 0,100% 0,100% 100%);border-top-right-radius:var(--r)}
.pdetail .tx{display:flex;flex-direction:column;gap:.9rem}
.pdetail h2{font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--navy)}
.pdetail p{color:var(--muted);font-size:1.03rem}
.uses{display:flex;flex-wrap:wrap;gap:.5rem}
.uses span{font-size:.86rem;border:1px solid var(--line);border-radius:999px;padding:.2rem .85rem;background:var(--bg)}
.spec{width:100%;border-collapse:collapse;font-size:.93rem;border:1px solid var(--line)}
.spec th,.spec td{text-align:right;padding:.65rem .9rem;border-top:1px solid var(--line)}
.spec th{width:40%;color:var(--muted);font-weight:500;background:var(--alt)}
.spec td .u{direction:ltr;unicode-bidi:isolate;color:var(--muted);font-size:.84rem}
@media (max-width:880px){.pdetail{grid-template-columns:1fr}.pdetail:nth-child(even) .media{order:0}}

.guide{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.guide div{background:var(--bg);padding:1.2rem 1.2rem}
.guide b{display:block;font-family:var(--f-head);color:var(--navy)}
.guide span{font-size:.88rem;color:var(--muted)}
.guide .u{direction:ltr;unicode-bidi:isolate}
@media (max-width:900px){.guide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.guide{grid-template-columns:1fr}}

/* cta band */
.ctaband{background:var(--blue);color:#fff;position:relative;overflow:hidden}
.ctaband::before{content:"";position:absolute;left:0;bottom:0;width:240px;aspect-ratio:1;background:var(--navy);clip-path:polygon(0 30%,0 100%,70% 100%)}
.ctaband .wrap{position:relative;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;padding-block:clamp(2.2rem,5vw,3.2rem)}
.ctaband h2{font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:600}
.ctaband p{color:#dbe5fb;margin-top:.3rem}
.ctaband .btn-primary{background:#fff;color:var(--blue)}
.ctaband .btn-primary:hover{background:var(--navy);color:#fff}

/* quote */
.qwrap{display:grid;grid-template-columns:4fr 7fr;gap:2.4rem;align-items:start}
.form{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:1.7rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.2rem}
.form .full{grid-column:1/-1}
label{display:flex;flex-direction:column;gap:.35rem;font-size:.88rem;font-weight:500;color:var(--muted)}
input,select,textarea{font:inherit;font-size:.95rem;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:.62rem .8rem;width:100%;min-width:0}
input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue)}
.unit{position:relative;display:block}
.unit input{padding-left:3.8rem;direction:ltr;text-align:right}
.unit i{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);font-style:normal;font-size:.8rem;color:var(--muted);direction:ltr}
.form .actions{grid-column:1/-1;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:1.1rem}
.toast{font-size:.9rem;color:var(--blue);min-height:1.4em}
.qside{display:flex;flex-direction:column;gap:1rem}
.qside ol{margin:0;padding-inline-start:1.2rem;color:var(--muted);display:grid;gap:.5rem}
@media (max-width:900px){.qwrap{grid-template-columns:1fr}}
@media (max-width:480px){.form{grid-template-columns:1fr}}

/* contact */
.contact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}
.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:1.5rem;display:flex;flex-direction:column;gap:.7rem;min-width:0}
.card .lbl{font-family:var(--f-head);font-size:.92rem;font-weight:600;color:var(--blue)}
.row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
.num{font-family:var(--f-head);font-weight:600;font-size:1.22rem;direction:ltr;unicode-bidi:isolate;text-decoration:none;color:var(--navy);font-variant-numeric:tabular-nums;user-select:all}
.copy{font:inherit;font-size:.8rem;color:var(--blue);background:transparent;border:1px solid var(--line);border-radius:var(--r);padding:.2rem .8rem;cursor:pointer}
.copy:hover{border-color:var(--blue)}
.card address{font-style:normal}
.ltr{direction:ltr;text-align:right;overflow-wrap:anywhere;font-weight:500;unicode-bidi:isolate}
@media (max-width:900px){.contact{grid-template-columns:1fr}}

/* footer */
footer{background:var(--navy);color:var(--navy-muted);font-size:.92rem;position:relative;overflow:hidden}
footer::before{content:"";position:absolute;left:0;top:0;width:180px;aspect-ratio:1;background:var(--blue);clip-path:polygon(0 0,60% 0,0 60%)}
.fgrid{position:relative;display:grid;grid-template-columns:5fr 3fr 4fr;gap:2.6rem;padding-block:3.2rem 2.4rem}
footer h4{color:var(--navy-ink);font-size:1rem;margin:0 0 .9rem}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
footer a{text-decoration:none}
footer a:hover{color:var(--navy-ink)}
.fbrand{display:inline-flex;background:#fff;border-radius:var(--r);padding:.9rem 1.2rem;margin-bottom:1rem}
.fbar{position:relative;border-top:1px solid rgba(255,255,255,.14)}
.fbar .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem;padding-block:1.1rem;font-size:.86rem}
.made a{color:var(--navy-ink);font-weight:700;border-bottom:1px solid currentColor}
@media (max-width:860px){.fgrid{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}