/* استایلِ لندینگ — از فایلِ خروجیِ ابزار طراحی، به همان ترتیبِ آبشار (بخش‌های ۱–۹). بازنویسی نشده. */
/* بخش‌های ۱۰ به بعد افزودهٔ ماست (کارایی، کاربرِ واردشده، بازبینیِ متن‌ها). عیناً و بی‌واسطه سرو می‌شود — */
/* نه از پایپ‌لاین CSS نکست؛ چرا و چطور: src/features/landing/README.md. مارک‌آپِ مرتبط: src/features/landing/components. */
/* ۱. ریست پایه */
/* base reset the page was authored against */
  *, *::before, *::after { box-sizing: border-box; }
  html, body { height: 100%; margin: 0; background: #071012; }
  body { font-size: 15px; line-height: 1.55; font-weight: 400; }
  h1, h2, h3, h4, h5, h6 { line-height: 1.12; letter-spacing: -0.015em; margin: 0 0 6.8px; }
  p { margin: 0 0 10.2px; }
  img { display: block; max-width: 100%; }
  figure { margin: 0; }
/* ۲. فونت‌ها (زیرمجموعه‌های Google Fonts، خودمیزبان) */
/* arabic */
@font-face {
  font-family: 'Estedad';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("/landing/fonts/estedad-arabic.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;
}
/* vietnamese */
@font-face {
  font-family: 'Estedad';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("/landing/fonts/estedad-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Estedad';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("/landing/fonts/estedad-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Estedad';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("/landing/fonts/estedad-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Markazi Text';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/landing/fonts/markazi-arabic.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;
}
/* vietnamese */
@font-face {
  font-family: 'Markazi Text';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/landing/fonts/markazi-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Markazi Text';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/landing/fonts/markazi-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Markazi Text';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/landing/fonts/markazi-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/landing/fonts/noto-kufi-arabic.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;
}
/* math */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/landing/fonts/noto-kufi-math.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;
}
/* symbols */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/landing/fonts/noto-kufi-symbols.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;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/landing/fonts/noto-kufi-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/landing/fonts/noto-kufi-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Noto Naskh Arabic';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/landing/fonts/noto-naskh-arabic.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;
}
/* math */
@font-face {
  font-family: 'Noto Naskh Arabic';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/landing/fonts/noto-naskh-math.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;
}
/* symbols */
@font-face {
  font-family: 'Noto Naskh Arabic';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/landing/fonts/noto-naskh-symbols.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;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Naskh Arabic';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/landing/fonts/noto-naskh-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Naskh Arabic';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/landing/fonts/noto-naskh-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/landing/fonts/vazirmatn-arabic.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;
}
/* latin-ext */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/landing/fonts/vazirmatn-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/landing/fonts/vazirmatn-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ۳. استایل اصلی صفحه */
/* ---------- 1. HEADER ---------- */
  #gh-top a { color: #1d6d72; text-decoration: none; }
  #gh-top a:hover { color: #1d6d72; }
  #gh-top .site-header{
    position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:200;
    width:max-content;max-width:calc(100% - 24px);
    padding:0 16px 0 10px;
    min-height:66px;border-radius:18px;
    display:flex;align-items:center;gap:26px;flex-wrap:nowrap;
    background:rgba(18,30,33,.42);
    backdrop-filter:blur(14px) saturate(1.35);
    -webkit-backdrop-filter:blur(14px) saturate(1.35);
    border:1px solid rgba(241,246,246,.14);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  }
  #gh-top .brand{flex:0 0 auto;display:flex;justify-content:flex-start;align-items:center;gap:6px;height:56px}
  #gh-top .brand .gh-l-text,#gh-top .brand .gh-l-icon{display:block;height:56px;flex:0 0 auto;
    background-image:url("/landing/img/logo.webp");background-repeat:no-repeat;background-size:136px auto}
  #gh-top .brand .gh-l-text{width:76px;background-position:left center}
  #gh-top .brand .gh-l-icon{width:58px;background-position:right center;
    transition:transform .9s cubic-bezier(.2,.85,.2,1)}
  #gh-top .brand:hover .gh-l-icon{transform:rotate(360deg)}
  #gh-top .gh-nav{flex:0 0 auto;display:flex;justify-content:center;align-items:center;gap:clamp(12px,1.4vw,22px);flex-wrap:nowrap}
  #gh-top .gh-nav-link{position:relative;display:inline-flex;align-items:center;
    font-size:15px;font-weight:700;color:#e9dcbb;padding:6px 2px;white-space:nowrap;
    transition:transform .3s cubic-bezier(.2,.8,.2,1),color .25s ease}
  #gh-top .gh-nav-link:hover{transform:translateY(-4px);color:#3ba7ad}
  #gh-top .gh-nav-link .ghnl{display:block;overflow:hidden;line-height:1.5;height:1.5em}
  #gh-top .gh-nav-link .ghnl i{display:block;font-style:normal;transition:transform .42s cubic-bezier(.2,.85,.2,1)}
  #gh-top .gh-nav-link:hover .ghnl i{transform:translateY(-100%)}
  #gh-top .gh-nav-link.gh-nav-on{color:#e9dcbb}
  #gh-top .gh-nav-link:hover{color:#1d6d72}
  #gh-top .header-actions{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;gap:22px;flex-wrap:nowrap}
  #gh-top .ghx-actions{display:none !important}
  #gh-top .ghx-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
  #gh-top .ghx-ic{width:40px;height:40px;display:grid;place-items:center;padding:0;border-radius:14px;cursor:pointer;
    appearance:none;background:rgba(255,255,255,.07);
    backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);
    border:1px solid rgba(255,255,255,.16);color:#e9dcbb;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 20px rgba(0,0,0,.22);
    animation:ghxfloat 3.6s ease-in-out infinite;
    transition:background .24s cubic-bezier(.2,.8,.2,1),border-color .24s ease,color .24s ease,box-shadow .24s ease}
  #gh-top .ghx-ic:nth-child(2){animation-delay:.5s}
  #gh-top .ghx-ic:nth-child(3){animation-delay:1s}
  #gh-top .ghx-ic svg{width:20px;height:20px;display:block;stroke:currentColor;fill:none;stroke-width:1.6}
  #gh-top .ghx-ic:hover{animation-play-state:paused;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28)}
  @keyframes ghxspin{from{transform:rotate(0deg) scale(1)}45%{transform:rotate(200deg) scale(.9)}to{transform:rotate(360deg) scale(1)}}
  #gh-top .ghx-ic.ghx-on{animation:ghxspin .62s cubic-bezier(.2,.85,.2,1);
    background:#1d6d72;border-color:#1d6d72;color:#e9dcbb;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 26px rgba(29,109,114,.42);
    transition:background .3s ease .3s,border-color .3s ease .3s,box-shadow .3s ease .3s}
  @keyframes ghxfloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.045)}}
  @media(max-width:1180px){#gh-top .ghx-actions{display:none}}
  #gh-top .login{position:relative;overflow:hidden;box-sizing:border-box;
    display:flex;align-items:center;justify-content:center;
    width:196px;height:48px;border-radius:12px;cursor:pointer;text-decoration:none;
    background:#1d6d72;color:#e9dcbb;border:1px solid rgba(126,240,255,.45);
    font-weight:900;font-size:15px;
    box-shadow:0 16px 36px rgba(0,0,0,.42),0 10px 26px rgba(29,109,114,.4),inset 0 1px 0 rgba(255,255,255,.18)}

  /* ---------- 2. HERO ---------- */
  #gh-top .hero-video-full{position:relative;overflow:hidden;min-height:100vh;background:#071012;margin-bottom:-1px}
  #gh-top .hero-video{position:absolute;left:0;right:0;top:0;bottom:-2px;width:100%;height:calc(100% + 2px);object-fit:cover;
    filter:saturate(1.05) contrast(1.04) brightness(1.06);
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 74%,rgba(0,0,0,.92) 80%,rgba(0,0,0,.72) 85%,rgba(0,0,0,.46) 90%,rgba(0,0,0,.22) 95%,rgba(0,0,0,.06) 98%,rgba(0,0,0,0) 100%);
    mask-image:linear-gradient(180deg,#000 0%,#000 74%,rgba(0,0,0,.92) 80%,rgba(0,0,0,.72) 85%,rgba(0,0,0,.46) 90%,rgba(0,0,0,.22) 95%,rgba(0,0,0,.06) 98%,rgba(0,0,0,0) 100%)}
  #gh-hero-copy{position:absolute;z-index:4;top:57%;transform:translateY(-50%);
    right:max(28px,calc(.5 * (100% - min(1156px,95%)) - 170px));
    width:min(760px,58%);max-width:760px;text-align:right}
  /* عمداً فیزیکی (نه start): ویدیوی هیرو نیمهٔ چپ را پر می‌کند، پس متن در هر دو زبان
     کنارِ راست می‌ماند؛ فقط جهتِ نوشتار با dir عوض می‌شود. */
  @media(max-width:760px){#gh-hero-copy{right:6%;width:min(560px,72%)}}
  #gh-top .gh-tagline{display:inline-flex;flex-direction:row-reverse;align-items:center;gap:10px;
    margin:0 0 18px;color:#8fa5a6;font-size:clamp(18px,1.72vw,26px);font-weight:700;line-height:1.7;white-space:nowrap;
    transform-origin:100% 50%;animation:ghTagBreathe 3.2s ease-in-out infinite}
  @keyframes ghTagBreathe{0%,100%{transform:scale(.96);opacity:.7}50%{transform:scale(1.05);opacity:1}}
  #gh-top .gh-spark{width:36px;height:36px;flex:0 0 auto;fill:#1d6d72;filter:drop-shadow(0 0 6px rgba(34,200,224,.55));
    transform-origin:50% 50%;animation:ghSparkPulse 2.4s ease-in-out infinite}
  @keyframes ghSparkPulse{0%,100%{transform:scale(.86) rotate(-4deg);opacity:.8}
    50%{transform:scale(1.18) rotate(4deg);opacity:1;filter:drop-shadow(0 0 12px rgba(34,200,224,.8))}}
  @media (prefers-reduced-motion:reduce){#gh-top .gh-spark{animation:none}}
  #gh-hero-copy h1{margin:14px 0 0;font-family:'Estedad','Vazirmatn',system-ui,sans-serif;
    font-size:clamp(38px,4.5vw,72px);line-height:1.4;
    font-weight:900;letter-spacing:-.02em;color:#e9dcbb;
    background-image:linear-gradient(-40deg,transparent 0%,transparent 30%,#2fa6ad 42%,#7fe3e6 50%,#2fa6ad 58%,transparent 70%,transparent 100%),linear-gradient(#e9dcbb,#e9dcbb);
    background-size:1100px 100%,100% 100%;background-repeat:no-repeat,no-repeat;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    animation:ghShine 7.5s linear infinite, ghDrift 7s ease-in-out infinite}
  #gh-hero-sub{background-image:linear-gradient(-40deg,transparent 0%,transparent 30%,#2fa6ad 42%,#9ff0f2 50%,#2fa6ad 58%,transparent 70%,transparent 100%),linear-gradient(#b9cbcc,#b9cbcc);
    background-size:380px 100%,100% 100%;background-repeat:no-repeat,no-repeat;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    animation:ghShine 7.5s linear .45s infinite, ghDrift 7s ease-in-out .4s infinite}
  #gh-plans [data-plan-icon]{transform-origin:50% 50%;opacity:0}
  #gh-plans.hd-in [data-plan-icon]{animation:tkHeadUp .75s cubic-bezier(.2,.85,.2,1) forwards, ghIconBreathe 3.6s ease-in-out .75s infinite}
  #gh-canvas [data-cv-shine]{background-image:linear-gradient(-40deg,transparent 0%,transparent 30%,#2fa6ad 42%,#7fe3e6 50%,#2fa6ad 58%,transparent 70%,transparent 100%),linear-gradient(#e9dcbb,#e9dcbb);background-size:1100px 100%,100% 100%;background-repeat:no-repeat,no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ghShine 7.5s linear infinite, ghDrift 7s ease-in-out infinite}
  #gh-canvas p[data-cv-shine]{background-image:linear-gradient(-40deg,transparent 0%,transparent 30%,#2fa6ad 42%,#9ff0f2 50%,#2fa6ad 58%,transparent 70%,transparent 100%),linear-gradient(#93a9ab,#93a9ab);background-size:380px 100%,100% 100%;animation:ghShine 7.5s linear .45s infinite, ghDrift 7s ease-in-out .4s infinite}
  @media (prefers-reduced-motion:reduce){#gh-canvas [data-cv-shine]{animation:none}}
  @media (max-width: 900px){#gh-canvas [data-cv-shine]{white-space:normal !important}}
  #gh-faq [data-faq-icon]{transform-origin:50% 50%;animation:ghIconNudge 4s ease-in-out infinite}
  @keyframes ghIconNudge{0%,100%{transform:scale(.92)}50%{transform:scale(1.1)}}
  @media (prefers-reduced-motion:reduce){#gh-faq [data-faq-icon]{animation:none}}
  #gh-glass [data-gc-kick]{transform-origin:100% 50%;animation:ghKickPulse 2.8s ease-in-out infinite}
  #gh-glass [data-gc-kick-ic]{transform-origin:50% 50%}
  @keyframes ghKickPulse{0%,100%{transform:scale(.9)}50%{transform:scale(1.12)}}
  @media (prefers-reduced-motion:reduce){#gh-glass [data-gc-kick-ic]{animation:none}}
  @keyframes ghIconBreathe{0%,100%{transform:scale(.9)}50%{transform:scale(1.08)}}
  @media (prefers-reduced-motion:reduce){#gh-plans [data-plan-icon]{animation:none}}
  @keyframes ghSweepSlow{0%{background-position:calc(100% + 620px) 0,0 0}64%{background-position:-620px 0,0 0}100%{background-position:-620px 0,0 0}}
  @keyframes ghShine{0%{background-position:calc(100% + 540px) 0,0 0}100%{background-position:-540px 0,0 0}}
  @keyframes fqSweepGo{0%{background-position:calc(100% + 1100px) 0,0 0}70%{background-position:-1100px 0,0 0}100%{background-position:-1100px 0,0 0}}
  [data-faq-type],[data-faq-type] span{animation:fqSweepGo 3.4s cubic-bezier(.25,.6,.2,1) .2s infinite}

  /* fold-in + light sweep on the cards-section heading */
  .gh-fold-head .gh-fold{display:inline-block;perspective:700px}
  .gh-fold-head .gh-fold > i{display:inline-block;font-style:normal;transform-origin:50% 0%;
    backface-visibility:hidden;will-change:transform,opacity;
    background-image:linear-gradient(-40deg,transparent 0%,transparent 30%,#2fa6ad 42%,#7fe3e6 50%,#2fa6ad 58%,transparent 70%,transparent 100%),linear-gradient(#f1f8f8,#f1f8f8);
    background-size:1100px 100%,100% 100%;background-repeat:no-repeat,no-repeat;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .gh-fold-head .gh-fold-accent > i{background-image:linear-gradient(-40deg,transparent 0%,transparent 30%,#7fdcd6 42%,#eafcff 50%,#7fdcd6 58%,transparent 70%,transparent 100%),linear-gradient(#1d6d72,#1d6d72)}
  .gh-fold-head .gh-fold-cycle > i{background:none;-webkit-text-fill-color:currentColor;animation:ghColorCycle 5s ease-in-out infinite}
  @keyframes ghColorCycle{0%,100%{color:#e9dcbb}25%{color:#7ef0ff}50%{color:#31d7f0}75%{color:#1d6d72}}
  #gh-glass.gc-armed .gh-fold > i{opacity:0;transform:rotateX(-92deg)}
  #gh-glass.gc-in .gh-fold > i{animation:ghFold .65s cubic-bezier(.2,.85,.2,1) forwards, ghShine 7.5s linear 1s infinite}
  #gh-glass.gc-in .gh-fold-cycle > i{animation:ghFold .65s cubic-bezier(.2,.85,.2,1) forwards, ghColorCycle 5s ease-in-out infinite}
  #gh-glass.gc-in .gh-fold:nth-of-type(1) > i{animation-delay:0s,1.0s}
  #gh-glass.gc-in .gh-fold:nth-of-type(2) > i{animation-delay:.08s,1.1s}
  #gh-glass.gc-in .gh-fold:nth-of-type(3) > i{animation-delay:.16s,1.2s}
  #gh-glass.gc-in .gh-fold:nth-of-type(4) > i{animation-delay:.24s,1.3s}
  #gh-glass.gc-in .gh-fold:nth-of-type(5) > i{animation-delay:.32s,1.4s}
  #gh-glass.gc-in .gh-fold:nth-of-type(6) > i{animation-delay:.40s,1.5s}
  #gh-glass.gc-in .gh-fold:nth-of-type(7) > i{animation-delay:.48s,1.6s}
  @keyframes ghFold{from{opacity:0;transform:rotateX(-92deg)}to{opacity:1;transform:none}}
  #gh-glass .gh-fold-head{background-image:linear-gradient(-40deg,transparent 0%,transparent 30%,rgba(233,220,187,.35) 42%,#ffffff 50%,rgba(233,220,187,.35) 58%,transparent 70%,transparent 100%),linear-gradient(#e9dcbb,#e9dcbb);background-size:1100px 100%,100% 100%;background-repeat:no-repeat,no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ghSweepSlow 9s linear infinite}
  #gh-glass .gh-fold-head .gh-fold-cycle > i{-webkit-text-fill-color:transparent}
  #gh-glass [data-gc-type]{background-image:linear-gradient(-40deg,transparent 0%,transparent 40%,#1d6d72 50%,transparent 60%,transparent 100%),linear-gradient(rgba(226,238,238,.68),rgba(226,238,238,.68));
    background-size:1100px 100%,100% 100%;background-repeat:no-repeat,no-repeat;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    animation:ghShine 7.5s linear 1.4s infinite}
  @media (prefers-reduced-motion:reduce){#gh-glass.gc-armed .gh-fold > i{opacity:1!important;transform:none!important;animation:none!important}}
  @keyframes ghDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
  @media (prefers-reduced-motion:reduce){#gh-hero-copy h1,#gh-hero-sub{animation:none!important}}
  #gh-top .gh-roll-win{display:inline-block;height:1.4em;overflow:hidden;vertical-align:bottom}
  #gh-top .gh-roll-list{display:block;font-family:'Estedad','Vazirmatn',system-ui,sans-serif;
    font-weight:900;letter-spacing:-.02em;color:#1d6d72;-webkit-text-fill-color:#1d6d72;
    animation:gh-roll 9s cubic-bezier(.6,0,.2,1) infinite}
  #gh-top .gh-roll-list > span{display:block;height:1.4em;line-height:1.4}
  @keyframes gh-roll{
    0%,26%{transform:translateY(0)}
    33%,59%{transform:translateY(-1.4em)}
    66%,92%{transform:translateY(-2.8em)}
    100%{transform:translateY(-4.2em)}}
  #gh-hero-sub{font-size:clamp(15px,1.22vw,19px);line-height:1.95;margin-top:18px;color:#b9cbcc}
  #gh-top .gh-btn17{position:relative;overflow:hidden;box-sizing:border-box;
    display:flex;align-items:center;justify-content:center;
    margin-top:30px;width:236px;height:52px;border-radius:12px;cursor:pointer;text-decoration:none;
    background:linear-gradient(155deg,rgba(126,240,255,.24),rgba(29,109,114,.34));backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);color:#e9dcbb;border:1px solid rgba(233,246,247,.34);
    font-size:16px;font-weight:900;
    box-shadow:0 18px 40px -14px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.45), inset 0 0 0 1px rgba(255,255,255,.14)}
  #gh-top .gh-btn17 .gh-b-words{display:none}
  /* gh-btn17-hover */
  #gh-top .login,#gh-foot .fb,#gh-faq .snd,[data-tk-btn],a[class*="btn"],button[class*="btn"],.gh-cta,[data-cta]{background:linear-gradient(180deg,rgba(191,238,242,.30) 0%,rgba(255,255,255,.05) 45%,rgba(233,220,187,.14) 100%),linear-gradient(180deg,rgba(29,109,114,.55),rgba(20,72,76,.45))!important;backdrop-filter:blur(9px) brightness(1.08) saturate(1.3)!important;-webkit-backdrop-filter:blur(9px) brightness(1.08) saturate(1.3)!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:14px!important;color:#e9dcbb!important;box-shadow:0 12px 28px rgba(0,0,0,.38),inset 0 2px 1px rgba(255,255,255,.75),inset 0 -3px 2px rgba(126,240,255,.35),inset 3px 0 6px rgba(255,255,255,.14),inset -3px 0 6px rgba(255,255,255,.14),inset 0 0 18px rgba(10,40,44,.40)!important;text-shadow:0 1px 2px rgba(4,20,22,.45)!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}  [data-tk-btn]:active,#gh-top .login:active{transform:translateY(1px)!important;box-shadow:0 6px 14px rgba(0,0,0,.40),inset 0 3px 8px rgba(10,40,44,.55),inset 0 -2px 1px rgba(126,240,255,.30)!important}\n  #gh-top .login::before,#gh-foot .fb::before,#gh-faq .snd::before,[data-tk-btn]::before,a[class*=\"btn\"]::before,button[class*=\"btn\"]::before{content:none}
  #gh-top .login:hover,#gh-foot .fb:hover,#gh-faq .snd:hover,[data-tk-btn]:hover,a[class*="btn"]:hover,button[class*="btn"]:hover{background:linear-gradient(155deg,rgba(233,220,187,.38),rgba(233,220,187,.2))!important;border-color:rgba(233,220,187,.6)!important;color:#0d2124!important}
  #gh-top a.gh-btn17[data-tk-btn]{background:
      linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.10) 30%,rgba(255,255,255,0) 52%),
      radial-gradient(120% 80% at 50% 118%, rgba(126,240,255,.30) 0%, rgba(126,240,255,0) 60%),
      linear-gradient(180deg,#2b8288 0%,#1d6d72 46%,#12474b 100%)!important;
    border:1px solid rgba(126,240,255,.34)!important;border-radius:14px!important;
    backdrop-filter:blur(20px) saturate(1.5)!important;-webkit-backdrop-filter:blur(20px) saturate(1.5)!important;
    box-shadow:
      inset 0 1.5px 0 rgba(255,255,255,.62),
      inset 0 -2px 3px rgba(0,0,0,.42),
      inset 0 14px 26px -14px rgba(255,255,255,.5),
      inset 0 0 0 1px rgba(255,255,255,.10),
      0 2px 3px rgba(0,0,0,.34),
      0 20px 42px -16px rgba(0,0,0,.72),
      0 12px 30px -14px rgba(29,109,114,.75)!important;
    color:#eaf7f8!important;text-shadow:0 1px 2px rgba(0,0,0,.42)!important;
    transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .22s ease}
  #gh-top a.gh-btn17[data-tk-btn]{background:linear-gradient(180deg,rgba(191,238,242,.30) 0%,rgba(255,255,255,.05) 45%,rgba(233,220,187,.14) 100%),linear-gradient(180deg,rgba(29,109,114,.55),rgba(20,72,76,.45))!important;backdrop-filter:blur(9px) brightness(1.08) saturate(1.3)!important;-webkit-backdrop-filter:blur(9px) brightness(1.08) saturate(1.3)!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:14px!important;color:#eaf7f8!important;box-shadow:0 12px 28px rgba(0,0,0,.38),inset 0 2px 1px rgba(255,255,255,.75),inset 0 -3px 2px rgba(126,240,255,.35),inset 3px 0 6px rgba(255,255,255,.14),inset -3px 0 6px rgba(255,255,255,.14),inset 0 0 18px rgba(10,40,44,.40)!important;text-shadow:0 1px 2px rgba(4,20,22,.45)!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}  #gh-top a.gh-btn17[data-tk-btn] span{color:#eaf7f8!important;-webkit-text-fill-color:#eaf7f8!important}
  #gh-top a.gh-btn17[data-tk-btn]:active{transform:translateY(1px)}
  #gh-top .gh-btn17:hover{background:linear-gradient(155deg,rgba(233,220,187,.38),rgba(233,220,187,.2))!important;border-color:rgba(233,220,187,.6)!important}
  #gh-top .gh-btn17:hover{text-shadow:none!important}
  #gh-top .gh-btn17:hover span{color:#0d2124!important;-webkit-text-fill-color:#0d2124!important}

  #gh-canvas a[data-tk-btn]{background:
      linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.10) 30%,rgba(255,255,255,0) 52%),
      radial-gradient(120% 80% at 50% 118%, rgba(126,240,255,.30) 0%, rgba(126,240,255,0) 60%),
      linear-gradient(180deg,#2b8288 0%,#1d6d72 46%,#12474b 100%)!important;
    border:1px solid rgba(126,240,255,.34)!important;border-radius:16px!important;
    backdrop-filter:blur(20px) saturate(1.5)!important;-webkit-backdrop-filter:blur(20px) saturate(1.5)!important;
    box-shadow:
      inset 0 1.5px 0 rgba(255,255,255,.62),
      inset 0 -2px 3px rgba(0,0,0,.42),
      inset 0 14px 26px -14px rgba(255,255,255,.5),
      inset 0 0 0 1px rgba(255,255,255,.10),
      0 2px 3px rgba(0,0,0,.34),
      0 22px 46px -16px rgba(0,0,0,.72),
      0 14px 32px -14px rgba(29,109,114,.75)!important;
    color:#eaf7f8!important;text-shadow:0 1px 2px rgba(0,0,0,.4)!important;
    transition:transform .22s cubic-bezier(.2,.85,.2,1),box-shadow .22s ease,background .22s ease}
  #gh-canvas a[data-tk-btn]::after{content:"";position:absolute;left:8px;right:8px;top:2px;height:44%;border-radius:12px 12px 60% 60%/12px 12px 26px 26px;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.05) 70%,rgba(255,255,255,0));pointer-events:none;mix-blend-mode:screen}
  #gh-canvas a[data-tk-btn] span{color:#eaf7f8!important;-webkit-text-fill-color:#eaf7f8!important;position:relative;z-index:2}
  #gh-canvas a[data-tk-btn]:hover{transform:translateY(-2px)!important;
    box-shadow:
      inset 0 1.5px 0 rgba(255,255,255,.72),
      inset 0 -2px 3px rgba(0,0,0,.4),
      inset 0 16px 28px -14px rgba(255,255,255,.58),
      0 2px 3px rgba(0,0,0,.34),
      0 28px 56px -18px rgba(0,0,0,.75),
      0 18px 40px -14px rgba(29,109,114,.85)!important}
  #gh-canvas a[data-tk-btn]:active{transform:translateY(1px)!important}

  /* glass-convex: unified CTA treatment */
  #gh-top a.gh-btn17[data-tk-btn],#gh-canvas a[data-tk-btn],#gh-top .login,#gh-foot .fb,#gh-faq .snd,[data-tk-btn],a[class*="btn"],button[class*="btn"],.gh-cta,[data-cta]{position:relative!important;overflow:hidden!important;
    border-radius:18px!important;border:1px solid rgba(255,255,255,.30)!important;
    background:
      radial-gradient(120% 150% at 26% -22%,rgba(255,255,255,.85) 0%,rgba(255,255,255,.22) 22%,rgba(255,255,255,0) 44%),
      radial-gradient(100% 120% at 70% 130%,rgba(126,240,255,.5) 0%,rgba(126,240,255,0) 58%),
      linear-gradient(180deg,#3a9aa1 0%,#1d6d72 52%,#0e4145 100%)!important;
    backdrop-filter:blur(16px) saturate(1.6)!important;-webkit-backdrop-filter:blur(16px) saturate(1.6)!important;
    color:#f4feff!important;text-shadow:0 1px 2px rgba(0,0,0,.4)!important;
    box-shadow:
      inset 0 3px 5px rgba(255,255,255,.55),
      inset 0 -6px 12px rgba(0,0,0,.55),
      inset 0 0 0 1px rgba(255,255,255,.14),
      0 4px 6px rgba(0,0,0,.3),
      0 30px 56px -22px rgba(0,0,0,.82),
      0 16px 40px -18px rgba(29,109,114,.8)!important;
    transition:transform .22s cubic-bezier(.2,.85,.2,1),box-shadow .22s ease!important}
  #gh-top a.gh-btn17[data-tk-btn]::after,#gh-canvas a[data-tk-btn]::after,#gh-top .login::after,#gh-foot .fb::after,#gh-faq .snd::after,[data-tk-btn]::after,a[class*="btn"]::after,button[class*="btn"]::after,.gh-cta::after,[data-cta]::after{content:""!important;position:absolute;left:10px;right:10px;top:3px;height:44%;border-radius:14px 14px 60% 60%/14px 14px 28px 28px;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.06) 72%,transparent);mix-blend-mode:screen;pointer-events:none;z-index:1}
  #gh-top a.gh-btn17[data-tk-btn] span,#gh-canvas a[data-tk-btn] span,#gh-foot .fb span,#gh-faq .snd span,[data-tk-btn] span{position:relative;z-index:2;color:#f4feff!important;-webkit-text-fill-color:#f4feff!important}
  #gh-top a.gh-btn17[data-tk-btn]:hover,#gh-canvas a[data-tk-btn]:hover,#gh-foot .fb:hover,#gh-faq .snd:hover,[data-tk-btn]:hover,a[class*="btn"]:hover,button[class*="btn"]:hover{transform:translateY(-2px)!important;
    box-shadow:
      inset 0 3px 6px rgba(255,255,255,.68),
      inset 0 -6px 12px rgba(0,0,0,.5),
      0 4px 6px rgba(0,0,0,.3),
      0 36px 64px -22px rgba(0,0,0,.85),
      0 20px 46px -18px rgba(29,109,114,.9)!important}
  #gh-top a.gh-btn17[data-tk-btn]:active,#gh-canvas a[data-tk-btn]:active,[data-tk-btn]:active{transform:translateY(1px)!important}

  /* social rail */
  #gh-rail{position:fixed;left:22px;bottom:34px;z-index:900;
    display:flex;flex-direction:column;align-items:center;gap:6px;direction:rtl}
  #gh-rail a{display:grid;place-items:center;width:48px;height:48px;border-radius:11px;color:#e9dcbb;
    transition:color .25s ease,transform .3s cubic-bezier(.2,.8,.2,1);
    animation:ghRailSweep 5s ease-in-out infinite}
  #gh-rail a:nth-of-type(2){animation-delay:.55s}
  #gh-rail a:nth-of-type(3){animation-delay:1.1s}
  #gh-rail a:nth-of-type(4){animation-delay:1.65s}
  @keyframes ghRailSweep{0%,72%,100%{color:#e9dcbb;transform:scale(1)}
    12%{color:#1d6d72;transform:scale(1.16)}
    30%{color:#1d6d72;transform:scale(1)}}
  @keyframes ghRailLabel{0%,66%,100%{transform:translate(-50%,-50%) rotate(-90deg) scale(1);color:#b9cbcc}
    12%{transform:translate(-50%,-50%) rotate(-90deg) scale(1.16);color:#1d6d72}
    30%{transform:translate(-50%,-50%) rotate(-90deg) scale(1);color:#b9cbcc}}
  #gh-rail a svg{width:27px;height:27px}
  #gh-rail a:hover{color:#7ef0ff;background:none;transform:scale(1.24) rotate(-10deg)}
  #gh-rail .gh-rail-cta{width:auto;height:auto;border-radius:0;animation:none;color:inherit}
  #gh-rail .gh-rail-cta:hover{transform:none}
  #gh-rail .gh-rail-cta:hover span{color:#eafffb}
  #gh-rail i{display:block;width:1px;height:52px;transform-origin:50% 50%;
    background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.04));margin:10px 0;
    animation:ghRailLine 5s ease-in-out 1.9s infinite}
  #gh-rail a:not(.gh-rail-cta) svg{width:30px!important;height:30px!important}
  #gh-rail i{margin:30px 0 30px!important}
  #gh-rail b{overflow:hidden!important}
  #gh-rail{bottom:-40px!important}
  #gh-rail a:not(.gh-rail-cta){width:44px!important;height:44px!important}
  #gh-rail .gh-rail-cta{width:auto!important;height:auto!important}
  @keyframes ghRailLine{0%,72%,100%{background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.04));transform:scaleY(1)}
    12%,30%{background:linear-gradient(180deg,#1d6d72,rgba(29,109,114,.35));transform:scaleY(1.22)}}
  #gh-rail b{display:block;position:relative;width:26px;height:150px}
  #gh-rail b span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);
    white-space:nowrap;font-size:17px;font-weight:800;letter-spacing:.02em;color:#b9cbcc;
    transition:color .25s ease;animation:ghRailLabel 5s ease-in-out 2.2s infinite}
  #gh-rail a:not(.gh-rail-cta){width:44px!important;height:44px!important;transition:color .28s ease,transform .4s cubic-bezier(.2,.8,.2,1)!important}
  #gh-rail a:not(.gh-rail-cta) svg{width:30px!important;height:30px!important}
  #gh-rail a:not(.gh-rail-cta):hover{color:#2fa6ad!important;transform:scale(1.3)!important;background:none!important}
  #gh-rail a:not(.gh-rail-cta):active{transform:scale(1.06)!important}
  @keyframes ghRailSwayOff{0%,100%{transform:translateX(0)}}
  #gh-rail a:not(.gh-rail-cta) svg{animation:none}
  #gh-rail a:nth-of-type(2) svg{animation-delay:.5s}
  #gh-rail a:nth-of-type(3) svg{animation-delay:1s}
  #gh-rail a:nth-of-type(4) svg{animation-delay:1.5s}
  #gh-rail a:not(.gh-rail-cta):hover svg{animation-play-state:paused}
  @keyframes ghRing{0%{transform:scale(.9);opacity:.55}70%{transform:scale(1.5);opacity:0}100%{opacity:0}}
  @keyframes ghBobDown{0%,100%{transform:translateY(2px)}50%{transform:translateY(-4px)}}
  #gh-glass [data-hint]{justify-content:center}
  #gh-glass [data-hint] span{position:relative;width:56px;height:56px;padding:0;gap:0;font-size:0!important;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.04)),linear-gradient(155deg,rgba(126,240,255,.3),rgba(29,109,114,.5));backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);color:#eafcff!important;box-shadow:0 12px 28px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.35) inset;display:inline-flex;align-items:center;justify-content:center}
  #gh-glass [data-hint] span svg{width:20px!important;height:20px!important;stroke-width:2.1;animation:ghBobDown 1.5s ease-in-out infinite}
  #gh-glass [data-hint] span::before,#gh-glass [data-hint] span::after{content:"";position:absolute;inset:0;border-radius:999px;border:1px solid rgba(127,227,230,.5);animation:ghRing 2.2s ease-out infinite;pointer-events:none}
  #gh-glass [data-hint] span::after{animation-delay:1.1s}
  #gh-plans [data-tk][data-face] { border-color: rgba(126,240,255,.42) !important; }
  @media(max-width:1100px){#gh-rail{display:none}}

  /* ---------- 3. MODEL LOGO MARQUEE ---------- */
  #gh-models{position:relative;width:100%;display:grid;align-content:center;justify-items:center;
    gap:16px;padding:6vh 0;background:transparent}
  #gh-models .gh-wrap{width:100%;display:grid;gap:6px}
  #gh-models .gh-rail{position:relative;overflow:hidden;
    -webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.18) 8%,rgba(0,0,0,.6) 16%,#000 24%,#000 76%,rgba(0,0,0,.6) 84%,rgba(0,0,0,.18) 92%,transparent 100%);
    mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.18) 8%,rgba(0,0,0,.6) 16%,#000 24%,#000 76%,rgba(0,0,0,.6) 84%,rgba(0,0,0,.18) 92%,transparent 100%)}
  #gh-models .gh-track{display:flex;width:max-content;flex:0 0 auto;will-change:transform;
    animation-timing-function:linear;animation-iteration-count:infinite}
  #gh-models .gh-track-a{animation-name:gh-marq-a2;animation-duration:38s}
  #gh-models .gh-track-b{animation-name:gh-marq-b2;animation-duration:46s}
  @keyframes gh-marq-a2{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @keyframes gh-marq-b2{from{transform:translateX(-50%)}to{transform:translateX(0)}}
  #gh-models .gh-track-b .gh-cell:nth-child(5n+2) img{display:none}
  #gh-models .gh-track-b .gh-cell:nth-child(5n+2) span::after{content:"Recraft";font-family:'Estedad','Vazirmatn',system-ui,sans-serif;font-size:38px;font-weight:800;letter-spacing:-.015em;color:#ffffff;opacity:1;-webkit-text-fill-color:#ffffff}
  #gh-models .gh-rail:hover .gh-track{animation-play-state:paused}
  #gh-models .gh-cell{display:flex;align-items:center;justify-content:center;
    gap:clamp(14px,1.6vw,30px);flex:0 0 auto;height:76px;padding:0 14px;
    white-space:nowrap;flex-wrap:nowrap;color:#cfdedf;font-size:19px;font-weight:700}
  #gh-models .gh-cell span{cursor:pointer;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:186px;height:58px}
  #gh-models .gh-cell img{display:block;width:186px;height:58px;object-fit:contain;
    opacity:.92;filter:grayscale(1) invert(1) brightness(1.75) contrast(1.05);mix-blend-mode:screen;transition:opacity .2s ease}
  #gh-models .gh-cell span{position:relative;z-index:1;transition:transform .34s cubic-bezier(.2,.85,.2,1)}
  #gh-models .gh-cell span:hover{transform:scale(1.75);z-index:5}
  #gh-models .gh-cell span:hover img{opacity:1;mix-blend-mode:normal;filter:url(#ghTeal) drop-shadow(0 0 8px rgba(29,109,114,.3))}
  #gh-models .gh-cell span.gh-sel{transform:scale(1.9);z-index:9}
  #gh-models .gh-cell span.gh-sel:hover{transform:scale(2)}
  #gh-models .gh-cell span.gh-sel img{opacity:1;mix-blend-mode:normal;filter:url(#ghTeal) drop-shadow(0 0 14px rgba(29,109,114,.55)) drop-shadow(0 0 34px rgba(126,240,255,.22))}
  #gh-models .gh-cell span.gh-sel::after{content:"";position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(126,240,255,0),#7ef0ff,rgba(126,240,255,0));box-shadow:0 0 10px rgba(126,240,255,.7)}
  #gh-models.gh-has-sel .gh-cell span:not(.gh-sel) img{opacity:.34}
  #gh-models.gh-has-sel .gh-cell span:not(.gh-sel):hover img{opacity:.8}
  @media (prefers-reduced-motion:reduce){
    #gh-models .gh-track,#gh-top .gh-roll-list,#gh-top .ghx-ic{animation:none!important}
  }

  body { margin: 0; background: #071012; font-family: 'Estedad', 'Vazirmatn', system-ui, sans-serif; }
  #gh-top, #gh-top button, #gh-top input, #gh-rail { font-family: 'Estedad', 'Vazirmatn', system-ui, sans-serif; }
  a { color: #1d6d72; text-decoration: none; }
  a:hover { color: #1d6d72; }
  @keyframes ghNode { from { opacity: 0; transform: translateY(16px) scale(.94); } to { opacity: 1; transform: none; } }
  @keyframes ghDraw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
  #gh-canvas.is-armed [data-n] { opacity: 0; }
  #gh-canvas.is-armed [data-p] { stroke-dasharray: 1; stroke-dashoffset: 1; }
  #gh-canvas.is-in [data-n] { animation: ghNode .62s cubic-bezier(.2,.85,.2,1) forwards; }
  #gh-canvas.is-in [data-p] { animation: ghDraw .5s ease-out forwards; }
  #gh-canvas.is-in [data-n="1"] { animation-delay: .35s; }
  #gh-canvas.is-in [data-p="1"] { animation-delay: .90s; }
  #gh-canvas.is-in [data-p="2"] { animation-delay: .90s; }
  #gh-canvas.is-in [data-n="2"] { animation-delay: 1.30s; }
  #gh-canvas.is-in [data-n="3"] { animation-delay: 1.45s; }
  #gh-canvas.is-in [data-p="3"] { animation-delay: 1.95s; }
  #gh-canvas.is-in [data-p="4"] { animation-delay: 2.05s; }
  #gh-canvas.is-in [data-n="4"] { animation-delay: 2.40s; }
  #gh-canvas.is-in [data-p="5"] { animation-delay: 2.95s; }
  #gh-canvas.is-in [data-n="5"] { animation-delay: 3.30s; }
  @media (prefers-reduced-motion: reduce) { #gh-canvas.is-armed [data-n] { opacity: 1 !important; animation: none !important; } #gh-canvas.is-armed [data-p] { stroke-dasharray: none !important; animation: none !important; } }
  @keyframes ghRise { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
  @keyframes ghImg { from { opacity: 0; transform: translateY(34px) scale(.975); } to { opacity: 1; transform: none; } }
  @media(max-width:1400px){
    #gh-glass [data-copy]{padding:0 3vw 0 5vw!important;gap:26px}
    #gh-glass [data-copy] .gh-fold-head{white-space:normal;font-size:clamp(22px,3vw,40px)}
    #gh-glass [data-gc-frame]{width:min(32vw,340px)!important;height:min(38vw,404px)!important}
  }
  @keyframes ghFrameFloat{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-14px)}}
  @keyframes ghWordBlurOut{from{opacity:1;filter:blur(0);letter-spacing:-.02em}to{opacity:0;filter:blur(9px);letter-spacing:.06em}}
  @keyframes ghWordBlurIn{from{opacity:0;filter:blur(11px);transform:scale(1.12)}to{opacity:1;filter:blur(0);transform:scale(1)}}
  #gh-glass image-slot::part(ring){display:none}

  #gh-faq [data-faq-type] { clip-path: inset(0 0 0 100%); }
  #gh-faq.ghr-in [data-faq-type] { animation: tkType 1.1s steps(22, end) .15s forwards, ghShine 7.5s linear 1.3s infinite; }
  #gh-canvas.is-armed [data-r] { opacity: 0; }
  #gh-canvas.is-in [data-r] { animation: ghRise .9s cubic-bezier(.2,.85,.2,1) forwards; }
  #gh-canvas.is-in [data-r="1"] { animation-delay: .05s; }
  #gh-canvas.is-in [data-r="2"] { animation-delay: .17s; }
  #gh-canvas.is-in [data-r="3"] { animation-delay: .30s; }
  #gh-canvas.is-in [data-r="4"] { animation-delay: .44s; }
  #gh-canvas.is-in [data-r="5"] { animation: ghImg 1s cubic-bezier(.2,.85,.2,1) .1s forwards; }
  #gh-canvas.is-armed [data-sweep] { opacity: 0; }
  #gh-canvas.is-in [data-sweep] { opacity: 1; animation: ghSweep 3.4s cubic-bezier(.4,0,.2,1) 1.15s 2; }
  @media (prefers-reduced-motion: reduce) { #gh-canvas.is-armed [data-r] { opacity: 1 !important; animation: none !important; } #gh-canvas [data-sweep] { animation: none !important; } }
  [data-swapbtn]:hover::after { transform: translateY(0) scale(1.1) !important; }
  [data-swapbtn]:hover::before { transform: translateY(-62px) scale(0) rotate(120deg) !important; }
  #gh-head:hover [data-accent] { color: #e9dcbb !important; }
  @keyframes rimspin { to { transform: rotate(360deg); } }
  @keyframes gc-rimspin { to { transform: rotate(360deg); } }
  @keyframes gcBeam { 0%, 100% { transform: rotate(-18deg) translate3d(0,0,0); opacity: .82; } 50% { transform: rotate(-13deg) translate3d(-4%, 3%, 0); opacity: 1; } }
  @keyframes gcGlow { 0%, 100% { transform: translate3d(0,0,0) scale(1); opacity: .8; } 50% { transform: translate3d(5%, -3%, 0) scale(1.12); opacity: 1; } }
  @keyframes gcGrid { from { background-position: 0 0; } to { background-position: 26px 26px; } }
  @keyframes gcOrbit { to { transform: rotate(360deg); } }
  @keyframes gcSweep { to { transform: rotate(360deg); } }
  @keyframes gcFloat { 0%, 100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(0,-18px,0); } }
  @media (prefers-reduced-motion: reduce) { [data-gc-beam], [data-gc-glow], [data-gc-grid], [data-gc-sweep] { animation: none !important; } }
  /* heavy blurred layers only animate while their section is on screen */
  #gh-glass [data-gc-rim] { animation-play-state: paused; }
  #gh-glass.gc-sleep [data-gc-beam], #gh-glass.gc-sleep [data-gc-glow], #gh-glass.gc-sleep [data-gc-grid], #gh-glass.gc-sleep [data-gc-sheen] { animation-play-state: paused !important; }
  #gh-plans.pl-sleep div[style*="gcGlow"] { animation-play-state: paused !important; }
  @keyframes gc-sheen { 0% { transform: translateX(0) rotate(18deg); opacity: 0; } 22% { opacity: .3; } 55% { opacity: .22; } 78%, 100% { transform: translateX(320%) rotate(18deg); opacity: 0; } }
  #gh-glass [data-gc-card]:hover [data-gc-meta] { opacity: 1; transform: translateY(0); }
  @keyframes dotpulse { 0%, 100% { opacity: .5; transform: scale(.86); } 50% { opacity: 1; transform: scale(1.04); } }
  [data-dots] > div { animation: dotpulse 3.4s ease-in-out infinite; }
  [data-dots] > div:nth-child(1) { animation-delay: 0.00s; }
  [data-dots] > div:nth-child(2) { animation-delay: 0.16s; }
  [data-dots] > div:nth-child(3) { animation-delay: 0.32s; }
  [data-dots] > div:nth-child(4) { animation-delay: 0.48s; }
  [data-dots] > div:nth-child(5) { animation-delay: 0.16s; }
  [data-dots] > div:nth-child(6) { animation-delay: 0.32s; }
  [data-dots] > div:nth-child(7) { animation-delay: 0.48s; }
  [data-dots] > div:nth-child(8) { animation-delay: 0.64s; }
  [data-dots] > div:nth-child(9) { animation-delay: 0.32s; }
  [data-dots] > div:nth-child(10) { animation-delay: 0.48s; }
  [data-dots] > div:nth-child(11) { animation-delay: 0.64s; }
  [data-dots] > div:nth-child(12) { animation-delay: 0.80s; }
  [data-dots] > div:nth-child(13) { animation-delay: 0.48s; }
  [data-dots] > div:nth-child(14) { animation-delay: 0.64s; }
  [data-dots] > div:nth-child(15) { animation-delay: 0.80s; }
  [data-dots] > div:nth-child(16) { animation-delay: 0.96s; }
  [data-card]:hover [data-meta] { opacity: 1 !important; transform: translateY(0) !important; }
  @media (max-width: 1180px) { [data-plansplit] { grid-template-columns: 1fr !important; gap: 30px !important; } }
  [data-tk] { transition: box-shadow .5s ease, border-color .4s ease; }
  [data-face] { background-blend-mode: screen; }
  [data-tk-flip] { transform: rotateY(180deg); transition-delay: 0s; }
  [data-tk-row].flipped [data-tk-flip] { transform: rotateY(0deg); }
  #gh-plans [data-tk-row].hov [data-tk-flip] { transform: rotateY(0deg); }
  [data-tk-hot] { cursor: pointer; }
  [data-tk-row] { cursor: pointer; }
  [data-tk-row]:hover { z-index: 5; }
  @keyframes tkInRight { from { opacity: 0; transform: translate3d(16%, 34px, 0) rotate(1.4deg); } to { opacity: 1; transform: none; } }
  @keyframes tkInLeft { from { opacity: 0; transform: translate3d(-16%, 34px, 0) rotate(-1.4deg); } to { opacity: 1; transform: none; } }
  @keyframes tkPop { 0% { opacity: 0; transform: scale(.3); } 60% { opacity: 1; transform: scale(1.18); } 100% { opacity: 1; transform: scale(1); } }
  @keyframes tkLine { from { opacity: 0; transform: translateX(22px); } to { opacity: 1; transform: none; } }
  @keyframes tkDraw { from { stroke-dashoffset: 26; } to { stroke-dashoffset: 0; } }
  @keyframes tkHeadUp { from { opacity: 0; transform: translateY(34px); } to { opacity: 1; transform: none; } }
  @keyframes tkType { from { clip-path: inset(0 0 0 100%); } to { clip-path: inset(0 0 0 0); } }
  @keyframes tkSweep { from { transform: translateX(-140%); } to { transform: translateX(140%); } }
  #gh-plans [data-plan-head], #gh-plans [data-plan-sub] { opacity: 0; }
  #gh-plans [data-plan-type] { clip-path: inset(0 0 0 100%); }
  #gh-plans.hd-in [data-plan-head] { animation: tkHeadUp .75s cubic-bezier(.2,.85,.2,1) forwards; }
  #gh-plans.hd-in [data-plan-type] { animation: tkType 1.2s steps(24, end) .45s forwards; }
  #gh-plans [data-plan-type] { background-image: linear-gradient(-40deg,transparent 0%,transparent 30%,#2fa6ad 42%,#7fe3e6 50%,#2fa6ad 58%,transparent 70%,transparent 100%), linear-gradient(#e9dcbb,#e9dcbb); background-size: 620px 100%,100% 100%; background-repeat: no-repeat,no-repeat; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
  #gh-plans [data-plan-type] .plan-accent { background-image: linear-gradient(-40deg,transparent 0%,transparent 30%,#7fdcd6 42%,#eafcff 50%,#7fdcd6 58%,transparent 70%,transparent 100%), linear-gradient(#c9b98d,#c9b98d); background-size: 520px 100%,100% 100%; background-repeat: no-repeat,no-repeat; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
  #gh-plans.hd-in [data-plan-type] { animation: tkType 1.2s steps(24, end) .45s forwards, ghSweepSlow 9s linear 1.6s infinite; }
  #gh-plans.hd-in [data-plan-type] .plan-accent { animation: ghSweepSlow 9s linear 1.6s infinite; }
  #gh-plans.hd-in [data-plan-sub] { animation: tkHeadUp .7s cubic-bezier(.2,.85,.2,1) 1.7s forwards; }
  /* blue light sweep across the plan titles, prices and labels */
  #gh-plans [data-tk-plabel], #gh-plans [data-tk-name] > span,
  #gh-plans [data-face="back"] [data-tk-bigprice],
  #gh-plans [data-face="front"] [data-tk-price] > div > span:first-child,
  #gh-plans [data-face="back"] > div > p {
    background-image: linear-gradient(-40deg,transparent 0%,transparent 30%,#2fa6ad 42%,#7fe3e6 50%,#2fa6ad 58%,transparent 70%,transparent 100%), linear-gradient(#e9dcbb,#e9dcbb);
    background-size: 520px 100%,100% 100%; background-repeat: no-repeat,no-repeat;
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    background-size: 620px 100%,100% 100%; animation: ghSweepSlow 9s linear infinite; }
  @keyframes ghPlanPop { 0% { transform: rotate(-90deg) scale(.6); opacity: 0; } 45% { transform: rotate(-90deg) scale(1.28); opacity: 1; } 70% { transform: rotate(-90deg) scale(.94); } 100% { transform: rotate(-90deg) scale(1); opacity: 1; } }
  #gh-plans [data-tk-plabel] { opacity: 0; }
  #gh-plans [data-tk-row].row-in [data-tk-plabel] { animation: ghPlanPop 1.05s cubic-bezier(.22,.9,.2,1) .1s forwards, ghSweepSlow 9s linear 1.2s infinite; }
  #gh-plans [data-tk-row].hov [data-tk-plabel] { opacity: 1; }
  @keyframes tkNum { 0% { opacity: 0; transform: scale(.72); } 42% { opacity: 1; transform: scale(1.34); } 70% { transform: scale(.96); } 100% { opacity: 1; transform: scale(1); } }
  /* the tickets are driven by scroll position (see rowScroll in the logic); the ticks run per ticket */
  #gh-plans [data-tk-feat] > div { opacity: 0; }
  #gh-plans [data-tk-check] { opacity: 0; }
  #gh-plans [data-tk-check] path { stroke-dasharray: 26; stroke-dashoffset: 26; }
  #gh-plans [data-face="front"] [data-tk-price] > div > span:first-child { display: inline-block; opacity: 0; }
  #gh-plans [data-tk-row].row-in [data-face="front"] [data-tk-price] > div > span:first-child { animation: tkNum .9s cubic-bezier(.22,.9,.2,1) .12s forwards, ghSweepSlow 9s linear 1.1s infinite; }
  #gh-plans [data-face="front"] [data-tk-name] { opacity: 0; }
  #gh-plans [data-tk-row].row-in [data-face="front"] [data-tk-name] { animation: tkNum 1s cubic-bezier(.22,.9,.2,1) .05s forwards; } #gh-plans [data-tk-name] > span { animation: ghSweepSlow 9s linear 1.1s infinite; }
  #gh-plans [data-tk-row].row-in [data-tk-feat] > div { animation: tkLine .6s cubic-bezier(.2,.85,.2,1) forwards; animation-delay: var(--d, 0s); }
  #gh-plans [data-tk-row].row-in [data-tk-check] { animation: tkPop .5s cubic-bezier(.2,.9,.2,1) forwards; animation-delay: var(--d, 0s); }
  #gh-plans [data-tk-row].row-in [data-tk-check] path { animation: tkDraw .45s ease-out forwards; animation-delay: calc(var(--d, 0s) + .18s); }
  #gh-plans [data-face="back"] [data-tk-btn] ~ div, #gh-plans [data-face="back"] > div > div > span:first-child { }
  #gh-plans [data-face="back"] [data-tk-bigprice] { display: inline-block; opacity: 0; }
  #gh-plans [data-tk-row].row-in [data-face="back"] [data-tk-bigprice] { animation: tkNum 1.1s cubic-bezier(.22,.9,.2,1) .15s forwards, ghSweepSlow 9s linear 1.25s infinite; }
  #gh-plans [data-tk-row].hov [data-face="front"] [data-tk-price] > div > span:first-child { animation: tkNum .9s cubic-bezier(.22,.9,.2,1) .12s forwards, ghSweepSlow 9s linear 1.1s infinite; }
  #gh-plans [data-tk-row].hov [data-face="front"] [data-tk-name] { animation: tkNum 1s cubic-bezier(.22,.9,.2,1) .05s forwards; } #gh-plans [data-tk-name] > span { animation: ghSweepSlow 9s linear 1.1s infinite; }
  #gh-plans [data-tk-row].flipped [data-tk-feat] > div { animation: tkLine .6s cubic-bezier(.2,.85,.2,1) forwards; animation-delay: var(--d, 0s); }
  #gh-plans [data-tk-row].flipped [data-tk-check] { animation: tkPop .5s cubic-bezier(.2,.9,.2,1) forwards; animation-delay: var(--d, 0s); }
  #gh-plans [data-tk-row].flipped [data-tk-check] path { animation: tkDraw .45s ease-out forwards; animation-delay: calc(var(--d, 0s) + .18s); }
  #gh-plans [data-tk-row].hov [data-tk-feat] > div { animation: tkLine .7s cubic-bezier(.2,.85,.2,1) forwards; animation-delay: calc(var(--d, 0s) * 2 + 1.7s); }
  #gh-plans [data-tk-row].hov [data-tk-check] { animation: tkPop .55s cubic-bezier(.2,.9,.2,1) forwards; animation-delay: calc(var(--d, 0s) * 2 + 1.7s); }
  #gh-plans [data-tk-row].hov [data-tk-check] path { animation: tkDraw .5s ease-out forwards; animation-delay: calc(var(--d, 0s) * 2 + 1.88s); }
  #gh-plans [data-tk-feat] > div:nth-child(1) { --d: 0.00s; }
  #gh-plans [data-tk-feat] > div:nth-child(2) { --d: 0.16s; }
  #gh-plans [data-tk-feat] > div:nth-child(3) { --d: 0.32s; }
  #gh-plans [data-tk-feat] > div:nth-child(4) { --d: 0.48s; }
  #gh-plans [data-tk-feat] > div:nth-child(5) { --d: 0.64s; }
  @media (prefers-reduced-motion: reduce) { #gh-plans [data-tk-feat] > div, #gh-plans [data-tk-check], #gh-plans [data-tk-price] > div > span:first-child { opacity: 1 !important; animation: none !important; } #gh-plans [data-tk-check] path { stroke-dasharray: none !important; animation: none !important; } [data-tk-row]:hover [data-tk-flip] { transform: none !important; } }
  [data-tk-btn]:hover { transform: translateY(-2px); }
  [data-tk-btn] { transition: transform .3s cubic-bezier(.2,.85,.2,1), filter .3s ease; }
  [data-tk-btn]::after { content: ""; position: absolute; top: 0; inset-inline-end: 0; width: 0%; height: 100%; transition: all .4s ease-in-out; z-index: 0; }
  [data-tk-btn][data-wipe="light"]::after { background: #e9dcbb; }
  [data-tk-btn][data-wipe="dark"]::after { background: #1d6d72; }
  [data-tk-btn]:hover::after { inset-inline-end: auto; inset-inline-start: 0; width: 100%; }
  [data-tk-btn] > span { position: relative; z-index: 2; transition: color .3s ease-in-out; }
  [data-tk-btn][data-wipe="light"]:hover > span { color: #1d6d72; animation: tkBtnScale .3s ease-in-out; }
  [data-tk-btn][data-wipe="dark"]:hover > span { color: #e9dcbb; animation: tkBtnScale .3s ease-in-out; }
  @keyframes tkBtnScale { 0%,100% { transform: scale(1); } 50% { transform: scale(.95); } }
  @media (max-width: 1040px) {
    [data-tk] { -webkit-mask-image: none !important; mask-image: none !important; grid-template-columns: 1fr !important; height: auto !important; padding: 26px !important; gap: 20px !important; row-gap: 20px !important; }
    [data-tk-name] { writing-mode: horizontal-tb !important; transform: none !important; text-align: start !important; height: auto !important; place-items: center start !important; justify-items: start !important; }
    [data-tk-name] > span, [data-tk-note] > span { transform: none !important; white-space: normal !important; }
    [data-tk-note] { display: none !important; }
    [data-tk-dash] { display: none !important; }
    [data-tk-price] { align-items: flex-start !important; }
    [data-tk-row] { height: auto !important; perspective: none !important; }
    [data-tk-flip] { transform: none !important; height: auto !important; }
    [data-face="back"] { display: none !important; }
    [data-tk][data-face="front"] { position: relative !important; inset: auto !important; }
  }
  @media (max-width: 980px) {
    [data-wallet] { height: auto !important; margin-top: 56px !important; display: flex !important; flex-direction: column; gap: 22px; cursor: default !important; }
    [data-plan] { position: static !important; left: auto !important; bottom: auto !important; width: 100% !important; height: auto !important; transform: none !important; }
    [data-pocket], [data-wallet] > div:first-of-type, [data-wallet] > span:last-of-type { display: none !important; }
  }

  [data-gc-arrow]:hover { background: #1d6d72 !important; border-color: #1d6d72 !important; color: #e9dcbb !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 12px 30px rgba(29,109,114,.45) !important; }
  [data-gc-arrow]:active { transform: scale(.96); }
  [data-gc-arrow]:focus-visible { outline: 2px solid #3ba7ad; outline-offset: 2px; }

  /* ---------- FOOTER ---------- */
  #gh-foot { position: relative; display: block; margin: 0 12px 14px; border-radius: 20px; padding: 0;
    background: rgba(18,30,33,.5); backdrop-filter: blur(12px) saturate(1.3); -webkit-backdrop-filter: blur(12px) saturate(1.3);
    border: 1px solid rgba(241,246,246,.12); box-shadow: inset 0 1px 0 rgba(255,255,255,.07); overflow: hidden;
    color: #e9dcbb; font-family: 'Estedad','Vazirmatn',system-ui,sans-serif; font-size: 13px; }
  #gh-foot a, #gh-foot button, #gh-foot h2, #gh-foot span { font-family: 'Estedad','Vazirmatn',system-ui,sans-serif; }
  #gh-foot .fhead { letter-spacing: -.02em; }
  #gh-foot a { color: #9fb3b6; text-decoration: none; transition: color .22s ease, gap .22s ease; }
  #gh-foot a:hover { color: #e9dcbb; }
  #gh-foot .fcta { position: relative; display: flex; flex-direction: column; align-items: center; gap: 30px; padding: 96px 4.5vw 36px; text-align: center; }
  #gh-foot .fhead { margin: 0; max-width: 21ch; font-size: clamp(30px,4.1vw,62px); font-weight: 900; line-height: 1.32; color: #e9dcbb; text-wrap: balance; }
  #gh-foot .fbtns { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
  #gh-foot .fb { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: 236px; height: 52px; border-radius: 12px; font-family: inherit; font-size: 16px; font-weight: 900; text-decoration: none;
    background: #1d6d72; color: #e9dcbb; border: 1px solid rgba(126,240,255,.45);
    box-shadow: 0 16px 36px rgba(0,0,0,.42), 0 10px 26px rgba(29,109,114,.4), inset 0 1px 0 rgba(255,255,255,.18);
    transition: transform .3s cubic-bezier(.2,.85,.2,1); cursor: pointer; }
  #gh-foot .fb:hover { transform: translateY(-2px); }
  #gh-foot .fb::after { content: ""; position: absolute; top: 0; inset-inline-end: 0; width: 0%; height: 100%; transition: all .4s ease-in-out; z-index: 0; }
  #gh-foot .fb:hover::after { inset-inline-end: auto; inset-inline-start: 0; width: 100%; }
  #gh-foot .fb > span { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 10px; transition: color .3s ease-in-out; }
  #gh-foot .fb:hover > span { animation: tkBtnScale .3s ease-in-out; }
  #gh-foot .frule { position: relative; display: flex; justify-content: center; padding: 0 4.5vw; }
  #gh-foot .frule i { display: block; width: min(560px,100%); height: 1px; background: linear-gradient(90deg, rgba(127,227,230,0), rgba(127,227,230,.3), rgba(127,227,230,0)); }
  #gh-foot .fnav { position: relative; display: flex; flex: 1 1 auto; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px 26px; padding: 0; font-size: 14.5px; }
  #gh-foot .fnav a { color: #e9dcbb; }
  #gh-foot .fnav .ghnl { display: block; overflow: hidden; line-height: 1.5; height: 1.5em; }
  #gh-foot .fnav .ghnl i { display: block; font-style: normal; transition: transform .42s cubic-bezier(.2,.85,.2,1); }
  #gh-foot .fnav a:hover .ghnl i { transform: translateY(-100%); }
  #gh-foot .fnav a { transition: transform .3s cubic-bezier(.2,.8,.2,1), color .25s ease; }
  #gh-foot .fnav a:hover { transform: translateY(-4px); color: #7fe3e6; }
  #gh-foot .fnav a { display: inline-flex; align-items: center; }
  #gh-foot .fbar { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 26px; padding: 30px 4.5vw; }
  #gh-foot .brand-logo { height: 74px!important; }
  #gh-foot .brand-logo { height: 58px; width: auto; display: block; object-fit: contain; object-position: right center; }
  #gh-foot .fsocs { display: flex; gap: 14px; }
  #gh-foot .fsoc { position: relative; display: grid; place-items: center; width: 44px; height: 44px; border: 0; background: none; color: #9fd9dc; transition: transform .3s cubic-bezier(.2,.85,.2,1), color .25s ease; }
  #gh-foot .fsoc svg { width: 30px; height: 30px; }
  #gh-foot .fsoc:hover { transform: translateY(-6px) scale(1.18); color: #e9dcbb; }
  #gh-foot .fsoc .sIcon, #gh-foot .fsoc .sLabel { position: absolute; left: 0; right: 0; display: grid; place-items: center; transition: transform .42s cubic-bezier(.22,.8,.24,1), opacity .3s ease; }
  #gh-foot .fsoc .sIcon { top: 0; bottom: 0; }
  #gh-foot .fsoc .sLabel { top: 7px; font: 800 10.5px/1 'Estedad', Vazirmatn, Arial, sans-serif; letter-spacing: .05em; color: #e9dcbb; transform: translateY(11px) scale(.7); opacity: 0; }
  #gh-foot .fsoc:hover .sIcon { transform: translateY(7px) scale(.14); opacity: .55; }
  #gh-foot .fsoc:hover .sLabel { transform: translateY(0) scale(1); opacity: 1; }
  #gh-foot .fcopy { font-size: 12.5px; color: #5c7376; white-space: nowrap; margin-inline-end: 92px; }
  #gh-foot .fcontact { position: relative; display: flex; flex: 1 1 auto; flex-direction: column; align-items: center; gap: 14px; font-size: 16.5px; line-height: 1.7; color: #e9dcbb; }
  #gh-foot .fcontact .fc-row { display: flex; align-items: center; gap: 10px; }
  #gh-foot .fcontact .fc-row > span, #gh-foot .fcontact a.fc-v { white-space: nowrap; }
  #gh-foot .fcontact svg { flex: 0 0 auto; width: 26px; height: 26px; fill: none; stroke: #7fe3e6; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
  #gh-foot .fcontact .fc-v { color: #e9dcbb; }
  #gh-foot .fcontact .fc-v { color: #e9dcbb; }
  #gh-foot .fcontact .fc-row:first-child .fc-v {
    background-image:linear-gradient(-40deg,transparent 0%,transparent 30%,#2fa6ad 42%,#7fe3e6 50%,#2fa6ad 58%,transparent 70%,transparent 100%),linear-gradient(#e9dcbb,#e9dcbb);
    background-size:1100px 100%,100% 100%;background-repeat:no-repeat,no-repeat;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    animation:ghShine 7.5s linear infinite; }
  @media (prefers-reduced-motion:reduce){#gh-foot .fcontact .fc-row:first-child .fc-v{animation:none}}
  #gh-foot .fcontact a.fc-v { transition: color .25s ease; }
  #gh-foot .fcontact a.fc-v { background-image: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: #e9dcbb !important; animation: none !important; }
  #gh-foot .fcontact a.fc-v:hover { -webkit-text-fill-color: #7fe3e6 !important; }
  #gh-foot .fcontact a.fc-v:hover { color: #7fe3e6; }
  #gh-foot .fcontact .fc-line { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 34px; }
  @media (max-width: 1100px) { #gh-foot .fcontact { font-size: 15px; } #gh-foot .fcontact .fc-row > span { white-space: normal; } }
  #gh-foot .fsoc:focus-visible, #gh-foot .fb:focus-visible, #gh-foot a:focus-visible { outline: 2px solid #22c8e0; outline-offset: 3px; }
  @media (max-width: 760px) { #gh-foot .fbar { flex-direction: column; gap: 16px; } #gh-foot .brand-logo { height: 48px; } }
  @keyframes ghIconFloat{0%,100%{transform:translateY(-7px)}50%{transform:translateY(7px)}}
  .gh-ring:nth-of-type(2) img{animation-delay:.5s}
  .gh-ring:nth-of-type(3) img{animation-delay:1s}
  .gh-ring:nth-of-type(4) img{animation-delay:1.5s}
  @media (prefers-reduced-motion: reduce){ [style*="ghIconFloat"]{animation:none !important} }

  /* ---------- STATS RINGS + FAQ ---------- */
  @keyframes gh-ringspin { to { transform: rotate(360deg); } }
  [data-gc-reveal] { opacity: 0; transform: translateY(40px); transition: opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1); }
  [data-gc-reveal].in { opacity: 1 !important; transform: none !important; }
  #gh-stats-wrap .gh-sgrid { overflow: visible; }
  @media (max-width: 980px) { #gh-stats-wrap .gh-sgrid { gap: 18px !important; } }
  #gh-faq { position: relative; width: 100%; display: grid; align-content: center; justify-items: center; padding: clamp(40px,5vh,76px) 6% clamp(48px,5.5vh,84px); background: transparent; isolation: isolate; overflow: hidden; }
  #gh-faq::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 96px; pointer-events: none; z-index: 0; background: linear-gradient(180deg,#071012 0%,rgba(7,16,18,.8) 30%,rgba(7,16,18,.35) 65%,rgba(7,16,18,0) 100%); }
  #gh-faq .gwrap { width: min(1240px,100%); display: grid; grid-template-columns: 1.16fr 1.04fr; grid-template-rows: auto 1fr; column-gap: 7%; align-items: stretch; position: relative; z-index: 1; }
  @media (max-width: 900px) { #gh-faq .gwrap { grid-template-columns: 1fr !important; grid-template-rows: auto auto auto !important; row-gap: 28px !important; } #gh-faq .gwrap > div:first-child, #gh-faq .qwrap, #gh-faq .fwrap { grid-column: 1 !important; } #gh-faq .gwrap > div:first-child { grid-row: 1 !important; } #gh-faq .qwrap { grid-row: 2 !important; } #gh-faq .fwrap { grid-row: 3 !important; } }
  #gh-faq .gwrap > div:first-child { grid-column: 1 / -1; grid-row: 1; padding-top: clamp(48px,7vh,110px); }
  #gh-faq .qwrap { grid-column: 1; grid-row: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; height: 190px !important; align-self: start; margin-top: 46px; }
  #gh-faq [data-fpanel] { min-height: 190px; }
  #gh-faq .qmt .qrow { height: 88px !important; min-height: 88px; }
  #gh-faq .qmc { position: relative; height: 100%; overflow: hidden; -webkit-mask-image: linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 8%,#000 92%,rgba(0,0,0,0) 100%); mask-image: linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 8%,#000 92%,rgba(0,0,0,0) 100%); }
  
  #gh-faq .qmt { display: flex; flex-direction: column; width: 100%; animation: ghQmUp 34s linear infinite; will-change: transform; }
  #gh-faq .qmc:nth-child(2) .qmt { animation: ghQmDown 40s linear infinite; }
  #gh-faq .qmc:hover .qmt { animation-play-state: paused; }
  #gh-faq .qmt .qrow { margin-bottom: 14px; padding: 18px 20px 18px 16px; border-radius: 16px; border-color: rgba(127,227,230,.3); background-color: rgba(10,22,25,.62); background-image: none; box-shadow: none; backdrop-filter: blur(6px); }
  #gh-faq .qmt .qrow:hover { background-color: rgba(34,200,224,.09); box-shadow: none; }
  #gh-faq .qmt .qrow { flex-direction: column; align-items: flex-start; gap: 9px; position: relative; opacity: .5; transition: opacity .32s ease, transform .32s cubic-bezier(.2,.85,.2,1), border-color .32s ease, background-color .32s ease; }
  #gh-faq .qmt .qrow::after { content: ""; position: absolute; inset: -1.5px; border-radius: 17px; padding: 1.5px; pointer-events: none; opacity: 0; background: conic-gradient(from var(--ghspin,0deg), rgba(94,234,212,0) 0deg, rgba(94,234,212,0) 200deg, rgba(94,234,212,.8) 268deg, #8ff4e8 302deg, rgba(94,234,212,.8) 338deg, rgba(94,234,212,0) 360deg); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; transition: opacity .32s ease; animation: ghspin 6s linear infinite; }
  #gh-faq .qmt .qrow.on { opacity: 1; transform: scale(1.03); border-color: rgba(127,227,230,.55); background-color: rgba(34,200,224,.08); }
  #gh-faq .qmt .qrow.on::after { opacity: 1; }
  #gh-faq .qmt .qrow:hover { opacity: 1; }
  #gh-faq .qmt .qt { flex: none; font-size: 14.5px; font-weight: 700; line-height: 1.8; }
  #gh-faq .qcat { font-size: 11.5px; letter-spacing: .06em; color: #3ba7ad; }
  #gh-faq .fwrap { grid-column: 2; grid-row: 2; display: flex; flex-direction: column; gap: 14px; align-self: start; }
  #gh-faq .fpanel { position: relative; display: flex; flex-direction: column; gap: 16px; padding: 32px; border: 1px solid rgba(127,227,230,.26); border-radius: 22px; background-color: rgba(14,26,29,.6); background-image: linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015) 46%,rgba(255,255,255,0)); box-shadow: 0 18px 54px rgba(0,0,0,.38); }
  #gh-faq .fpanel.fin { animation: ghFadeUp .42s cubic-bezier(.2,.85,.2,1) both; }
  @keyframes ghFadeUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
  #gh-faq .fpanel::before { content: ''; position: absolute; inset: -1.5px; border-radius: 24px; padding: 1.5px; pointer-events: none; background: conic-gradient(from var(--ghspin,0deg), rgba(94,234,212,0) 0deg, rgba(94,234,212,0) 190deg, rgba(94,234,212,.85) 262deg, #8ff4e8 300deg, rgba(94,234,212,.85) 336deg, rgba(94,234,212,0) 360deg); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; animation: ghspin 14s linear infinite; }
  #gh-faq .fpanel > * { position: relative; z-index: 2; }
  #gh-faq .fcat { align-self: flex-start; padding: 6px 13px; border-radius: 999px; background: rgba(34,200,224,.14); font-size: 11.5px; color: #7fe3e6; }
  #gh-faq .fq { margin: 0; font-size: 21px; font-weight: 800; line-height: 1.7; color: #e9dcbb; white-space: nowrap; }
  #gh-faq .fa { margin: 0; font-size: 14.5px; line-height: 2.3; color: #9fb3b6; }
  #gh-faq .fhint { font-size: 12.5px; color: #5c7376; }
  #gh-faq.ghr .fwrap { opacity: 0; transform: translateX(-46px); transition: opacity .95s cubic-bezier(.2,.8,.2,1), transform .95s cubic-bezier(.2,.8,.2,1); }
  #gh-faq.ghr-in .fwrap { opacity: 1 !important; transform: none !important; }
  @keyframes ghQmUp { from { transform: translateY(0); } to { transform: translateY(-50%); } }
  @keyframes ghQmDown { from { transform: translateY(-50%); } to { transform: translateY(0); } }
  @media (max-width: 1100px) { #gh-faq .qwrap { grid-template-columns: 1fr; height: auto; } #gh-faq .qmc { overflow: visible; } #gh-faq .qmc::before, #gh-faq .qmc::after { display: none; } #gh-faq .qmt { animation: none !important; } #gh-faq .qmt > .qrow:nth-child(n+3) { display: none; } }
  @media (prefers-reduced-motion: reduce) { #gh-faq .qmt { animation: none !important; } }
  #gh-faq .chat { grid-column: 2; grid-row: 2; }
  #gh-faq .qrow.qdemo, #gh-faq .qrow.on { background-color: rgba(34,200,224,.10); border-color: rgba(94,234,212,.42); box-shadow: 0 18px 44px rgba(0,0,0,.4); }
  #gh-faq .qrow.qdemo::before { transform: scaleY(1); }
  #gh-faq .qrow { position: relative; display: flex; align-items: center; gap: 16px; width: 100%; padding: 20px; padding-inline-start: 24px; border: 1px solid rgba(34,200,224,.18); border-radius: 18px; cursor: pointer; font-family: inherit; text-align: start; background-color: rgba(14,26,29,.6); background-image: linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015) 46%,rgba(255,255,255,0)); box-shadow: 0 12px 34px rgba(0,0,0,.3); transition: transform .28s cubic-bezier(.2,.8,.2,1), background .28s ease, border-color .28s ease, box-shadow .28s ease; will-change: transform; }
  #gh-faq .qrow::before { content: ''; display: none; position: absolute; right: 0; top: 11px; bottom: 11px; width: 3px; border-radius: 3px; background: #22c8e0; transform: scaleY(0); transition: transform .3s cubic-bezier(.3,1.2,.4,1); }
  #gh-faq .qrow:hover::before, #gh-faq .qrow.on::before { transform: scaleY(1); }
  #gh-faq .qrow:hover { transform: translateY(-3px) scale(1.02); background-color: rgba(47,208,196,.10); border-color: rgba(94,234,212,.34); box-shadow: 0 16px 40px rgba(0,0,0,.34); }
  #gh-faq .qrow:active { transform: translateY(-1px) scale(1.005); }
  @keyframes ghqn { 0%, 58% { transform: rotate(0deg) scale(1); } 74% { transform: rotate(180deg) scale(1.1); } 90%, 100% { transform: rotate(360deg) scale(1); } }
  #gh-faq .qn { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 auto; border-radius: 12px; background: #1d6d72; border: 1px solid rgba(94,234,212,.45); color: #e9dcbb; font-size: 14.5px; font-weight: 800; animation: ghqn 7.5s cubic-bezier(.5,0,.3,1) infinite; transition: background .28s ease; }
  #gh-faq .qrow:nth-child(2) .qn { animation-delay: .5s; }
  #gh-faq .qrow:nth-child(3) .qn { animation-delay: 1s; }
  #gh-faq .qrow:nth-child(4) .qn { animation-delay: 1.5s; }
  #gh-faq .qrow:nth-child(5) .qn { animation-delay: 2s; }
  #gh-faq .qrow:nth-child(6) .qn { animation-delay: 2.5s; }
  #gh-faq .qrow:hover .qn { background: #24858b; animation-duration: 2.4s; }
  #gh-faq .qrow.on .qn, #gh-faq .qrow.qdemo .qn { background: #24858b; animation-duration: 3.2s; }
  @media (prefers-reduced-motion: reduce) { #gh-faq .qn { animation: none !important; } }
  #gh-faq .qt { flex: 1; color: #e9dcbb; font-size: 16px; font-weight: 600; line-height: 1.6; transition: color .25s; }
  #gh-faq .qrow:hover .qt, #gh-faq .qrow.on .qt { color: #e9dcbb; }
  #gh-faq .qar { flex: 0 0 auto; color: #22c8e0; font-size: 17px; opacity: 0; transform: translateX(10px); transition: opacity .28s ease, transform .28s ease; }
  #gh-faq .qrow:hover .qar, #gh-faq .qrow.on .qar { opacity: 1; transform: translateX(0); }
  #gh-faq .chat { position: relative; display: flex; flex-direction: column; height: 100%; min-height: 0; border: 1px solid rgba(34,200,224,.18); border-radius: 24px; overflow: visible; background-color: rgba(14,26,29,.6); background-image: linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015) 46%,rgba(255,255,255,0)); box-shadow: 0 18px 54px rgba(0,0,0,.38); }
  #gh-faq .chat > * { position: relative; z-index: 2; }
  @property --ghspin { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
  @keyframes ghspin { to { --ghspin: 360deg; } }
  #gh-faq .chat::before { content: ""; position: absolute; inset: -1.5px; border-radius: 30px; padding: 1.5px; z-index: 1; pointer-events: none; background: conic-gradient(from var(--ghspin,0deg), rgba(94,234,212,0) 0deg, rgba(94,234,212,0) 200deg, rgba(94,234,212,.85) 268deg, #8ff4e8 300deg, rgba(94,234,212,.85) 332deg, rgba(94,234,212,0) 360deg); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; }
  .gh-ring [data-ring-type] { clip-path: inset(0 0 0 100%); }
  .gh-ring.in [data-ring-type] { animation: tkType .9s steps(18, end) .25s forwards; }
  .gh-ring.in [data-ring-sweep] { animation: tkSweep 1.4s cubic-bezier(.4,0,.2,1) 1.15s 1; }
  @media (prefers-reduced-motion: reduce) { .gh-ring [data-ring-type] { clip-path: none !important; animation: none !important; } .gh-ring [data-ring-sweep] { display: none !important; } }
  .gh-ring-spin::before { content: ""; position: absolute; inset: 4px; border-radius: 38px; padding: 2.4px; z-index: 3; pointer-events: none; filter: drop-shadow(0 0 10px rgba(126,240,255,.7)); background: conic-gradient(from var(--ghspin,0deg), rgba(94,234,212,0) 0deg, rgba(94,234,212,.12) 170deg, rgba(126,240,255,.75) 240deg, #ccfffb 300deg, rgba(126,240,255,.75) 348deg, rgba(94,234,212,.1) 356deg, rgba(94,234,212,0) 360deg); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; animation: ghspin 6s linear infinite; }
  .gh-ring-spin:nth-child(2)::before { animation-duration: 7.5s; animation-direction: reverse; }
  .gh-ring-spin:nth-child(3)::before { animation-duration: 9s; animation-delay: -3s; }
  .gh-ring-spin:nth-child(4)::before { animation-duration: 10.5s; animation-direction: reverse; animation-delay: -5s; }
  #gh-faq .chead { display: flex; align-items: center; gap: 12px; padding: 18px 22px; border-bottom: 1px solid rgba(34,200,224,.14); }
  #gh-faq .cav { position: relative; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; overflow: hidden; background: #1d6d72; border: 1px solid rgba(94,234,212,.45); box-shadow: 0 10px 26px rgba(29,109,114,.45); animation: ghpulse 3.2s ease-in-out infinite; transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease; }
  #gh-faq .chat:hover .cav { transform: scale(1.08); box-shadow: 0 14px 34px rgba(45,212,191,.5); }
  @keyframes ghpulse { 0%,100% { box-shadow: 0 10px 26px rgba(29,109,114,.42); } 50% { box-shadow: 0 12px 32px rgba(45,212,191,.55); } }
  #gh-faq .cbody { flex: 1 1 0; min-height: 0; position: relative; isolation: isolate; display: flex; flex-direction: column; gap: 16px; padding: 24px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; -ms-overflow-style: none; }
  #gh-faq .cbody::-webkit-scrollbar { width: 0; height: 0; display: none; }
  #gh-faq .chat { max-height: 100%; }
  #gh-faq .bub { max-width: 84%; padding: 12px 16px; border-radius: 18px; font-size: 14.5px; line-height: 1.95; animation: ghbub .32s ease both; }
  #gh-faq .me { align-self: flex-start; background: #22c8e0; color: #03252d; font-weight: 600; border-bottom-right-radius: 7px; }
  #gh-faq .bot { align-self: flex-end; background: rgba(255,255,255,.055); border: 1px solid rgba(34,200,224,.14); color: rgba(233,220,187,.82); border-bottom-left-radius: 7px; }
  @keyframes ghbub { from { opacity: 0; transform: translateY(10px); } }
  #gh-faq .tp { display: flex; gap: 5px; align-items: center; padding: 15px 18px; }
  #gh-faq .tp i { width: 7px; height: 7px; border-radius: 50%; background: #22c8e0; opacity: .5; animation: ghdot 1s infinite ease-in-out; }
  #gh-faq .tp i:nth-child(2) { animation-delay: .16s; }
  #gh-faq .tp i:nth-child(3) { animation-delay: .32s; }
  @keyframes ghdot { 0%,100% { transform: translateY(0); opacity: .45; } 50% { transform: translateY(-4px); opacity: 1; } }
  #gh-faq .cfoot { display: flex; gap: 12px; align-items: center; padding: 18px 20px; border-top: 1px solid rgba(34,200,224,.14); }
  #gh-faq .cfoot input { flex: 1; min-width: 0; padding: 12px 16px; border-radius: 999px; border: 1px solid rgba(34,200,224,.2); background: rgba(4,16,18,.6); color: #e9dcbb; font-family: inherit; font-size: 14px; outline: none; transition: border-color .2s; }
  #gh-faq .cfoot input:focus { border-color: #22c8e0; }
  #gh-faq .snd { display: grid; place-items: center; width: 44px; height: 44px; min-width: 44px; flex: 0 0 auto; padding: 0; border: 1px solid rgba(29,109,114,.75); border-radius: 14px; background: #1d6d72; color: #e9dcbb; cursor: pointer; font-size: 0; transition: transform .3s cubic-bezier(.3,1.5,.4,1); }
  #gh-faq .snd:hover { transform: rotate(-18deg) scale(1.08); }
  #gh-faq .snd svg { width: 20px; height: 20px; display: block; }
  #gh-faq .ghtyping { display: inline-flex; gap: 5px; align-items: center; padding: 2px 0; }
  #gh-faq .ghtyping i { width: 7px; height: 7px; border-radius: 50%; background: rgba(190,240,236,.75); display: block; animation: ghdot 1.1s ease-in-out infinite; }
  #gh-faq .ghtyping i:nth-child(2) { animation-delay: .16s; }
  #gh-faq .ghtyping i:nth-child(3) { animation-delay: .32s; }
  #gh-faq.ghr .chat { opacity: 0; transform: translateX(-46px); transition: opacity .95s cubic-bezier(.2,.8,.2,1), transform .95s cubic-bezier(.2,.8,.2,1); }
  #gh-faq.ghr .gwrap > div:first-child { opacity: 0; transform: translateX(46px); transition: opacity .95s cubic-bezier(.2,.8,.2,1), transform .95s cubic-bezier(.2,.8,.2,1); }
  #gh-faq.ghr .qrow { opacity: 0; transform: translateY(34px) scale(.96); }
  #gh-faq.ghr-in .chat, #gh-faq.ghr-in .gwrap > div:first-child { opacity: 1 !important; transform: none !important; }
  #gh-faq.ghr-in .qrow { opacity: 1 !important; transform: none !important; transition: opacity .62s ease, transform .62s cubic-bezier(.2,.8,.2,1), background .28s ease, border-color .28s ease, box-shadow .28s ease !important; }
  @media (prefers-reduced-motion: reduce) { [data-gc-reveal], #gh-faq.ghr .chat, #gh-faq.ghr .gwrap > div:first-child, #gh-faq.ghr .qrow { opacity: 1 !important; transform: none !important; } }

  /* ---------- responsive ---------- */
  @media (max-width: 980px) {
    #gh-top .gh-nav { display: none !important; }
    #gh-canvas > div[style*="grid-template-columns:0.82fr"] { grid-template-columns: 1fr !important; }
    #gh-canvas > div[style*="grid-template-columns:0.82fr"] > div:last-child { order: -1; }
    #gh-glass [data-copy] { grid-template-columns: 1fr !important; }
  }
  @media (max-width: 640px) {
    #gh-top .site-header { padding: 0 12px !important; }
    #gh-top .login { width: auto !important; padding: 0 16px; }
    #gh-hero-copy h1 { font-size: clamp(26px,7vw,40px) !important; }
    #gh-glass [data-gc-frame] { width: min(80vw,320px) !important; height: min(95vw,380px) !important; }
  }

  @keyframes gcShuffle{
    0%,28%{transform:translate(0,0) rotate(0deg) scale(1);z-index:3;filter:brightness(1) saturate(1)}
    33%,61%{transform:translate(34px,20px) rotate(5.5deg) scale(.955);z-index:2;filter:brightness(.62) saturate(.9) blur(1.6px)}
    66%,94%{transform:translate(-36px,-22px) rotate(-7deg) scale(.955);z-index:1;filter:brightness(.48) saturate(.85) blur(3px)}
    100%{transform:translate(0,0) rotate(0deg) scale(1);z-index:3;filter:brightness(1) saturate(1)}}
  #gh-glass [data-gc-slide]{animation:gcShuffle 13.5s cubic-bezier(.45,0,.2,1) infinite}
  #gh-glass [data-gc-slide="2"]{animation-delay:-4.5s}
  #gh-glass [data-gc-slide="3"]{animation-delay:-9s}
  @media (prefers-reduced-motion:reduce){#gh-glass [data-gc-slide]{animation:none}}
  #gh-glass .gh-fold-head .gh-fold{display:inline-block;perspective:700px;overflow:visible;padding-bottom:.16em;margin-bottom:-.16em}
  #gh-glass .gh-fold-head .gh-fold-accent > i{background-image:linear-gradient(-40deg,transparent 0%,transparent 30%,#eafcff 42%,#ffffff 50%,#eafcff 58%,transparent 70%,transparent 100%),linear-gradient(#ffffff,#ffffff)}
  #gh-glass [data-gc-type]{background-image:linear-gradient(-40deg,transparent 0%,transparent 40%,#1d6d72 50%,transparent 60%,transparent 100%),linear-gradient(#ffffff,#ffffff)}
  #gh-glass::after{content:'';position:absolute;bottom:0;left:0;right:0;height:clamp(160px,26vh,340px);z-index:7;pointer-events:none;background:linear-gradient(0deg,#071012 0%,rgba(7,16,18,.95) 22%,rgba(7,16,18,.74) 46%,rgba(7,16,18,.4) 70%,rgba(7,16,18,.13) 87%,rgba(7,16,18,0) 100%)}

  @keyframes gcBgFade{0%,26%{opacity:.25}32%,92%{opacity:0}100%{opacity:.25}}
  #gh-glass img[data-gc-bg]{animation:gcBgFade 13.5s linear infinite;filter:blur(9px) saturate(1.06);transform:scale(1.18);transform-origin:50% 45%}
  #gh-glass img[data-gc-bg="2"]{animation-delay:-9s}
  #gh-glass img[data-gc-bg="3"]{animation-delay:-4.5s}
  @media (prefers-reduced-motion:reduce){#gh-glass img[data-gc-bg]{animation:none}#gh-glass img[data-gc-bg="1"]{opacity:.34}}


  @keyframes fqBgFade{0%,26%{opacity:.2}32%,92%{opacity:0}100%{opacity:.2}}
  [data-fq-wrap] img[data-fq-bg]{animation:fqBgFade 13.5s linear infinite;filter:blur(9px) saturate(1.02);transform:scale(1.14);transform-origin:50% 45%}
  [data-fq-wrap] img[data-fq-bg="2"]{animation-delay:-9s}
  [data-fq-wrap] img[data-fq-bg="3"]{animation-delay:-4.5s}
  @media (prefers-reduced-motion:reduce){[data-fq-wrap] img[data-fq-bg]{animation:none}[data-fq-wrap] img[data-fq-bg="1"]{opacity:.16}}

  #gh-plans h2, #gh-foot .fhead{
    background-image:linear-gradient(-40deg,transparent 0%,transparent 30%,#2fa6ad 42%,#7fe3e6 50%,#2fa6ad 58%,transparent 70%,transparent 100%),linear-gradient(#e9dcbb,#e9dcbb);
    background-size:1100px 100%,100% 100%;background-repeat:no-repeat,no-repeat;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    animation:ghShine 7.5s linear infinite}
  @media (prefers-reduced-motion:reduce){#gh-plans h2, #gh-foot .fhead{animation:none}}

  #gh-top h1,
  #gh-top h2,
  #gh-top h3,
  #gh-top h4,
  #gh-top p,
  #gh-top .fhead,
  #gh-models h1,
  #gh-models h2,
  #gh-models h3,
  #gh-models h4,
  #gh-models p,
  #gh-models .fhead,
  #gh-canvas h1,
  #gh-canvas h2,
  #gh-canvas h3,
  #gh-canvas h4,
  #gh-canvas p,
  #gh-canvas .fhead,
  #gh-plans h1,
  #gh-plans h2,
  #gh-plans h3,
  #gh-plans h4,
  #gh-plans p,
  #gh-plans .fhead,
  #gh-faq h1,
  #gh-faq h2,
  #gh-faq h3,
  #gh-faq h4,
  #gh-faq p,
  #gh-faq .fhead,
  #gh-foot h1,
  #gh-foot h2,
  #gh-foot h3,
  #gh-foot h4,
  #gh-foot p,
  #gh-foot .fhead,
  .hero-video-full h1,
  .hero-video-full h2,
  .hero-video-full h3,
  .hero-video-full h4,
  .hero-video-full p,
  .hero-video-full .fhead{
    background-image:linear-gradient(-40deg,transparent 0%,transparent 30%,#2fa6ad 42%,#7fe3e6 50%,#2fa6ad 58%,transparent 70%,transparent 100%),linear-gradient(currentColor,currentColor);
    background-size:1100px 100%,100% 100%;background-repeat:no-repeat,no-repeat;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    animation:ghShine 7.5s linear infinite}
  @media (prefers-reduced-motion:reduce){#gh-top h1,
  #gh-top h2,
  #gh-top h3,
  #gh-top h4,
  #gh-top p,
  #gh-top .fhead,
  #gh-models h1,
  #gh-models h2,
  #gh-models h3,
  #gh-models h4,
  #gh-models p,
  #gh-models .fhead,
  #gh-canvas h1,
  #gh-canvas h2,
  #gh-canvas h3,
  #gh-canvas h4,
  #gh-canvas p,
  #gh-canvas .fhead,
  #gh-plans h1,
  #gh-plans h2,
  #gh-plans h3,
  #gh-plans h4,
  #gh-plans p,
  #gh-plans .fhead,
  #gh-faq h1,
  #gh-faq h2,
  #gh-faq h3,
  #gh-faq h4,
  #gh-faq p,
  #gh-faq .fhead,
  #gh-foot h1,
  #gh-foot h2,
  #gh-foot h3,
  #gh-foot h4,
  #gh-foot p,
  #gh-foot .fhead,
  .hero-video-full h1,
  .hero-video-full h2,
  .hero-video-full h3,
  .hero-video-full h4,
  .hero-video-full p,
  .hero-video-full .fhead{animation:none}}

  #gh-plans span:not(a span):not(button span),
  #gh-faq span:not(a span):not(button span),
  #gh-canvas span:not(a span):not(button span),
  #gh-models span:not(a span):not(button span),
  #gh-foot span:not(a span):not(button span):not(.ghnl):not(.ghnl *){
    background-image:linear-gradient(-40deg,transparent 0%,transparent 30%,#2fa6ad 42%,#7fe3e6 50%,#2fa6ad 58%,transparent 70%,transparent 100%),linear-gradient(currentColor,currentColor);
    background-size:1100px 100%,100% 100%;background-repeat:no-repeat,no-repeat;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    animation:ghShine 7.5s linear infinite}
  @media (prefers-reduced-motion:reduce){#gh-plans span:not(a span):not(button span),
  #gh-faq span:not(a span):not(button span),
  #gh-canvas span:not(a span):not(button span),
  #gh-models span:not(a span):not(button span),
  #gh-foot span:not(a span):not(button span):not(.ghnl):not(.ghnl *){animation:none}}

  #gh-faq .qrow .qt, #gh-faq .qrow .qcat, #gh-faq .fq, #gh-faq .qa,
  #gh-plans a[data-tk-btn] span, #gh-canvas a[data-tk-btn] span,
  #gh-foot .fb span, #gh-foot .ghnl i{
    background-image:linear-gradient(-40deg,transparent 0%,transparent 30%,#2fa6ad 42%,#7fe3e6 50%,#2fa6ad 58%,transparent 70%,transparent 100%),linear-gradient(currentColor,currentColor);
    background-size:1100px 100%,100% 100%;background-repeat:no-repeat,no-repeat;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    animation:ghShine 7.5s linear infinite}
  @media (prefers-reduced-motion:reduce){#gh-faq .qrow .qt, #gh-faq .qrow .qcat, #gh-faq .fq, #gh-faq .qa,
  #gh-plans a[data-tk-btn] span, #gh-canvas a[data-tk-btn] span,
  #gh-foot .fb span, #gh-foot .ghnl i{animation:none}
  /* gh-btn-type */
  [data-tk-btn] > span, #gh-canvas a[data-tk-btn] > span, #gh-foot .fb > span{
    background-image:none;background-clip:border-box;-webkit-background-clip:border-box;
    -webkit-text-fill-color:currentColor;animation:none;color:inherit;
    font-family:'Estedad','Vazirmatn',system-ui,sans-serif;font-weight:900;letter-spacing:0;line-height:1;
    display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}
  [data-tk-btn][data-wipe="light"]:hover > span{color:#1d6d72;-webkit-text-fill-color:#1d6d72}
  [data-tk-btn][data-wipe="dark"]:hover > span{color:#e9dcbb;-webkit-text-fill-color:#e9dcbb}}
  /* the sweep band is wider than these short rows, so it read as solid teal — keep them cream */
  #gh-faq .qrow .qt{background-image:none;-webkit-text-fill-color:#e9dcbb;color:#e9dcbb;animation:none}
  #gh-foot .fnav .ghnl i{background-image:none;-webkit-text-fill-color:currentColor;animation:none}
  #gh-faq .fcat{-webkit-text-fill-color:#7fe3e6;background-image:none;animation:none}
  /* gh-card-click */
  #gh-glass [data-gc-card]{pointer-events:auto!important;cursor:pointer!important}
  #gh-glass [data-gc-card] [data-gc-meta]{pointer-events:auto!important}
  #gh-glass [data-gc-card] a{pointer-events:auto!important;cursor:pointer!important}
  /* gh-nav-uniform */
  .gh-nav-link, .gh-nav-link.gh-nav-on{font-size:17px!important;font-weight:700!important;letter-spacing:0!important;padding:6px 2px!important;line-height:1.5!important}
  .gh-nav-link .ghnl, .gh-nav-link .ghnl i{font-size:inherit!important;font-weight:inherit!important;line-height:1.5!important}

  @keyframes ghFoldSoft{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  /* per-word: cream text with the standard teal sweep */
  #gh-glass .gh-fold-head{color:#e9dcbb;background-image:none;-webkit-text-fill-color:#e9dcbb;animation:none}
  #gh-glass .gh-fold-head .gh-fold{display:inline-block}
  #gh-glass .gh-fold-head .gh-fold > i{display:inline-block;
    background-image:linear-gradient(-40deg,transparent 0%,transparent 30%,#2fa6ad 42%,#7fe3e6 50%,#2fa6ad 58%,transparent 70%,transparent 100%),linear-gradient(#e9dcbb,#e9dcbb)!important;
    background-size:220px 100%,100% 100%;background-repeat:no-repeat,no-repeat;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent!important}
  #gh-glass.gc-in .gh-fold:nth-of-type(1) > i{animation-delay:0s,1.0s}
  #gh-glass.gc-in .gh-fold:nth-of-type(2) > i{animation-delay:.06s,1.15s}
  #gh-glass.gc-in .gh-fold:nth-of-type(3) > i{animation-delay:.12s,1.3s}
  #gh-glass.gc-in .gh-fold:nth-of-type(4) > i{animation-delay:.18s,1.45s}
  #gh-glass.gc-in .gh-fold:nth-of-type(5) > i{animation-delay:.24s,1.6s}
  #gh-glass.gc-in .gh-fold:nth-of-type(6) > i{animation-delay:.30s,1.75s}
  #gh-glass.gc-in .gh-fold:nth-of-type(7) > i{animation-delay:.36s,1.9s}
  #gh-glass [data-gc-type]{color:rgba(233,220,187,.86);
    background-image:linear-gradient(-40deg,transparent 0%,transparent 30%,#2fa6ad 42%,#7fe3e6 50%,#2fa6ad 58%,transparent 70%,transparent 100%),linear-gradient(currentColor,currentColor);
    background-size:1100px 100%,100% 100%;background-repeat:no-repeat,no-repeat;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    animation:ghShine 7.5s linear infinite}
  #gh-glass.gc-armed .gh-fold > i{opacity:0;transform:translateY(16px)}
  #gh-glass.gc-in .gh-fold > i{animation:ghFoldSoft .55s cubic-bezier(.2,.85,.2,1) forwards, ghShine 4.5s linear 1s infinite!important}
  @media (prefers-reduced-motion:reduce){#gh-glass.gc-armed .gh-fold > i{opacity:1!important;transform:none!important}}

  #gh-glass [data-gc-lead] h3, #gh-glass [data-gc-kick], #gh-glass [data-gc-caption] p,
  #gh-glass [data-hint] span, #gh-glass [data-gc-card] h3, #gh-glass [data-gc-card] p,
  #gh-glass [data-gc-card] a span, #gh-glass [data-gc-slide] h3, #gh-glass [data-gc-slide] p,
  #gh-glass [data-gc-slide] a span, #gh-glass [data-gc-card] [data-gc-meta] span{
    background-image:linear-gradient(-40deg,transparent 0%,transparent 30%,#2fa6ad 42%,#7fe3e6 50%,#2fa6ad 58%,transparent 70%,transparent 100%),linear-gradient(currentColor,currentColor);
    background-size:1100px 100%,100% 100%;background-repeat:no-repeat,no-repeat;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    animation:ghShine 7.5s linear infinite}
  @media (prefers-reduced-motion:reduce){#gh-glass [data-gc-lead] h3, #gh-glass [data-gc-kick], #gh-glass [data-gc-caption] p,
  #gh-glass [data-hint] span, #gh-glass [data-gc-card] h3, #gh-glass [data-gc-card] p,
  #gh-glass [data-gc-card] a span, #gh-glass [data-gc-slide] h3, #gh-glass [data-gc-slide] p,
  #gh-glass [data-gc-slide] a span, #gh-glass [data-gc-card] [data-gc-meta] span{animation:none}}
  #gh-glass [data-gc-kick]{animation:ghKickPulse 2.8s ease-in-out infinite!important;background-image:none!important;-webkit-text-fill-color:currentColor!important}
  #gh-glass [data-gc-kick-ic]{fill:#1d6d72;color:#1d6d72;filter:none;animation:none!important}
  /* card copy carries no sweep — plain text on the glass */
  #gh-glass [data-gc-card] h3, #gh-glass [data-gc-card] p, #gh-glass [data-gc-card] a span,
  #gh-glass [data-gc-slide] h3, #gh-glass [data-gc-slide] p, #gh-glass [data-gc-slide] a span,
  #gh-glass [data-gc-card] [data-gc-meta] span{
    background-image:none;-webkit-background-clip:border-box;background-clip:border-box;
    -webkit-text-fill-color:currentColor;animation:none}

  /* the canvas title paints its shine once, on the inner span only */
  #gh-canvas h2#gh-head{background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important}
  /* gh-btn-glass3d: one glass, 3D material for every button */
  #gh-root [data-tk-btn], #gh-root #gh-top [data-tk-btn], #gh-root #gh-foot [data-tk-btn], #gh-root #gh-plans [data-tk-btn], #gh-root #gh-canvas [data-tk-btn]{
    position:relative!important;overflow:hidden!important;isolation:isolate!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
    border-radius:14px!important;text-decoration:none!important;color:#e9dcbb!important;
    background-image:linear-gradient(180deg, rgba(255,255,255,.46) 0%, rgba(255,255,255,.16) 8%, rgba(255,255,255,.05) 34%, rgba(255,255,255,0) 52%, rgba(0,0,0,.16) 100%), radial-gradient(120% 70% at 50% -18%, rgba(255,255,255,.34), rgba(255,255,255,0) 62%), linear-gradient(155deg, rgba(126,240,255,.30), rgba(29,109,114,.70))!important;
    background-color:rgba(29,109,114,.42)!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    border:1px solid #1d6d72!important;
    box-shadow:0 26px 48px rgba(0,0,0,.52), 0 12px 22px rgba(29,109,114,.36), 0 2px 0 rgba(0,0,0,.5), inset 0 2px 0 rgba(255,255,255,.72), inset 0 -1px 0 rgba(255,255,255,.14), inset 0 -8px 16px rgba(0,0,0,.42), inset 2px 0 6px rgba(255,255,255,.10), inset -2px 0 6px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.08)!important;
    transform:translateZ(0)!important;
    transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, filter .3s ease, background-color .3s ease!important}
  #gh-root [data-tk-btn]>span, #gh-root #gh-top [data-tk-btn]>span, #gh-root #gh-foot [data-tk-btn]>span{
    font-family:'Estedad','Vazirmatn',system-ui,sans-serif!important;font-weight:900!important;line-height:1!important;letter-spacing:0!important;white-space:nowrap!important;
    color:#e9dcbb!important;-webkit-text-fill-color:#e9dcbb!important;background-image:none!important;
    text-shadow:0 1px 0 rgba(0,0,0,.35)!important}
  #gh-root [data-tk-btn]:hover, #gh-root #gh-top [data-tk-btn]:hover, #gh-root #gh-foot [data-tk-btn]:hover{
    transform:translateY(-2px) scale(1.015)!important;
    background-color:rgba(45,140,146,.5)!important;
    border-color:rgba(126,240,255,.62)!important;
    box-shadow:0 32px 60px rgba(0,0,0,.56), 0 16px 30px rgba(29,109,114,.46), 0 2px 0 rgba(0,0,0,.5), inset 0 2px 0 rgba(255,255,255,.86), inset 0 -8px 16px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.10)!important}
  #gh-root [data-tk-btn]:active, #gh-root #gh-top [data-tk-btn]:active, #gh-root #gh-foot [data-tk-btn]:active{
    transform:translateY(1px) scale(.995)!important;
    box-shadow:0 6px 14px rgba(0,0,0,.44), inset 0 4px 12px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.24), inset 0 -1px 0 rgba(255,255,255,.06)!important}
  /* glass-convex-final: option پ on every button */
  #gh-root [data-tk-btn], #gh-root #gh-top [data-tk-btn], #gh-root #gh-top a.gh-btn17[data-tk-btn], #gh-root #gh-foot [data-tk-btn], #gh-root #gh-plans [data-tk-btn], #gh-root #gh-canvas [data-tk-btn], #gh-root #gh-faq [data-tk-btn]{
    border-radius:18px!important;border:1px solid rgba(255,255,255,.30)!important;
    background-image:
      radial-gradient(120% 150% at 26% -22%,rgba(255,255,255,.85) 0%,rgba(255,255,255,.22) 22%,rgba(255,255,255,0) 44%),
      radial-gradient(100% 120% at 70% 130%,rgba(126,240,255,.5) 0%,rgba(126,240,255,0) 58%),
      linear-gradient(180deg,#3a9aa1 0%,#1d6d72 52%,#0e4145 100%)!important;
    background-color:transparent!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.6)!important;backdrop-filter:blur(16px) saturate(1.6)!important;
    color:#f4feff!important;text-shadow:0 1px 2px rgba(0,0,0,.4)!important;
    box-shadow:
      inset 0 3px 5px rgba(255,255,255,.55),
      inset 0 -6px 12px rgba(0,0,0,.55),
      inset 0 0 0 1px rgba(255,255,255,.14),
      0 4px 6px rgba(0,0,0,.3),
      0 30px 56px -22px rgba(0,0,0,.82),
      0 16px 40px -18px rgba(29,109,114,.8)!important}
  #gh-root [data-tk-btn]::after, #gh-root #gh-top a.gh-btn17[data-tk-btn]::after, #gh-root #gh-canvas [data-tk-btn]::after, #gh-root #gh-foot [data-tk-btn]::after{
    content:""!important;position:absolute!important;left:10px!important;right:10px!important;top:3px!important;bottom:auto!important;width:auto!important;height:44%!important;
    border-radius:14px 14px 60% 60%/14px 14px 28px 28px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.06) 72%,transparent)!important;
    mix-blend-mode:screen!important;pointer-events:none!important;opacity:1!important;transform:none!important;animation:none!important;z-index:1!important}
  #gh-root [data-tk-btn]>span, #gh-root #gh-top [data-tk-btn]>span, #gh-root #gh-foot [data-tk-btn]>span{position:relative!important;z-index:2!important;color:#f4feff!important;-webkit-text-fill-color:#f4feff!important}
  #gh-root [data-tk-btn]:hover, #gh-root #gh-top [data-tk-btn]:hover, #gh-root #gh-foot [data-tk-btn]:hover, #gh-root #gh-canvas [data-tk-btn]:hover{
    transform:translateY(-2px)!important;
    box-shadow:
      inset 0 3px 6px rgba(255,255,255,.68),
      inset 0 -6px 12px rgba(0,0,0,.5),
      0 4px 6px rgba(0,0,0,.3),
      0 36px 64px -22px rgba(0,0,0,.85),
      0 20px 46px -18px rgba(29,109,114,.9)!important}
  #gh-root [data-tk-btn]:hover>span, #gh-root #gh-top [data-tk-btn]:hover>span, #gh-root #gh-foot [data-tk-btn]:hover>span{color:#f4feff!important;-webkit-text-fill-color:#f4feff!important}
  /* no-gloss: remove top light/sheen from all buttons */
  #gh-root [data-tk-btn]::after, #gh-root #gh-top a.gh-btn17[data-tk-btn]::after, #gh-root #gh-canvas [data-tk-btn]::after, #gh-root #gh-foot [data-tk-btn]::after, #gh-root #gh-plans [data-tk-btn]::after, #gh-root #gh-faq [data-tk-btn]::after,
  #gh-root [data-tk-btn]::before, #gh-root #gh-canvas [data-tk-btn]::before, #gh-root #gh-foot [data-tk-btn]::before{
    display:none!important;content:none!important;background:none!important;box-shadow:none!important}
  #gh-root [data-tk-btn], #gh-root #gh-top [data-tk-btn], #gh-root #gh-top a.gh-btn17[data-tk-btn], #gh-root #gh-foot [data-tk-btn], #gh-root #gh-plans [data-tk-btn], #gh-root #gh-canvas [data-tk-btn], #gh-root #gh-faq [data-tk-btn]{
    background-image:
      radial-gradient(100% 120% at 70% 130%,rgba(126,240,255,.34) 0%,rgba(126,240,255,0) 58%),
      linear-gradient(180deg,#2f8f96 0%,#1d6d72 52%,#0e4145 100%)!important;
    box-shadow:
      inset 0 -6px 12px rgba(0,0,0,.42),
      inset 0 0 0 1px rgba(255,255,255,.10),
      0 4px 6px rgba(0,0,0,.3),
      0 30px 56px -22px rgba(0,0,0,.82),
      0 16px 40px -18px rgba(29,109,114,.7)!important}
  #gh-root [data-tk-btn]:hover, #gh-root #gh-top [data-tk-btn]:hover, #gh-root #gh-foot [data-tk-btn]:hover, #gh-root #gh-canvas [data-tk-btn]:hover{
    box-shadow:
      inset 0 -6px 12px rgba(0,0,0,.38),
      inset 0 0 0 1px rgba(255,255,255,.16),
      0 4px 6px rgba(0,0,0,.3),
      0 36px 64px -22px rgba(0,0,0,.85),
      0 20px 46px -18px rgba(29,109,114,.8)!important}
  #gh-root [data-tk-btn]:active, #gh-root #gh-top [data-tk-btn]:active, #gh-root #gh-foot [data-tk-btn]:active{
    box-shadow:0 6px 14px rgba(0,0,0,.44), inset 0 4px 12px rgba(0,0,0,.5)!important}
  /* gh-glass-bg: clearer, less blur */
  @keyframes gcBgFade10{0%,26%{opacity:.19}32%,92%{opacity:0}100%{opacity:.19}}
  #gh-root #gh-glass img[data-gc-bg]{animation-name:gcBgFade10!important;filter:blur(6px) saturate(1.02) brightness(.95)!important;transform:scale(1.12)!important}
  @media (prefers-reduced-motion:reduce){#gh-root #gh-glass img[data-gc-bg="1"]{opacity:.2!important}}
  /* gh-header-bigger */
  #gh-root #gh-top .site-header{min-height:82px!important;border-radius:22px!important;padding:0 22px 0 14px!important;gap:34px!important}
  #gh-root #gh-top .brand{height:56px!important}
  #gh-root #gh-top .gh-nav{gap:30px!important}
  #gh-root .gh-nav-link, #gh-root .gh-nav-link.gh-nav-on{font-size:20px!important;padding:8px 2px!important}
  #gh-root #gh-top a.login[data-tk-btn]{height:58px!important;padding:0 30px!important;border-radius:14px!important}
  #gh-root #gh-top a.login[data-tk-btn]>span{font-size:18px!important}
  /* gh-scroll-hint: the same glass pill everywhere a scroll prompt appears */
  #gh-root [data-hint]{justify-content:center!important}
  #gh-root [data-hint] span{position:relative!important;width:56px!important;height:56px!important;padding:0!important;gap:0!important;font-size:0!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.04)),linear-gradient(155deg,rgba(126,240,255,.3),rgba(29,109,114,.5))!important;-webkit-backdrop-filter:blur(18px) saturate(1.6)!important;backdrop-filter:blur(18px) saturate(1.6)!important;color:#eafcff!important;-webkit-text-fill-color:#eafcff!important;box-shadow:0 12px 28px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.35) inset!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;animation:none!important}
  #gh-root [data-hint] span svg{width:20px!important;height:20px!important;stroke-width:2.1!important;animation:ghBobDown 1.5s ease-in-out infinite!important}
  #gh-root [data-hint] span::before, #gh-root [data-hint] span::after{content:""!important;position:absolute!important;inset:0!important;border-radius:999px!important;border:1px solid rgba(127,227,230,.5)!important;animation:ghRing 2.2s ease-out infinite!important;pointer-events:none!important}
  #gh-root [data-hint] span::after{animation-delay:1.1s!important}
  /* hero + footer CTA bigger */
  #gh-root #gh-top a.gh-btn17[data-tk-btn], #gh-root #gh-foot a.fb[data-tk-btn]{width:320px!important;min-width:320px!important;height:70px!important;padding:0!important;border-radius:16px!important}
  #gh-root #gh-top a.gh-btn17[data-tk-btn]>span, #gh-root #gh-foot a.fb[data-tk-btn]>span{font-size:21px!important}
  /* plan cards flip slower */
  #gh-root [data-tk-flip]{transition:transform 5.4s cubic-bezier(.32,.78,.2,1)!important}
/* ۴. آنچه اسکریپت در زمان اجرا به <head> تزریق می‌کرد (gh-btn-label) */
html #gh-root #gh-canvas [data-gh-clip]{object-fit:contain !important;object-position:center center !important;background:#071012 !important}html #gh-root #gh-glass div[style*="bottom: 14%"],html #gh-root #gh-glass div[style*="bottom:14%"]{display:none !important}html #gh-root #gh-canvas video[style*="z-index:-2"]{opacity:.30 !important;filter:blur(3px) saturate(1.08) brightness(1.32) !important}html #gh-root #gh-canvas a[data-tk-btn]{background:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.10) 30%,rgba(255,255,255,0) 52%),radial-gradient(120% 80% at 50% 118%, rgba(126,240,255,.30) 0%, rgba(126,240,255,0) 60%),linear-gradient(180deg,#2b8288 0%,#1d6d72 46%,#12474b 100%) !important;border:1px solid rgba(126,240,255,.34) !important;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.62),inset 0 -2px 3px rgba(0,0,0,.42),inset 0 14px 26px -14px rgba(255,255,255,.5),inset 0 0 0 1px rgba(255,255,255,.10),0 2px 3px rgba(0,0,0,.34),0 20px 42px -16px rgba(0,0,0,.72),0 12px 30px -14px rgba(29,109,114,.75) !important;color:#eaf7f8 !important;-webkit-text-fill-color:#eaf7f8 !important;transition:transform .28s cubic-bezier(.2,.8,.2,1),background .28s ease,box-shadow .28s ease !important}html #gh-root #gh-canvas a[data-tk-btn] > span{background:none !important;box-shadow:none !important}html #gh-root #gh-canvas a[data-tk-btn]:hover{transform:translateY(-3px) scale(1.02) !important;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 42%),linear-gradient(155deg,#efe6cf,#ddd0ad) !important;border-color:rgba(233,220,187,.9) !important;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.9),inset 0 -2px 4px rgba(0,0,0,.14),0 18px 38px -14px rgba(0,0,0,.6) !important}html #gh-root #gh-canvas a[data-tk-btn]:hover,html #gh-root #gh-canvas a[data-tk-btn]:hover *{color:#1d6d72 !important;-webkit-text-fill-color:#1d6d72 !important}html #gh-root #gh-plans [data-tk-flip]{transition:transform 1.5s cubic-bezier(.22,1,.36,1) !important}html #gh-root #gh-plans p{font-size:26px !important;line-height:1.4 !important;white-space:normal !important;display:block !important;width:fit-content !important;max-width:min(560px,100%) !important;margin:0 !important;margin-inline-start:auto !important;align-self:stretch !important;text-align:start !important;text-wrap:balance !important}html #gh-root #gh-plans p + span,html #gh-root #gh-plans span[style*="width:340px"]{font-size:19px !important;line-height:1.6 !important;display:block !important;width:fit-content !important;max-width:min(560px,100%) !important;margin:0 !important;margin-inline-start:auto !important;white-space:normal !important;text-align:start !important;align-self:stretch !important;text-wrap:pretty !important;color:rgba(226,238,238,.66) !important}html #gh-root #gh-plans a[data-tk-btn]:hover{transform:translateY(-3px) scale(1.02) !important;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 42%),linear-gradient(155deg,#efe6cf,#ddd0ad) !important;background-color:#e6dbbe !important;border-color:rgba(233,220,187,.9) !important;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.9),inset 0 -2px 4px rgba(0,0,0,.14),0 18px 38px -14px rgba(0,0,0,.6) !important}html #gh-root #gh-plans a[data-tk-btn]:hover,html #gh-root #gh-plans a[data-tk-btn]:hover *{color:#1d6d72 !important;-webkit-text-fill-color:#1d6d72 !important}html #gh-root #gh-plans a[data-tk-btn]:hover > span{background:none !important;box-shadow:none !important}html #gh-root a[data-tk-btn]:hover{transform:translateY(-3px) scale(1.02) !important;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 42%),linear-gradient(155deg,#efe6cf,#ddd0ad) !important;border-color:rgba(233,220,187,.9) !important;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.9),inset 0 -2px 4px rgba(0,0,0,.14),0 18px 38px -14px rgba(0,0,0,.6) !important}html #gh-root a[data-tk-btn]:hover > span,html #gh-root a[data-tk-btn]:hover > div,html #gh-root a[data-tk-btn]:hover > b,html #gh-root a[data-tk-btn]:hover > i{background:none !important;box-shadow:none !important}html #gh-root a[data-tk-btn]:hover, html #gh-root a[data-tk-btn]:hover *{color:#1d6d72 !important;-webkit-text-fill-color:#1d6d72 !important}#gh-root #gh-glass [data-hint]{display:none !important}#gh-root [data-hint] span svg{width:22px !important;height:10px !important;stroke-width:2.2 !important;animation:none !important}#gh-root [data-hint] span svg:nth-of-type(1){animation:scChev 1.8s ease-in-out infinite !important}#gh-root [data-hint] span svg:nth-of-type(2){animation:scChev 1.8s ease-in-out .28s infinite !important}#gh-root [data-hint] span::before,#gh-root [data-hint] span::after{inset:4px !important;border:1.5px solid rgba(150,236,240,.85) !important;box-shadow:0 0 12px rgba(126,240,255,.45), inset 0 0 8px rgba(126,240,255,.3) !important}#gh-root [data-hint] span{background:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.10) 30%,rgba(255,255,255,0) 52%),radial-gradient(120% 80% at 50% 118%, rgba(126,240,255,.30) 0%, rgba(126,240,255,0) 60%),linear-gradient(180deg,#2b8288 0%,#1d6d72 46%,#12474b 100%) !important;border:1px solid rgba(126,240,255,.34) !important;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.62),inset 0 -2px 3px rgba(0,0,0,.42),inset 0 14px 26px -14px rgba(255,255,255,.5),inset 0 0 0 1px rgba(255,255,255,.10),0 2px 3px rgba(0,0,0,.34),0 20px 42px -16px rgba(0,0,0,.72),0 12px 30px -14px rgba(29,109,114,.75) !important;color:#eaf7f8 !important;-webkit-text-fill-color:#eaf7f8 !important}@keyframes scChev{0%{opacity:0;transform:translateY(-5px)}35%{opacity:1}100%{opacity:0;transform:translateY(6px)}}#gh-root #gh-top a.gh-btn17:hover, #gh-root #gh-top a.login:hover, #gh-root #gh-foot a.fb:hover, #gh-root [data-tk-btn]:hover{transform:translateY(-3px) scale(1.02) !important;background:linear-gradient(155deg,rgba(233,220,187,.9),rgba(233,220,187,.65)) !important;border-color:rgba(233,220,187,.85) !important;box-shadow:0 22px 46px rgba(0,0,0,.55),0 14px 30px rgba(29,109,114,.5),inset 0 1px 0 rgba(255,255,255,.5) !important}#gh-root #gh-top a.gh-btn17:hover > span, #gh-root #gh-top a.login:hover > span, #gh-root #gh-foot a.fb:hover > span, #gh-root [data-tk-btn]:hover > span{color:#1d6d72 !important;-webkit-text-fill-color:#1d6d72 !important}#gh-root img[data-gc-bg]{filter:blur(16px) saturate(.95) brightness(1.45) !important}
/* ۵. مقیاسِ موبایل (zoom) — همان تزریقِ زمان اجرا */
@media(max-width:1024px){html #gh-root{zoom:.74}html #gh-root #gh-rail{display:none !important}html body{overflow-x:hidden !important}html #gh-root [style*="grid-template-columns"]{grid-template-columns:1fr !important}html #gh-root [style*="width:340px"],html #gh-root [style*="width:352px"],html #gh-root [style*="width: 340px"]{width:auto !important;max-width:100% !important;white-space:normal !important}}@media(max-width:834px){html #gh-root{zoom:.66}}@media(max-width:700px){html #gh-root{zoom:.56}html #gh-root #gh-glasscue2,html #gh-root #gh-herocue{bottom:22px !important}}
/* ۶. کی‌فریم‌های راهنمای اسکرول (gh-canvas-clip) */
@keyframes ghHintBob{0%,100%{transform:translateY(2px)}50%{transform:translateY(-3px)}}@keyframes ghRing{0%{transform:scale(.9);opacity:.55}70%{transform:scale(1.5);opacity:0}100%{opacity:0}}@keyframes ghBobDown{0%,100%{transform:translateY(2px)}50%{transform:translateY(-4px)}}
/* ۷. کی‌فریم‌های نشانگرِ هیرو (herocue) */
@keyframes ghHcRing{0%{transform:scale(.86);opacity:.85}70%{transform:scale(1.55);opacity:0}100%{opacity:0}}@keyframes ghHcBob{0%,100%{transform:translateY(2px)}50%{transform:translateY(-4px)}}
/* ۸. gh-thick-glass — ظاهرِ نهاییِ دکمه‌ها (آخرِ body در منبع) */
html body #gh-root [data-tk-btn]{border-radius:14px!important;border:1px solid #1d6d72!important;background-color:rgba(29,109,114,.30)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(10,50,54,.30))!important;-webkit-backdrop-filter:blur(14px) saturate(1.3)!important;backdrop-filter:blur(14px) saturate(1.3)!important;color:#eefafb!important;text-shadow:0 1px 2px rgba(4,20,22,.4)!important;box-shadow:0 5px 0 -1px rgba(9,52,56,.85),0 16px 30px -8px rgba(0,0,0,.55),0 10px 24px -10px rgba(29,109,114,.55),inset 0 -6px 12px rgba(4,26,28,.50)!important;transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s ease,background-color .28s ease,background-image .28s ease,color .28s ease,border-color .28s ease!important}html body #gh-root #gh-top [data-tk-btn]{border-radius:14px!important;border:1px solid #1d6d72!important;background-color:rgba(29,109,114,.30)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(10,50,54,.30))!important;-webkit-backdrop-filter:blur(14px) saturate(1.3)!important;backdrop-filter:blur(14px) saturate(1.3)!important;color:#eefafb!important;text-shadow:0 1px 2px rgba(4,20,22,.4)!important;box-shadow:0 5px 0 -1px rgba(9,52,56,.85),0 16px 30px -8px rgba(0,0,0,.55),0 10px 24px -10px rgba(29,109,114,.55),inset 0 -6px 12px rgba(4,26,28,.50)!important;transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s ease,background-color .28s ease,background-image .28s ease,color .28s ease,border-color .28s ease!important}html body #gh-root #gh-top a.gh-btn17[data-tk-btn]{border-radius:14px!important;border:1px solid #1d6d72!important;background-color:rgba(29,109,114,.30)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(10,50,54,.30))!important;-webkit-backdrop-filter:blur(14px) saturate(1.3)!important;backdrop-filter:blur(14px) saturate(1.3)!important;color:#eefafb!important;text-shadow:0 1px 2px rgba(4,20,22,.4)!important;box-shadow:0 5px 0 -1px rgba(9,52,56,.85),0 16px 30px -8px rgba(0,0,0,.55),0 10px 24px -10px rgba(29,109,114,.55),inset 0 -6px 12px rgba(4,26,28,.50)!important;transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s ease,background-color .28s ease,background-image .28s ease,color .28s ease,border-color .28s ease!important}html body #gh-root #gh-top .login{border-radius:14px!important;border:1px solid #1d6d72!important;background-color:rgba(29,109,114,.30)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(10,50,54,.30))!important;-webkit-backdrop-filter:blur(14px) saturate(1.3)!important;backdrop-filter:blur(14px) saturate(1.3)!important;color:#eefafb!important;text-shadow:0 1px 2px rgba(4,20,22,.4)!important;box-shadow:0 5px 0 -1px rgba(9,52,56,.85),0 16px 30px -8px rgba(0,0,0,.55),0 10px 24px -10px rgba(29,109,114,.55),inset 0 -6px 12px rgba(4,26,28,.50)!important;transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s ease,background-color .28s ease,background-image .28s ease,color .28s ease,border-color .28s ease!important}html body #gh-root #gh-foot [data-tk-btn]{border-radius:14px!important;border:1px solid #1d6d72!important;background-color:rgba(29,109,114,.30)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(10,50,54,.30))!important;-webkit-backdrop-filter:blur(14px) saturate(1.3)!important;backdrop-filter:blur(14px) saturate(1.3)!important;color:#eefafb!important;text-shadow:0 1px 2px rgba(4,20,22,.4)!important;box-shadow:0 5px 0 -1px rgba(9,52,56,.85),0 16px 30px -8px rgba(0,0,0,.55),0 10px 24px -10px rgba(29,109,114,.55),inset 0 -6px 12px rgba(4,26,28,.50)!important;transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s ease,background-color .28s ease,background-image .28s ease,color .28s ease,border-color .28s ease!important}html body #gh-root #gh-foot .fb{border-radius:14px!important;border:1px solid #1d6d72!important;background-color:rgba(29,109,114,.30)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(10,50,54,.30))!important;-webkit-backdrop-filter:blur(14px) saturate(1.3)!important;backdrop-filter:blur(14px) saturate(1.3)!important;color:#eefafb!important;text-shadow:0 1px 2px rgba(4,20,22,.4)!important;box-shadow:0 5px 0 -1px rgba(9,52,56,.85),0 16px 30px -8px rgba(0,0,0,.55),0 10px 24px -10px rgba(29,109,114,.55),inset 0 -6px 12px rgba(4,26,28,.50)!important;transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s ease,background-color .28s ease,background-image .28s ease,color .28s ease,border-color .28s ease!important}html body #gh-root #gh-plans [data-tk-btn]{border-radius:14px!important;border:1px solid #1d6d72!important;background-color:rgba(29,109,114,.30)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(10,50,54,.30))!important;-webkit-backdrop-filter:blur(14px) saturate(1.3)!important;backdrop-filter:blur(14px) saturate(1.3)!important;color:#eefafb!important;text-shadow:0 1px 2px rgba(4,20,22,.4)!important;box-shadow:0 5px 0 -1px rgba(9,52,56,.85),0 16px 30px -8px rgba(0,0,0,.55),0 10px 24px -10px rgba(29,109,114,.55),inset 0 -6px 12px rgba(4,26,28,.50)!important;transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s ease,background-color .28s ease,background-image .28s ease,color .28s ease,border-color .28s ease!important}html body #gh-root #gh-canvas [data-tk-btn]{border-radius:14px!important;border:1px solid #1d6d72!important;background-color:rgba(29,109,114,.30)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(10,50,54,.30))!important;-webkit-backdrop-filter:blur(14px) saturate(1.3)!important;backdrop-filter:blur(14px) saturate(1.3)!important;color:#eefafb!important;text-shadow:0 1px 2px rgba(4,20,22,.4)!important;box-shadow:0 5px 0 -1px rgba(9,52,56,.85),0 16px 30px -8px rgba(0,0,0,.55),0 10px 24px -10px rgba(29,109,114,.55),inset 0 -6px 12px rgba(4,26,28,.50)!important;transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s ease,background-color .28s ease,background-image .28s ease,color .28s ease,border-color .28s ease!important}html body #gh-root #gh-faq [data-tk-btn]{border-radius:14px!important;border:1px solid #1d6d72!important;background-color:rgba(29,109,114,.30)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(10,50,54,.30))!important;-webkit-backdrop-filter:blur(14px) saturate(1.3)!important;backdrop-filter:blur(14px) saturate(1.3)!important;color:#eefafb!important;text-shadow:0 1px 2px rgba(4,20,22,.4)!important;box-shadow:0 5px 0 -1px rgba(9,52,56,.85),0 16px 30px -8px rgba(0,0,0,.55),0 10px 24px -10px rgba(29,109,114,.55),inset 0 -6px 12px rgba(4,26,28,.50)!important;transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s ease,background-color .28s ease,background-image .28s ease,color .28s ease,border-color .28s ease!important}html body [data-tk-btn]{border-radius:14px!important;border:1px solid #1d6d72!important;background-color:rgba(29,109,114,.30)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(10,50,54,.30))!important;-webkit-backdrop-filter:blur(14px) saturate(1.3)!important;backdrop-filter:blur(14px) saturate(1.3)!important;color:#eefafb!important;text-shadow:0 1px 2px rgba(4,20,22,.4)!important;box-shadow:0 5px 0 -1px rgba(9,52,56,.85),0 16px 30px -8px rgba(0,0,0,.55),0 10px 24px -10px rgba(29,109,114,.55),inset 0 -6px 12px rgba(4,26,28,.50)!important;transition:transform .2s cubic-bezier(.2,.8,.3,1),box-shadow .2s ease,background-color .28s ease,background-image .28s ease,color .28s ease,border-color .28s ease!important}html body #gh-root [data-tk-btn]::after,html body #gh-root [data-tk-btn]::before,html body #gh-root #gh-top [data-tk-btn]::after,html body #gh-root #gh-top [data-tk-btn]::before,html body #gh-root #gh-top a.gh-btn17[data-tk-btn]::after,html body #gh-root #gh-top a.gh-btn17[data-tk-btn]::before,html body #gh-root #gh-top .login::after,html body #gh-root #gh-top .login::before,html body #gh-root #gh-foot [data-tk-btn]::after,html body #gh-root #gh-foot [data-tk-btn]::before,html body #gh-root #gh-foot .fb::after,html body #gh-root #gh-foot .fb::before,html body #gh-root #gh-plans [data-tk-btn]::after,html body #gh-root #gh-plans [data-tk-btn]::before,html body #gh-root #gh-canvas [data-tk-btn]::after,html body #gh-root #gh-canvas [data-tk-btn]::before,html body #gh-root #gh-faq [data-tk-btn]::after,html body #gh-root #gh-faq [data-tk-btn]::before,html body [data-tk-btn]::after,html body [data-tk-btn]::before{display:none!important;content:none!important}html body #gh-root [data-tk-btn]:active{transform:translateY(4px)!important;box-shadow:0 1px 0 -1px rgba(9,52,56,.9),0 8px 16px -6px rgba(0,0,0,.5),inset 0 3px 9px rgba(4,26,28,.55)!important}html body #gh-root #gh-top [data-tk-btn]:active{transform:translateY(4px)!important;box-shadow:0 1px 0 -1px rgba(9,52,56,.9),0 8px 16px -6px rgba(0,0,0,.5),inset 0 3px 9px rgba(4,26,28,.55)!important}html body #gh-root #gh-top a.gh-btn17[data-tk-btn]:active{transform:translateY(4px)!important;box-shadow:0 1px 0 -1px rgba(9,52,56,.9),0 8px 16px -6px rgba(0,0,0,.5),inset 0 3px 9px rgba(4,26,28,.55)!important}html body #gh-root #gh-top .login:active{transform:translateY(4px)!important;box-shadow:0 1px 0 -1px rgba(9,52,56,.9),0 8px 16px -6px rgba(0,0,0,.5),inset 0 3px 9px rgba(4,26,28,.55)!important}html body #gh-root #gh-foot [data-tk-btn]:active{transform:translateY(4px)!important;box-shadow:0 1px 0 -1px rgba(9,52,56,.9),0 8px 16px -6px rgba(0,0,0,.5),inset 0 3px 9px rgba(4,26,28,.55)!important}html body #gh-root #gh-foot .fb:active{transform:translateY(4px)!important;box-shadow:0 1px 0 -1px rgba(9,52,56,.9),0 8px 16px -6px rgba(0,0,0,.5),inset 0 3px 9px rgba(4,26,28,.55)!important}html body #gh-root #gh-plans [data-tk-btn]:active{transform:translateY(4px)!important;box-shadow:0 1px 0 -1px rgba(9,52,56,.9),0 8px 16px -6px rgba(0,0,0,.5),inset 0 3px 9px rgba(4,26,28,.55)!important}html body #gh-root #gh-canvas [data-tk-btn]:active{transform:translateY(4px)!important;box-shadow:0 1px 0 -1px rgba(9,52,56,.9),0 8px 16px -6px rgba(0,0,0,.5),inset 0 3px 9px rgba(4,26,28,.55)!important}html body #gh-root #gh-faq [data-tk-btn]:active{transform:translateY(4px)!important;box-shadow:0 1px 0 -1px rgba(9,52,56,.9),0 8px 16px -6px rgba(0,0,0,.5),inset 0 3px 9px rgba(4,26,28,.55)!important}html body [data-tk-btn]:active{transform:translateY(4px)!important;box-shadow:0 1px 0 -1px rgba(9,52,56,.9),0 8px 16px -6px rgba(0,0,0,.5),inset 0 3px 9px rgba(4,26,28,.55)!important}
/* ۹. gh-glass-hover — هاورِ نهاییِ دکمه‌ها و حلقهٔ چرخان */
html body #gh-root [data-tk-btn]:hover{transform:translateY(-1px)!important;background-color:#f2e8c8!important;background-image:linear-gradient(180deg,#fbf5e2 0%,#efe2bd 55%,#e2d3ad 100%)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#0b2325!important;border-color:#efe2bd!important;text-shadow:none!important;box-shadow:0 3px 0 -1px rgba(154,140,98,.75),0 12px 22px -10px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -3px 7px rgba(140,124,84,.22)!important}html body #gh-root #gh-top [data-tk-btn]:hover{transform:translateY(-1px)!important;background-color:#f2e8c8!important;background-image:linear-gradient(180deg,#fbf5e2 0%,#efe2bd 55%,#e2d3ad 100%)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#0b2325!important;border-color:#efe2bd!important;text-shadow:none!important;box-shadow:0 3px 0 -1px rgba(154,140,98,.75),0 12px 22px -10px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -3px 7px rgba(140,124,84,.22)!important}html body #gh-root #gh-top a.gh-btn17[data-tk-btn]:hover{transform:translateY(-1px)!important;background-color:#f2e8c8!important;background-image:linear-gradient(180deg,#fbf5e2 0%,#efe2bd 55%,#e2d3ad 100%)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#0b2325!important;border-color:#efe2bd!important;text-shadow:none!important;box-shadow:0 3px 0 -1px rgba(154,140,98,.75),0 12px 22px -10px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -3px 7px rgba(140,124,84,.22)!important}html body #gh-root #gh-top .login:hover{transform:translateY(-1px)!important;background-color:#f2e8c8!important;background-image:linear-gradient(180deg,#fbf5e2 0%,#efe2bd 55%,#e2d3ad 100%)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#0b2325!important;border-color:#efe2bd!important;text-shadow:none!important;box-shadow:0 3px 0 -1px rgba(154,140,98,.75),0 12px 22px -10px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -3px 7px rgba(140,124,84,.22)!important}html body #gh-root #gh-foot [data-tk-btn]:hover{transform:translateY(-1px)!important;background-color:#f2e8c8!important;background-image:linear-gradient(180deg,#fbf5e2 0%,#efe2bd 55%,#e2d3ad 100%)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#0b2325!important;border-color:#efe2bd!important;text-shadow:none!important;box-shadow:0 3px 0 -1px rgba(154,140,98,.75),0 12px 22px -10px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -3px 7px rgba(140,124,84,.22)!important}html body #gh-root #gh-foot .fb:hover{transform:translateY(-1px)!important;background-color:#f2e8c8!important;background-image:linear-gradient(180deg,#fbf5e2 0%,#efe2bd 55%,#e2d3ad 100%)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#0b2325!important;border-color:#efe2bd!important;text-shadow:none!important;box-shadow:0 3px 0 -1px rgba(154,140,98,.75),0 12px 22px -10px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -3px 7px rgba(140,124,84,.22)!important}html body #gh-root #gh-plans [data-tk-btn]:hover{transform:translateY(-1px)!important;background-color:#f2e8c8!important;background-image:linear-gradient(180deg,#fbf5e2 0%,#efe2bd 55%,#e2d3ad 100%)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#0b2325!important;border-color:#efe2bd!important;text-shadow:none!important;box-shadow:0 3px 0 -1px rgba(154,140,98,.75),0 12px 22px -10px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -3px 7px rgba(140,124,84,.22)!important}html body #gh-root #gh-canvas [data-tk-btn]:hover{transform:translateY(-1px)!important;background-color:#f2e8c8!important;background-image:linear-gradient(180deg,#fbf5e2 0%,#efe2bd 55%,#e2d3ad 100%)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#0b2325!important;border-color:#efe2bd!important;text-shadow:none!important;box-shadow:0 3px 0 -1px rgba(154,140,98,.75),0 12px 22px -10px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -3px 7px rgba(140,124,84,.22)!important}html body #gh-root #gh-faq [data-tk-btn]:hover{transform:translateY(-1px)!important;background-color:#f2e8c8!important;background-image:linear-gradient(180deg,#fbf5e2 0%,#efe2bd 55%,#e2d3ad 100%)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#0b2325!important;border-color:#efe2bd!important;text-shadow:none!important;box-shadow:0 3px 0 -1px rgba(154,140,98,.75),0 12px 22px -10px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -3px 7px rgba(140,124,84,.22)!important}html body [data-tk-btn]:hover{transform:translateY(-1px)!important;background-color:#f2e8c8!important;background-image:linear-gradient(180deg,#fbf5e2 0%,#efe2bd 55%,#e2d3ad 100%)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#0b2325!important;border-color:#efe2bd!important;text-shadow:none!important;box-shadow:0 3px 0 -1px rgba(154,140,98,.75),0 12px 22px -10px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -3px 7px rgba(140,124,84,.22)!important}html body #gh-root [data-tk-btn]:hover span{color:#0b2325!important;-webkit-text-fill-color:#0b2325!important;text-shadow:none!important}html body #gh-root #gh-top [data-tk-btn]:hover span{color:#0b2325!important;-webkit-text-fill-color:#0b2325!important;text-shadow:none!important}html body #gh-root #gh-top a.gh-btn17[data-tk-btn]:hover span{color:#0b2325!important;-webkit-text-fill-color:#0b2325!important;text-shadow:none!important}html body #gh-root #gh-top .login:hover span{color:#0b2325!important;-webkit-text-fill-color:#0b2325!important;text-shadow:none!important}html body #gh-root #gh-foot [data-tk-btn]:hover span{color:#0b2325!important;-webkit-text-fill-color:#0b2325!important;text-shadow:none!important}html body #gh-root #gh-foot .fb:hover span{color:#0b2325!important;-webkit-text-fill-color:#0b2325!important;text-shadow:none!important}html body #gh-root #gh-plans [data-tk-btn]:hover span{color:#0b2325!important;-webkit-text-fill-color:#0b2325!important;text-shadow:none!important}html body #gh-root #gh-canvas [data-tk-btn]:hover span{color:#0b2325!important;-webkit-text-fill-color:#0b2325!important;text-shadow:none!important}html body #gh-root #gh-faq [data-tk-btn]:hover span{color:#0b2325!important;-webkit-text-fill-color:#0b2325!important;text-shadow:none!important}html body [data-tk-btn]:hover span{color:#0b2325!important;-webkit-text-fill-color:#0b2325!important;text-shadow:none!important}@property --ghspin{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes ghspin{to{--ghspin:360deg}}html body #gh-root [data-tk-btn],html body #gh-root #gh-top a.gh-btn17[data-tk-btn]{position:relative!important}html body #gh-root [data-tk-btn]>span,html body #gh-root #gh-top a.gh-btn17[data-tk-btn]>span{position:static!important}html body #gh-root [data-tk-btn]:not(:hover),html body #gh-root #gh-top a.gh-btn17[data-tk-btn]:not(:hover),html body #gh-root #gh-canvas [data-tk-btn]:not(:hover),html body #gh-root #gh-plans [data-tk-btn]:not(:hover),html body #gh-root #gh-foot [data-tk-btn]:not(:hover),html body #gh-root #gh-faq [data-tk-btn]:not(:hover){background-color:transparent!important;background-image:linear-gradient(180deg,rgba(191,238,242,.18) 0%,rgba(255,255,255,0) 45%,rgba(233,220,187,.10) 100%),linear-gradient(180deg,rgba(29,109,114,.55),rgba(20,72,76,.45))!important;border:1px solid #1d6d72!important;border-radius:12px!important;color:#e9dcbb!important;text-shadow:none!important;box-shadow:0 18px 40px -14px rgba(0,0,0,.6)!important}html body #gh-root [data-tk-btn]:not(:hover)>span{color:#e9dcbb!important;-webkit-text-fill-color:#e9dcbb!important;text-shadow:none!important}html body i.ghring{display:block!important;position:absolute; inset:0; border-radius:12px; padding:1.5px; z-index:4; pointer-events:none; filter:drop-shadow(0 0 5px rgba(143,244,232,.95)) drop-shadow(0 0 16px rgba(126,240,255,.6)); background:conic-gradient(from var(--ghspin,0deg), rgba(94,234,212,0) 0deg, rgba(94,234,212,.10) 120deg, rgba(94,234,212,.45) 235deg, rgba(143,244,232,.95) 295deg, #ccfffb 322deg, #a8f7ec 332deg, rgba(126,240,255,.35) 348deg, rgba(94,234,212,0) 360deg); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; }html body i.ghring.ghc{border-radius:999px!important;inset:-1px!important;padding:1.6px!important}html body #gh-herocue>span:nth-child(3),html body #gh-glasscue2>span:nth-child(3),html body .ghcue3>span:nth-child(3){position:relative!important;background-color:transparent!important;background-image:linear-gradient(180deg,rgba(191,238,242,.18) 0%,rgba(255,255,255,0) 45%,rgba(233,220,187,.10) 100%),linear-gradient(180deg,rgba(29,109,114,.55),rgba(20,72,76,.45))!important;border:1px solid #1d6d72!important;border-radius:999px!important;box-shadow:0 12px 26px -12px rgba(0,0,0,.6)!important;color:#e9dcbb!important}html body #gh-herocue>span:nth-child(3) svg,html body #gh-glasscue2>span:nth-child(3) svg,html body .ghcue3>span:nth-child(3) svg{stroke:#e9dcbb!important;color:#e9dcbb!important}
/* ۱۰. حلقهٔ چرخانِ دکمه‌ها بدون تیکِ JS.
   حلقهٔ گرد (.ghc، روی نشانگرهای اسکرول): خودِ عنصر با transform می‌چرخد — روی
   کامپوزیتور، بی‌فریمِ اصلی. چون دایره است، ماسک و هالهٔ drop-shadow با آن می‌چرخند و
   نتیجه عیناً همان چرخشِ زاویهٔ گرادیان است (پیکسل‌به‌پیکسل سنجیده شد).
   حلقهٔ مستطیلی (دکمه‌ها): همان --ghspinِ گرادیان با انیمیشنِ CSS (@property) می‌چرخد
   — همان رندرِ منبع، فقط بی‌نوشتنِ استایل از JS در هر فریم. (چرخاندنِ یک فرزندِ
   کامپوزیت‌شده زیرِ والدی که filter دارد هم هر فریم نخِ اصلی را بیدار می‌کند، پس
   چیزی جلوتر از این نبود؛ این حلقه‌ها فقط وقتی بخششان روی صفحه است می‌چرخند.) */
html body i.ghring{animation:ghRingTurn 13s linear infinite;animation-delay:var(--gh-ring-delay,0ms)}
@keyframes ghRingTurn{to{--ghspin:-360deg}}
html body i.ghring.ghc{animation-name:ghRingSpin}
@keyframes ghRingSpin{to{transform:rotate(-360deg)}}
/* ۱۱. بخش‌های دور از دید (کلاسِ gh-off از IntersectionObserver)، متنِ بالای صحنه که با
   اسکرول محو شده (gc-copy-off) و سرنویس/زیرنویسِ نامرئیِ صحنه (gc-anim-off): هیچ
   انیمیشنی نمی‌دود — نه درخششِ متن در نخِ اصلی، نه چرخهٔ اسلایدها. (#gh-root دو بار
   آمده تا از shorthandهای !important خودِ طرح، مثل «.gc-in .gh-fold > i»، قوی‌تر باشد.) */
#gh-root#gh-root .gh-off,#gh-root#gh-root .gh-off *,#gh-root#gh-root .gh-off *::before,#gh-root#gh-root .gh-off *::after,
#gh-root#gh-root .gc-copy-off,#gh-root#gh-root .gc-copy-off *,#gh-root#gh-root .gc-copy-off *::before,#gh-root#gh-root .gc-copy-off *::after,
#gh-root#gh-root .gc-anim-off,#gh-root#gh-root .gc-anim-off *,
body > .gc-anim-off *,body > .gc-anim-off *::before{animation-play-state:paused!important}
/* واژه‌های تیترِ صحنه دو انیمیشن دارند: ورودِ یک‌باره (ghFoldSoft) و درخششِ بی‌پایان؛
   فقط دومی می‌ایستد تا اگر خواننده تند از روی متن گذشت، ورود همان‌جا تمام شود، نه
   بعداً جلوی چشمش. */
#gh-root#gh-root .gc-copy-off .gh-fold > i{animation-play-state:running,paused!important}
/* ۱۲. ریلِ شبکه‌های اجتماعی روی کامپوزیتور: عنصر فقط transform می‌گیرد، رنگ از
   crossfadeِ دو نسخهٔ روی‌هم می‌آید (کرم ۱→۰، teal ۰→۱ با همان کی‌فریم و easing).
   هاور مثلِ قبل: آیکون به #2fa6ad می‌رود؛ برچسب رنگ عوض نمی‌کند (در طرحِ اصلی هم
   انیمیشن رنگِ هاورش را می‌پوشاند). */
#gh-root #gh-rail a:not(.gh-rail-cta){position:relative;animation-name:ghRailScale}
#gh-root #gh-rail a:not(.gh-rail-cta) .gh-rail-base,#gh-root #gh-rail a:not(.gh-rail-cta) .gh-rail-alt{position:absolute;inset:0;display:grid;place-items:center}
#gh-root #gh-rail a:not(.gh-rail-cta) .gh-rail-base{animation:ghRailBaseFade 5s ease-in-out infinite}
#gh-root #gh-rail a:not(.gh-rail-cta) .gh-rail-alt{color:#1d6d72;opacity:0;animation:ghRailAltFade 5s ease-in-out infinite;transition:opacity .28s ease}
#gh-root #gh-rail a:not(.gh-rail-cta):hover .gh-rail-alt{opacity:0!important}
#gh-root #gh-rail a:not(.gh-rail-cta):hover .gh-rail-base{opacity:1!important}
#gh-root #gh-rail a:nth-of-type(2) .gh-rail-base,#gh-root #gh-rail a:nth-of-type(2) .gh-rail-alt{animation-delay:.55s}
#gh-root #gh-rail a:nth-of-type(3) .gh-rail-base,#gh-root #gh-rail a:nth-of-type(3) .gh-rail-alt{animation-delay:1.1s}
#gh-root #gh-rail a:nth-of-type(4) .gh-rail-base,#gh-root #gh-rail a:nth-of-type(4) .gh-rail-alt{animation-delay:1.65s}
@keyframes ghRailScale{0%,72%,100%{transform:scale(1)}12%{transform:scale(1.16)}30%{transform:scale(1)}}
@keyframes ghRailBaseFade{0%,72%,100%{opacity:1}12%,30%{opacity:0}}
@keyframes ghRailAltFade{0%,72%,100%{opacity:0}12%,30%{opacity:1}}
#gh-root #gh-rail i{position:relative;animation-name:ghRailLineScale}
#gh-root #gh-rail i::before,#gh-root #gh-rail i::after{content:"";position:absolute;inset:0;animation:ghRailBaseFadeLine 5s ease-in-out 1.9s infinite}
#gh-root #gh-rail i::before{background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.04))}
#gh-root #gh-rail i::after{background:linear-gradient(180deg,#1d6d72,rgba(29,109,114,.35));opacity:0;animation-name:ghRailAltFadeLine}
#gh-root #gh-rail i{background:none}
@keyframes ghRailLineScale{0%,72%,100%{transform:scaleY(1)}12%,30%{transform:scaleY(1.22)}}
@keyframes ghRailBaseFadeLine{0%,72%,100%{opacity:1}12%,30%{opacity:0}}
@keyframes ghRailAltFadeLine{0%,72%,100%{opacity:0}12%,30%{opacity:1}}
#gh-root #gh-rail b span{animation-name:ghRailLabelMove,ghRailLabelBase;animation-duration:5s,5s;animation-timing-function:ease-in-out,ease-in-out;animation-delay:2.2s,2.2s;animation-iteration-count:infinite,infinite}
#gh-root #gh-rail b span.gh-rail-alt{color:#1d6d72;opacity:0;animation-name:ghRailLabelMove,ghRailLabelAlt}
#gh-root #gh-rail .gh-rail-cta:hover span{color:#b9cbcc}
#gh-root #gh-rail .gh-rail-cta:hover span.gh-rail-alt{color:#1d6d72}
@keyframes ghRailLabelMove{0%,66%,100%{transform:translate(-50%,-50%) rotate(-90deg) scale(1)}12%{transform:translate(-50%,-50%) rotate(-90deg) scale(1.16)}30%{transform:translate(-50%,-50%) rotate(-90deg) scale(1)}}
@keyframes ghRailLabelBase{0%,66%,100%{opacity:1}12%{opacity:0}30%{opacity:1}}
@keyframes ghRailLabelAlt{0%,66%,100%{opacity:0}12%{opacity:1}30%{opacity:0}}
/* ۱۳. دکمه‌های ورود/عضویت دو نسخه دارند (components/auth-cta.tsx)؛ کلاسِ gh-authed روی <html> (app/(landing)/layout.tsx، پیش از body)
   می‌گوید کدام. (#gh-root دو بار تا از display:inline-flex!important خودِ دکمه‌ها قوی‌تر باشد.) */
html:not(.gh-authed) #gh-root#gh-root [data-gh-user]{display:none!important}
html.gh-authed #gh-root#gh-root [data-gh-guest]{display:none!important}
/* ۱۴. زیرتیترِ فوتر (بازبینیِ متن‌ها) — زیرِ تیتر، بالای دکمه؛ فاصلهٔ ۳۰px ستون را تا ۱۴px جمع می‌کند */
#gh-root #gh-foot .fsub{margin:-16px 0 0;max-width:44ch;font-size:clamp(15px,1.25vw,20px);font-weight:400;line-height:1.9;color:#b9cbcc;text-wrap:pretty}
/* تیترِ تازهٔ فوتر دو جمله است؛ شکستِ سطر بینِ جمله‌ها (br) و سطرِ دوم بلندتر از ۲۱ch */
#gh-root #gh-foot .fhead{max-width:30ch}
/* ۱۵. هزینهٔ GPU که هیچ پیکسلی نمی‌خرد (هر مورد با اسکرین‌شات سنجیده شد: صفر تفاوت):
   - لوگوهای نوارِ مدل‌ها: روی زمینهٔ تیره، screen ≡ normal؛ blend هر فریم پس‌زمینه را می‌خواند.
   - درخششِ متن روی سلول‌های نوار: سلول‌ها متنی ندارند — فقط سلول‌های «Recraft» نگه داشته می‌شود.
   - backdrop-filter دکمه‌ها (چهره‌شان مات است) و فوتر (پشتش پس‌زمینهٔ از قبل blur شده است).
   - backdrop-filter خودِ اسلایدها: تصویرِ مات همه را می‌پوشاند؛ فقط لبهٔ ۱٫۵px (۰٫۱۶٪ پیکسل) */
#gh-root #gh-models .gh-cell img{mix-blend-mode:normal}
#gh-root #gh-models .gh-cell span{animation:none}
#gh-root #gh-models .gh-track-b .gh-cell:nth-child(5n+2) span{animation:ghShine 7.5s linear infinite}
html body #gh-root#gh-root#gh-root [data-tk-btn]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#gh-root #gh-foot{backdrop-filter:none;-webkit-backdrop-filter:none}
#gh-root #gh-glass [data-gc-slide]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* ۱۶. موبایل (همان نقطهٔ شکستِ تک‌ستونیِ طرح): چرخهٔ اسلایدها بی‌blurِ متحرک — blur
   انیمیت‌شده روی سه لایهٔ بزرگ، گران‌ترین چیزِ صحنه روی GPU گوشی است؛ روشنایی و
   اشباع همان می‌ماند، فقط اسلایدهای پشتی ۱ تا ۲ پیکسلِ صفحه نرم‌تر نمی‌شوند. */
@media (max-width:980px){
  @keyframes gcShuffleFlat{
    0%,28%{transform:translate(0,0) rotate(0deg) scale(1);z-index:3;filter:brightness(1) saturate(1)}
    33%,61%{transform:translate(34px,20px) rotate(5.5deg) scale(.955);z-index:2;filter:brightness(.62) saturate(.9)}
    66%,94%{transform:translate(-36px,-22px) rotate(-7deg) scale(.955);z-index:1;filter:brightness(.48) saturate(.85)}
    100%{transform:translate(0,0) rotate(0deg) scale(1);z-index:3;filter:brightness(1) saturate(1)}}
  #gh-root #gh-glass [data-gc-slide]{animation-name:gcShuffleFlat}
}

/* ۱۷) چپ‌به‌راست (استقرارِ NEXT_PUBLIC_APP_LANG=en). چیدمان با dir آینه می‌شود و به CSS
   نیاز ندارد؛ تنها استثنا «تایپِ» عنوان‌های پرسش‌ها و اشتراک‌هاست که طرح با clip-path
   از راست (آغازِ راست‌به‌چپ) باز می‌کرد — این‌جا همان انیمیشن از چپ باز می‌شود.
   در راست‌به‌چپ هیچ‌کدام از این قاعده‌ها اعمال نمی‌شود. */
@keyframes tkTypeLtr { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
#gh-root[dir="ltr"] #gh-faq [data-faq-type], #gh-root[dir="ltr"] #gh-plans [data-plan-type] { clip-path: inset(0 100% 0 0); }
#gh-root[dir="ltr"] #gh-faq.ghr-in [data-faq-type] { animation: tkTypeLtr 1.1s steps(22, end) .15s forwards, ghShine 7.5s linear 1.3s infinite; }
#gh-root[dir="ltr"] #gh-plans.hd-in [data-plan-type] { animation: tkTypeLtr 1.2s steps(24, end) .45s forwards, ghSweepSlow 9s linear 1.6s infinite; }
/* پرسش‌های پرتکرار: متنِ انگلیسی از فارسی بلندتر است. کارتِ ۸۸pxِ ثابتِ طرح سطرِ دومِ پرسش را
   بیرون می‌ریخت و عنوانِ پنل (nowrap) از کادر می‌زد؛ ارتفاعِ خطِ ۱٫۸–۲٫۳ هم برای حروفِ فارسی است
   و متنِ لاتین را از هم می‌پاشاند. کارت با متن بلند می‌شود (کمینه همان ۸۸px) — مارکی با -50%ِ
   فهرستِ دوبار‌تکرارشده حلقه می‌زند، پس ارتفاعِ ناهمسان درز نمی‌سازد. */
#gh-root[dir="ltr"] #gh-faq .qmt .qrow { height: auto !important; justify-content: center; }
#gh-root[dir="ltr"] #gh-faq .qmt .qt { line-height: 1.45; }
#gh-root[dir="ltr"] #gh-faq .fq { white-space: normal; line-height: 1.35; text-wrap: balance; }
#gh-root[dir="ltr"] #gh-faq .fa { line-height: 1.75; }
/* ۱۸. پرسش‌های پرتکرار در عرضِ تک‌ستونی (≤1100px): طرح این‌جا ارتفاعِ ستونِ پرسش‌ها را auto
   می‌کند ولی `height:190px!important`ِ دسکتاپ (.qwrap) می‌بُرد و کارت‌های روی‌هم‌چیده روی پنلِ
   پاسخ می‌افتادند — در هر دو زبان. */
@media (max-width:1100px){ #gh-root #gh-faq .qwrap{height:auto!important} }