/* =============================================================================
   弘犀智能 · www.hxallai.com — site stylesheet  (v2 · "AI canvas")
   Design language: Google (Material 3 / GM3 · Gemini · DeepMind) as the skeleton — Google Sans type,
   pill buttons, 28–48 px rounded surfaces, centred heads, tonal #F0F4F9 cards — combined with the
   techniques of the best AI-era product sites (Apple, Stripe, Linear, Vercel, OpenAI):
     · light AI panels (.dark sections) with aurora light and a fading engineering grid — no black page backgrounds
     · one brand AI gradient: logo blue #0156D3 → #3D8BFF → violet #8B6CF2 → logo orange #EB6100
     · glass header, cursor spotlight + gradient borders on cards, staged reveals, counters
   Colour is audited by scripts/check.mjs (palette list there).
   Fonts (self-hosted, SIL OFL 1.1, no external requests):
     Google Sans Flex (Latin & digits, wght 400–600, opsz 12–96)
     Noto Sans SC 400 / 500 (思源黑体, Google's CJK sans) — every Chinese glyph on the site, two
     unicode-range slices generated at build time (scripts/site-chars.mjs, scripts/subset-sans-sc.sh)
   ============================================================================= */

/* ---------- fonts ---------- */
@font-face { font-family: "Google Sans Flex"; font-style: normal; font-display: swap; font-weight: 400 600;
  src: url("/assets/fonts/google-sans-flex-latin.b46acf686b.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; }
/* Chinese pages: same file, minus punctuation that must stay full-width (— ‘ ’ “ ” …) */
@font-face { font-family: "Google Sans Flex CN"; font-style: normal; font-display: swap; font-weight: 400 600;
  src: url("/assets/fonts/google-sans-flex-latin.b46acf686b.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-2013, U+2015-2017, U+201A-201B, U+201E-2025, U+2027-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "HX Noto Sans SC"; font-style: normal; font-display: swap; font-weight: 400;
  src: url("/assets/fonts/noto-sans-sc-400-core.3084aaa046.woff2") format("woff2");
  unicode-range: U+2014, U+2018-2019, U+201C-201D, U+2026, U+3001-3002, U+3008-3011, U+3014-3015, U+4E00, U+4E03, U+4E07, U+4E09-4E0B, U+4E0D-4E0E, U+4E13, U+4E16, U+4E1A, U+4E2A, U+4E2D, U+4E3A-4E3B, U+4E48, U+4E5F-4E60, U+4E86, U+4E8B-4E8C, U+4E8E, U+4E92, U+4E94, U+4EA4, U+4EA7, U+4EB2, U+4EBA, U+4EBF, U+4ECE, U+4ED6, U+4EE3, U+4EE5, U+4EEC, U+4EF6-4EF7, U+4EFB, U+4F01, U+4F19-4F1A, U+4F20, U+4F4D-4F4E, U+4F53, U+4F55, U+4F59, U+4F5C, U+4F8B, U+4F9B, U+4F9D, U+4FA7, U+4FDD, U+4FE1, U+5019, U+503C, U+505A, U+50AC, U+50CF, U+5143, U+5148, U+5165, U+5168, U+516C-516D, U+5173, U+5176-5177, U+5185, U+5199, U+51B3, U+51C6, U+51E1, U+51FA, U+5206-5207, U+521B, U+5229, U+522B, U+5230, U+5236, U+5238, U+526F, U+529B, U+529F, U+52A1, U+52A8, U+52B3, U+5316, U+533A-533B, U+5341, U+534A, U+534F, U+5357, U+535A, U+5361, U+5386, U+539F, U+53A6, U+53C2, U+53CC-53CD, U+53D1, U+53D6-53D8, U+53E3, U+53EA, U+53EF-53F0, U+53F2, U+53F7-53F8, U+5408, U+540C-540E, U+5411, U+5426, U+544A, U+5458, U+548C, U+54C1, U+54CD, U+54EA, U+552E-552F, U+5546, U+5668, U+56DB, U+56DE, U+56E2, U+56F4, U+56FD-56FE, U+5728, U+5730, U+5733, U+573A, U+5747, U+5757, U+578B, U+57FA, U+58EB, U+5904, U+5907, U+590D, U+5916, U+591A, U+5927, U+5931, U+5951, U+5957, U+5982, U+59CB, U+59D4, U+5B57-5B58, U+5B66, U+5B89, U+5B8C, U+5B9A, U+5BA1-5BA2, U+5BB6, U+5BB9, U+5BC6, U+5BF9, U+5BFC, U+5C01, U+5C0F, U+5C16, U+5C31, U+5C42, U+5C5E, U+5C71, U+5DE5, U+5DF2, U+5E02-5E03, U+5E08, U+5E2D, U+5E38, U+5E73, U+5E76, U+5E94, U+5E9F, U+5EA6, U+5EFA, U+5F00, U+5F02, U+5F0F, U+5F18, U+5F3A, U+5F71, U+5F81, U+5F8B, U+5F97, U+5FAE, U+5FC3, U+5FC5, U+5FEB, U+6001, U+600E, U+6027, U+603B, U+60A8, U+60C5, U+6210-6212, U+6216, U+6237, U+6240, U+6253, U+6279, U+627E, U+6280, U+628A, U+62A5, U+62C6, U+62DF, U+62E9, U+6301-6302, U+6309, U+636E, U+6388, U+63A5, U+63A7-63A8, U+63D0, U+6469, U+64B0, U+652F, U+6536, U+6539, U+653E, U+6548, U+6559, U+6570, U+6574, U+6587, U+65B0, U+65B9, U+65D7, U+65E0, U+65E2, U+65E7, U+65F6, U+660E, U+6613, U+662F, U+666F, U+667A, U+66F4, U+6700, U+6709, U+670D, U+672A, U+672C, U+672F, U+673A, U+6743, U+675F, U+6761, U+6765, U+6784, U+6790, U+679C, U+67E5, U+6821, U+6837-6839, U+6848, U+6885, U+68C0, U+6A21, U+6B3A, U+6B3E, U+6B65, U+6BCF, U+6C34, U+6C42, U+6C47, U+6CBB, U+6CD5, U+6D41, U+6D4B, U+6D88, U+6DF1, U+6E20, U+6E38, U+6E90, U+6EAF, U+6F14, U+70B9, U+7167, U+7248, U+7269, U+7279, U+7280, U+72B6, U+72EC, U+7387, U+738B, U+73AF, U+7406, U+7455, U+751F, U+7528, U+7531, U+7533, U+7535, U+754C, U+7559, U+7565, U+75B5, U+767D, U+7684, U+76D1, U+76EE, U+76F4, U+770B, U+77E5, U+77F3, U+7801, U+7814, U+786E, U+793A, U+7981, U+79C1, U+79D1, U+79FB, U+7A0B, U+7A76, U+7A7F, U+7A9C, U+7ACB, U+7B49, U+7B56, U+7B79, U+7B7E, U+7B97, U+7BA1, U+7BB1, U+7CA4, U+7CFB, U+7EA6-7EA7, U+7EBF, U+7EC3-7EC4, U+7EC6, U+7ECF, U+7ED3, U+7ED9, U+7EDD, U+7EDF, U+7EF4, U+7F16, U+7F72, U+7F8E, U+7FA4, U+8005, U+8015, U+8054, U+8058, U+80DC, U+80FD, U+81EA, U+8230, U+8272, U+8282, U+8303, U+8363, U+836F, U+8425, U+8457, U+878D, U+884C-884D, U+8868, U+88AB, U+88C5, U+8981, U+89C4, U+89C6, U+89C8-89C9, U+89D2, U+89E3, U+8A00, U+8A89, U+8B66, U+8BA1, U+8BA4, U+8BA9, U+8BAD, U+8BBA, U+8BBE-8BBF, U+8BC1, U+8BC4, U+8BC6, U+8BC8, U+8BD5, U+8BE5-8BE6, U+8BED, U+8BF7, U+8C03, U+8D23, U+8D27, U+8D2F, U+8D37, U+8D39, U+8D44, U+8D56, U+8D70, U+8D77, U+8D85, U+8DD1, U+8DE8, U+8DEF, U+8DF3, U+8F6E, U+8FB9, U+8FC5, U+8FC7, U+8FD0, U+8FD4, U+8FD8, U+8FDB, U+8FDE, U+8FF0, U+8FFD, U+9002, U+9009, U+901A, U+9020, U+904D, U+9053, U+90E8, U+90FD, U+91CA, U+91CC-91CD, U+91CF, U+91D1, U+94A5, U+94F6, U+94FE, U+9500, U+9519, U+955C, U+95E8, U+95EE, U+95F4, U+95F8, U+961F, U+9645, U+9650, U+9669, U+9686, U+96BE, U+96F6-96F7, U+9700, U+9762, U+9875-9876, U+9879, U+987B, U+9884, U+9898, U+989D, U+98CE, U+9996, U+9A71, U+9A7E, U+9A8C, U+9AA4, U+9AD8, U+9ED8, U+FF01, U+FF05, U+FF08-FF09, U+FF0B-FF0D, U+FF0F, U+FF1A-FF1B, U+FF1D, U+FF1F, U+FF5E; }
@font-face { font-family: "HX Noto Sans SC"; font-style: normal; font-display: swap; font-weight: 400;
  src: url("/assets/fonts/noto-sans-sc-400-rest.6ab4081d0a.woff2") format("woff2");
  unicode-range: U+3000, U+4E14, U+4E1C, U+4E24-4E25, U+4E32, U+4E34, U+4E49, U+4E4B, U+4E5D, U+4E66, U+4E70-4E71, U+4E89, U+4E9B, U+4EAB-4EAC, U+4EC0, U+4EC5, U+4ECA-4ECB, U+4ED3, U+4ED8, U+4EE4, U+4EFD, U+4F0D, U+4F18, U+4F24, U+4F30, U+4F34, U+4F38, U+4F3C, U+4F46, U+4F4F, U+4F7F, U+4FBF, U+4FC3, U+501F, U+503A, U+503E, U+5047, U+504F, U+505C, U+5065, U+507F, U+50A8, U+5141, U+5145, U+5149, U+514B, U+514D, U+516B, U+5170-5171, U+5178, U+517B-517C, U+518D, U+519C, U+51B5, U+51BB, U+51C0, U+51CF, U+51E0, U+51ED, U+51FB, U+520A, U+5212, U+5217, U+5219, U+521D, U+5220, U+5224, U+5237, U+523B, U+524D, U+5269, U+5272, U+529E, U+52A0, U+52A9, U+52FE-52FF, U+5305, U+5339, U+5343, U+5347, U+534E, U+5355-5356, U+5360, U+5373-5374, U+5377, U+5382, U+538B, U+539A, U+53BB, U+53C9-53CB, U+53E5-53E6, U+53F3, U+5404, U+542B, U+542F, U+5448, U+5468, U+547C-547D, U+54A8, U+56E0, U+56FA, U+5708, U+5740, U+574F-5750, U+5782, U+57DF, U+57F9, U+586B, U+5883, U+589E, U+58F9, U+591F, U+5929, U+5934, U+5939, U+5954, U+5960, U+597D, U+59D3, U+5A5A, U+5A92, U+5B50, U+5B75, U+5B81, U+5B83, U+5B88, U+5B9E, U+5BA4, U+5BCC, U+5BDF, U+5BFB, U+5C04, U+5C06, U+5C11, U+5C3A, U+5C3D, U+5C40, U+5C45, U+5C4A, U+5C55, U+5C97, U+5DDE, U+5DE1, U+5DE6, U+5DEE, U+5DF1, U+5DF4, U+5E01, U+5E26, U+5E2E, U+5E42, U+5E45, U+5E72, U+5E74, U+5E7B, U+5E7F, U+5E8A, U+5E8F, U+5E93, U+5E95, U+5E97, U+5E9C, U+5EA7, U+5EB7, U+5EF6, U+5F08, U+5F15, U+5F20, U+5F39, U+5F52-5F53, U+5F55, U+5F62, U+5F80, U+5F84-5F85, U+5F92, U+5FAA, U+5FC6, U+5FD7, U+5FE0, U+5FF5, U+6025, U+6062, U+606F, U+60A3, U+60E0, U+60F3, U+610F, U+611F, U+613F, U+6162, U+6167, U+61C2, U+6218, U+622A, U+6233, U+623F, U+624B, U+624D, U+6258, U+6263, U+6267, U+6269, U+626B, U+627F, U+6295, U+6297-6298, U+62A4, U+62B5, U+62BC-62BD, U+62C5, U+62CD, U+62D2, U+62E5-62E6, U+62E8, U+62EC, U+62FF, U+6307, U+6311, U+6316, U+633D, U+635F, U+6362, U+6377, U+6392, U+6398, U+63A2, U+63CF, U+642D, U+6458, U+6491, U+64A4, U+64AD, U+64CD-64CE, U+653B, U+653F, U+6545, U+654F, U+655B, U+6562-6563, U+6591, U+6599, U+65AD, U+65BD, U+65E5, U+6620, U+663E, U+664B, U+6682, U+66B4, U+66FE-66FF, U+6708, U+671B, U+671F, U+6742, U+674E, U+6750-6751, U+675C, U+677F, U+6781, U+67A2, U+67B6, U+67D0, U+6807-6808, U+680F, U+6811, U+683C, U+6846, U+6863, U+68AF-68B0, U+68F5, U+6982, U+69DB, U+6B20-6B22, U+6B27, U+6B62-6B64, U+6B67, U+6B7B, U+6B8A, U+6B96, U+6BB5, U+6BCD, U+6BD4, U+6BEB, U+6C11, U+6C38, U+6C89, U+6C99, U+6CA1, U+6CBF, U+6CDB, U+6CE2, U+6CE8, U+6D17, U+6D3B, U+6D3D, U+6D77, U+6D89, U+6DA6, U+6DB5, U+6DC0, U+6E05, U+6E34, U+6E56, U+6E58, U+6ED1, U+6EDA, U+6EDE, U+6EE1, U+6F02, U+6F0F, U+7070, U+7136, U+719F, U+7247, U+724C, U+725B, U+7262, U+73B0, U+7403, U+7504, U+753B, U+7578, U+758F, U+7591, U+7597, U+75C5, U+75D5, U+767B, U+767E, U+76CA, U+76D6, U+76D8, U+76F2, U+76F8, U+771F, U+773C, U+775B, U+7763, U+77E9, U+77ED, U+7834, U+7840, U+7855, U+786C, U+78B0, U+793E, U+7968, U+79BB, U+79CD, U+79D2, U+79E9, U+79EF-79F0, U+7A0E, U+7A33, U+7A3D, U+7A3F, U+7A97, U+7AD9, U+7AEF, U+7B14, U+7B26, U+7B2C, U+7B54, U+7B5B, U+7B80, U+7BC7, U+7BE1, U+7C7B, U+7C89, U+7C92, U+7CBE, U+7D20, U+7D22, U+7D27, U+7D2F, U+7EA0, U+7EA2, U+7EAF, U+7EB5, U+7EC8, U+7ED1, U+7EDC, U+7EE7, U+7EE9, U+7EED, U+7EF3, U+7EFC, U+7F13, U+7F29, U+7F30, U+7F34, U+7F3A, U+7F51, U+7F6E, U+7FFB, U+8001, U+800C, U+804C, U+805A, U+80A1, U+80C6, U+80CC, U+8111, U+8131, U+8138, U+817F, U+81F3-81F4, U+826F, U+82B1, U+82E5, U+8349, U+8377, U+83B1, U+83B7, U+843D, U+84B8, U+8513, U+85AA, U+865A, U+8861, U+8865, U+88C1-88C2, U+88F8, U+8986, U+89C1-89C2, U+89E6, U+8BA2, U+8BAE, U+8BB0, U+8BB2, U+8BB8, U+8BC9-8BCA, U+8BD1, U+8BDA, U+8BDD, U+8BE2, U+8BF4, U+8BFA-8BFB, U+8C01, U+8C08, U+8C61, U+8D1F, U+8D22, U+8D25-8D26, U+8D28, U+8D2D, U+8D34, U+8D4A, U+8D54, U+8D8A, U+8DB3, U+8DC3, U+8DDF, U+8DF5, U+8E2A, U+8EAB, U+8F66, U+8F68, U+8F6C, U+8F6F, U+8F7D, U+8F85-8F86, U+8F91, U+8F93, U+8FBE, U+8FC1, U+8FCE, U+8FD1, U+8FD9, U+8FDC-8FDD, U+8FED, U+8FF9, U+9000-9001, U+900F-9010, U+9012, U+9014, U+901F, U+903B, U+903E, U+9047, U+9075, U+907F, U+90A6, U+90AE, U+90B3, U+914D, U+9192, U+91C7, U+9488, U+94B1, U+94FA, U+9501, U+952E, U+957F, U+95ED, U+9608, U+9632, U+9635-9636, U+9644, U+9648, U+964D, U+9694, U+969C, U+96C6, U+9732, U+975E, U+9760, U+987A, U+9886, U+9891, U+9910, U+996E, U+998F, U+9C9C, U+9ED1, U+9F50, U+FF5C; }
@font-face { font-family: "HX Noto Sans SC"; font-style: normal; font-display: swap; font-weight: 500;
  src: url("/assets/fonts/noto-sans-sc-500-core.cbd79f2240.woff2") format("woff2");
  unicode-range: U+2014, U+2018-2019, U+201C-201D, U+2026, U+3001-3002, U+3008-3011, U+3014-3015, U+4E00, U+4E03, U+4E07, U+4E09-4E0B, U+4E0D-4E0E, U+4E13, U+4E16, U+4E1A, U+4E2A, U+4E2D, U+4E3A-4E3B, U+4E48, U+4E5F-4E60, U+4E86, U+4E8B-4E8C, U+4E8E, U+4E92, U+4E94, U+4EA4, U+4EA7, U+4EB2, U+4EBA, U+4EBF, U+4ECE, U+4ED6, U+4EE3, U+4EE5, U+4EEC, U+4EF6-4EF7, U+4EFB, U+4F01, U+4F19-4F1A, U+4F20, U+4F4D-4F4E, U+4F53, U+4F55, U+4F59, U+4F5C, U+4F8B, U+4F9B, U+4F9D, U+4FA7, U+4FDD, U+4FE1, U+5019, U+503C, U+505A, U+50AC, U+50CF, U+5143, U+5148, U+5165, U+5168, U+516C-516D, U+5173, U+5176-5177, U+5185, U+5199, U+51B3, U+51C6, U+51E1, U+51FA, U+5206-5207, U+521B, U+5229, U+522B, U+5230, U+5236, U+5238, U+526F, U+529B, U+529F, U+52A1, U+52A8, U+52B3, U+5316, U+533A-533B, U+5341, U+534A, U+534F, U+5357, U+535A, U+5361, U+5386, U+539F, U+53A6, U+53C2, U+53CC-53CD, U+53D1, U+53D6-53D8, U+53E3, U+53EA, U+53EF-53F0, U+53F2, U+53F7-53F8, U+5408, U+540C-540E, U+5411, U+5426, U+544A, U+5458, U+548C, U+54C1, U+54CD, U+54EA, U+552E-552F, U+5546, U+5668, U+56DB, U+56DE, U+56E2, U+56F4, U+56FD-56FE, U+5728, U+5730, U+5733, U+573A, U+5747, U+5757, U+578B, U+57FA, U+58EB, U+5904, U+5907, U+590D, U+5916, U+591A, U+5927, U+5931, U+5951, U+5957, U+5982, U+59CB, U+59D4, U+5B57-5B58, U+5B66, U+5B89, U+5B8C, U+5B9A, U+5BA1-5BA2, U+5BB6, U+5BB9, U+5BC6, U+5BF9, U+5BFC, U+5C01, U+5C0F, U+5C16, U+5C31, U+5C42, U+5C5E, U+5C71, U+5DE5, U+5DF2, U+5E02-5E03, U+5E08, U+5E2D, U+5E38, U+5E73, U+5E76, U+5E94, U+5E9F, U+5EA6, U+5EFA, U+5F00, U+5F02, U+5F0F, U+5F18, U+5F3A, U+5F71, U+5F81, U+5F8B, U+5F97, U+5FAE, U+5FC3, U+5FC5, U+5FEB, U+6001, U+600E, U+6027, U+603B, U+60A8, U+60C5, U+6210-6212, U+6216, U+6237, U+6240, U+6253, U+6279, U+627E, U+6280, U+628A, U+62A5, U+62C6, U+62DF, U+62E9, U+6301-6302, U+6309, U+636E, U+6388, U+63A5, U+63A7-63A8, U+63D0, U+6469, U+64B0, U+652F, U+6536, U+6539, U+653E, U+6548, U+6559, U+6570, U+6574, U+6587, U+65B0, U+65B9, U+65D7, U+65E0, U+65E2, U+65E7, U+65F6, U+660E, U+6613, U+662F, U+666F, U+667A, U+66F4, U+6700, U+6709, U+670D, U+672A, U+672C, U+672F, U+673A, U+6743, U+675F, U+6761, U+6765, U+6784, U+6790, U+679C, U+67E5, U+6821, U+6837-6839, U+6848, U+6885, U+68C0, U+6A21, U+6B3A, U+6B3E, U+6B65, U+6BCF, U+6C34, U+6C42, U+6C47, U+6CBB, U+6CD5, U+6D41, U+6D4B, U+6D88, U+6DF1, U+6E20, U+6E38, U+6E90, U+6EAF, U+6F14, U+70B9, U+7167, U+7248, U+7269, U+7279, U+7280, U+72B6, U+72EC, U+7387, U+738B, U+73AF, U+7406, U+7455, U+751F, U+7528, U+7531, U+7533, U+7535, U+754C, U+7559, U+7565, U+75B5, U+767D, U+7684, U+76D1, U+76EE, U+76F4, U+770B, U+77E5, U+77F3, U+7801, U+7814, U+786E, U+793A, U+7981, U+79C1, U+79D1, U+79FB, U+7A0B, U+7A76, U+7A7F, U+7A9C, U+7ACB, U+7B49, U+7B56, U+7B79, U+7B7E, U+7B97, U+7BA1, U+7BB1, U+7CA4, U+7CFB, U+7EA6-7EA7, U+7EBF, U+7EC3-7EC4, U+7EC6, U+7ECF, U+7ED3, U+7ED9, U+7EDD, U+7EDF, U+7EF4, U+7F16, U+7F72, U+7F8E, U+7FA4, U+8005, U+8015, U+8054, U+8058, U+80DC, U+80FD, U+81EA, U+8230, U+8272, U+8282, U+8303, U+8363, U+836F, U+8425, U+8457, U+878D, U+884C-884D, U+8868, U+88AB, U+88C5, U+8981, U+89C4, U+89C6, U+89C8-89C9, U+89D2, U+89E3, U+8A00, U+8A89, U+8B66, U+8BA1, U+8BA4, U+8BA9, U+8BAD, U+8BBA, U+8BBE-8BBF, U+8BC1, U+8BC4, U+8BC6, U+8BC8, U+8BD5, U+8BE5-8BE6, U+8BED, U+8BF7, U+8C03, U+8D23, U+8D27, U+8D2F, U+8D37, U+8D39, U+8D44, U+8D56, U+8D70, U+8D77, U+8D85, U+8DD1, U+8DE8, U+8DEF, U+8DF3, U+8F6E, U+8FB9, U+8FC5, U+8FC7, U+8FD0, U+8FD4, U+8FD8, U+8FDB, U+8FDE, U+8FF0, U+8FFD, U+9002, U+9009, U+901A, U+9020, U+904D, U+9053, U+90E8, U+90FD, U+91CA, U+91CC-91CD, U+91CF, U+91D1, U+94A5, U+94F6, U+94FE, U+9500, U+9519, U+955C, U+95E8, U+95EE, U+95F4, U+95F8, U+961F, U+9645, U+9650, U+9669, U+9686, U+96BE, U+96F6-96F7, U+9700, U+9762, U+9875-9876, U+9879, U+987B, U+9884, U+9898, U+989D, U+98CE, U+9996, U+9A71, U+9A7E, U+9A8C, U+9AA4, U+9AD8, U+9ED8, U+FF01, U+FF05, U+FF08-FF09, U+FF0B-FF0D, U+FF0F, U+FF1A-FF1B, U+FF1D, U+FF1F, U+FF5E; }
@font-face { font-family: "HX Noto Sans SC"; font-style: normal; font-display: swap; font-weight: 500;
  src: url("/assets/fonts/noto-sans-sc-500-rest.b2def8cfd5.woff2") format("woff2");
  unicode-range: U+3000, U+4E14, U+4E1C, U+4E24-4E25, U+4E32, U+4E34, U+4E49, U+4E4B, U+4E5D, U+4E66, U+4E70-4E71, U+4E89, U+4E9B, U+4EAB-4EAC, U+4EC0, U+4EC5, U+4ECA-4ECB, U+4ED3, U+4ED8, U+4EE4, U+4EFD, U+4F0D, U+4F18, U+4F24, U+4F30, U+4F34, U+4F38, U+4F3C, U+4F46, U+4F4F, U+4F7F, U+4FBF, U+4FC3, U+501F, U+503A, U+503E, U+5047, U+504F, U+505C, U+5065, U+507F, U+50A8, U+5141, U+5145, U+5149, U+514B, U+514D, U+516B, U+5170-5171, U+5178, U+517B-517C, U+518D, U+519C, U+51B5, U+51BB, U+51C0, U+51CF, U+51E0, U+51ED, U+51FB, U+520A, U+5212, U+5217, U+5219, U+521D, U+5220, U+5224, U+5237, U+523B, U+524D, U+5269, U+5272, U+529E, U+52A0, U+52A9, U+52FE-52FF, U+5305, U+5339, U+5343, U+5347, U+534E, U+5355-5356, U+5360, U+5373-5374, U+5377, U+5382, U+538B, U+539A, U+53BB, U+53C9-53CB, U+53E5-53E6, U+53F3, U+5404, U+542B, U+542F, U+5448, U+5468, U+547C-547D, U+54A8, U+56E0, U+56FA, U+5708, U+5740, U+574F-5750, U+5782, U+57DF, U+57F9, U+586B, U+5883, U+589E, U+58F9, U+591F, U+5929, U+5934, U+5939, U+5954, U+5960, U+597D, U+59D3, U+5A5A, U+5A92, U+5B50, U+5B75, U+5B81, U+5B83, U+5B88, U+5B9E, U+5BA4, U+5BCC, U+5BDF, U+5BFB, U+5C04, U+5C06, U+5C11, U+5C3A, U+5C3D, U+5C40, U+5C45, U+5C4A, U+5C55, U+5C97, U+5DDE, U+5DE1, U+5DE6, U+5DEE, U+5DF1, U+5DF4, U+5E01, U+5E26, U+5E2E, U+5E42, U+5E45, U+5E72, U+5E74, U+5E7B, U+5E7F, U+5E8A, U+5E8F, U+5E93, U+5E95, U+5E97, U+5E9C, U+5EA7, U+5EB7, U+5EF6, U+5F08, U+5F15, U+5F20, U+5F39, U+5F52-5F53, U+5F55, U+5F62, U+5F80, U+5F84-5F85, U+5F92, U+5FAA, U+5FC6, U+5FD7, U+5FE0, U+5FF5, U+6025, U+6062, U+606F, U+60A3, U+60E0, U+60F3, U+610F, U+611F, U+613F, U+6162, U+6167, U+61C2, U+6218, U+622A, U+6233, U+623F, U+624B, U+624D, U+6258, U+6263, U+6267, U+6269, U+626B, U+627F, U+6295, U+6297-6298, U+62A4, U+62B5, U+62BC-62BD, U+62C5, U+62CD, U+62D2, U+62E5-62E6, U+62E8, U+62EC, U+62FF, U+6307, U+6311, U+6316, U+633D, U+635F, U+6362, U+6377, U+6392, U+6398, U+63A2, U+63CF, U+642D, U+6458, U+6491, U+64A4, U+64AD, U+64CD-64CE, U+653B, U+653F, U+6545, U+654F, U+655B, U+6562-6563, U+6591, U+6599, U+65AD, U+65BD, U+65E5, U+6620, U+663E, U+664B, U+6682, U+66B4, U+66FE-66FF, U+6708, U+671B, U+671F, U+6742, U+674E, U+6750-6751, U+675C, U+677F, U+6781, U+67A2, U+67B6, U+67D0, U+6807-6808, U+680F, U+6811, U+683C, U+6846, U+6863, U+68AF-68B0, U+68F5, U+6982, U+69DB, U+6B20-6B22, U+6B27, U+6B62-6B64, U+6B67, U+6B7B, U+6B8A, U+6B96, U+6BB5, U+6BCD, U+6BD4, U+6BEB, U+6C11, U+6C38, U+6C89, U+6C99, U+6CA1, U+6CBF, U+6CDB, U+6CE2, U+6CE8, U+6D17, U+6D3B, U+6D3D, U+6D77, U+6D89, U+6DA6, U+6DB5, U+6DC0, U+6E05, U+6E34, U+6E56, U+6E58, U+6ED1, U+6EDA, U+6EDE, U+6EE1, U+6F02, U+6F0F, U+7070, U+7136, U+719F, U+7247, U+724C, U+725B, U+7262, U+73B0, U+7403, U+7504, U+753B, U+7578, U+758F, U+7591, U+7597, U+75C5, U+75D5, U+767B, U+767E, U+76CA, U+76D6, U+76D8, U+76F2, U+76F8, U+771F, U+773C, U+775B, U+7763, U+77E9, U+77ED, U+7834, U+7840, U+7855, U+786C, U+78B0, U+793E, U+7968, U+79BB, U+79CD, U+79D2, U+79E9, U+79EF-79F0, U+7A0E, U+7A33, U+7A3D, U+7A3F, U+7A97, U+7AD9, U+7AEF, U+7B14, U+7B26, U+7B2C, U+7B54, U+7B5B, U+7B80, U+7BC7, U+7BE1, U+7C7B, U+7C89, U+7C92, U+7CBE, U+7D20, U+7D22, U+7D27, U+7D2F, U+7EA0, U+7EA2, U+7EAF, U+7EB5, U+7EC8, U+7ED1, U+7EDC, U+7EE7, U+7EE9, U+7EED, U+7EF3, U+7EFC, U+7F13, U+7F29, U+7F30, U+7F34, U+7F3A, U+7F51, U+7F6E, U+7FFB, U+8001, U+800C, U+804C, U+805A, U+80A1, U+80C6, U+80CC, U+8111, U+8131, U+8138, U+817F, U+81F3-81F4, U+826F, U+82B1, U+82E5, U+8349, U+8377, U+83B1, U+83B7, U+843D, U+84B8, U+8513, U+85AA, U+865A, U+8861, U+8865, U+88C1-88C2, U+88F8, U+8986, U+89C1-89C2, U+89E6, U+8BA2, U+8BAE, U+8BB0, U+8BB2, U+8BB8, U+8BC9-8BCA, U+8BD1, U+8BDA, U+8BDD, U+8BE2, U+8BF4, U+8BFA-8BFB, U+8C01, U+8C08, U+8C61, U+8D1F, U+8D22, U+8D25-8D26, U+8D28, U+8D2D, U+8D34, U+8D4A, U+8D54, U+8D8A, U+8DB3, U+8DC3, U+8DDF, U+8DF5, U+8E2A, U+8EAB, U+8F66, U+8F68, U+8F6C, U+8F6F, U+8F7D, U+8F85-8F86, U+8F91, U+8F93, U+8FBE, U+8FC1, U+8FCE, U+8FD1, U+8FD9, U+8FDC-8FDD, U+8FED, U+8FF9, U+9000-9001, U+900F-9010, U+9012, U+9014, U+901F, U+903B, U+903E, U+9047, U+9075, U+907F, U+90A6, U+90AE, U+90B3, U+914D, U+9192, U+91C7, U+9488, U+94B1, U+94FA, U+9501, U+952E, U+957F, U+95ED, U+9608, U+9632, U+9635-9636, U+9644, U+9648, U+964D, U+9694, U+969C, U+96C6, U+9732, U+975E, U+9760, U+987A, U+9886, U+9891, U+9910, U+996E, U+998F, U+9C9C, U+9ED1, U+9F50, U+FF5C; }

/* ---------- tokens ---------- */
@property --spin { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
:root {
  /* neutrals — Google GM3 */
  --on-surface: #1F1F1F;
  --on-surface-var: #444746;
  --ink-soft: #5F6368;
  --heading: #1F1F1F;
  --outline: #747775;
  --outline-var: #C4C7C5;
  --hairline: #E1E3E1;
  --surface: #FFFFFF;
  --surface-low: #F8FAFD;
  --surface-c: #F0F4F9;
  --surface-high: #E9EEF6;
  --surface-highest: #DDE3EA;
  --inverse: #1F1F1F;
  --on-inverse: #FFFFFF;
  /* primary — logo blue. --primary is the accent for text & strokes, --primary-fill for solid fills under white text */
  --primary: #0156D3;
  --primary-fill: #0156D3;
  --primary-hover: #014AB6;
  --primary-deep: #0842A0;
  --primary-c: #D3E3FD;
  --primary-c-low: #E8F0FE;
  --primary-line: #C2D7F7;
  --on-primary-c: #041E49;
  /* accent — logo orange (flagship SAM) */
  --or: #EB6100;
  --or-hover: #D45700;
  --or-deep: #B84A00;
  --or-c: #FFF1E8;
  --or-line: #FFDCC7;
  /* AI gradient (brand) */
  --grad: linear-gradient(90deg, #0156D3 0%, #3D8BFF 28%, #8B6CF2 55%, #E05A8E 78%, #EB6100 100%);
  /* seamless loop for animated gradient text (period = 2 × element width) */
  --grad-loop: linear-gradient(90deg, #0156D3 0%, #3D8BFF 14%, #8B6CF2 30%, #E05A8E 42%, #EB6100 50%, #E05A8E 58%, #8B6CF2 70%, #3D8BFF 86%, #0156D3 100%);
  --grad-cool: linear-gradient(120deg, #0156D3 0%, #3D8BFF 50%, #8B6CF2 100%);
  --grad-num: linear-gradient(135deg, #0156D3 0%, #3D8BFF 55%, #8B6CF2 100%);
  /* cards */
  --card: var(--surface-c);
  --card-hover: #FFFFFF;
  --card-line: rgba(31, 31, 31, 0);
  --card-shadow: 0 0 0 0 rgba(31, 31, 31, 0);
  --spot: rgba(61, 139, 255, .14);

  --e1: 0 1px 2px 0 rgba(60, 64, 67, .16), 0 1px 3px 1px rgba(60, 64, 67, .08);
  --e2: 0 1px 2px 0 rgba(60, 64, 67, .14), 0 6px 20px -4px rgba(60, 64, 67, .16);
  --e3: 0 2px 6px 0 rgba(60, 64, 67, .10), 0 24px 56px -12px rgba(31, 31, 31, .22);
  --lift: 0 1px 2px rgba(31, 31, 31, .04), 0 24px 48px -20px rgba(1, 86, 211, .30);

  --sans: "Google Sans Flex", "Google Sans", "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  --display: var(--sans);
  --mono: "Roboto Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;

  --r-xs: 4px; --r-s: 8px; --r-m: 12px; --r-l: 18px; --r-xl: 28px; --r-2xl: 32px; --r-3xl: 48px; --r-full: 999px;
  --wrap: 1232px;
  --gutter: 20px;
  --hdr-h: 64px;
  --sec: 64px;
  --inset: 8px;
  --ease: cubic-bezier(.2, 0, 0, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --sparkle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.6 6.6 5.4 11.4 12 12-6.6.6-11.4 5.4-12 12-.6-6.6-5.4-11.4-12-12C6.6 11.4 11.4 6.6 12 0z'/%3E%3C/svg%3E");
}
html[lang="zh-CN"] {
  --sans: "Google Sans Flex CN", "HX Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;
}
@media (min-width: 600px) { :root { --gutter: 32px; --inset: 12px; --sec: 80px; } }
@media (min-width: 1024px) { :root { --gutter: 48px; --sec: 96px; --inset: 24px; } }

/* AI panels (.dark sections) and the CTA band: light tinted panels — white cards with a blue hairline */
.dark, .cta__box {
  --card: #FFFFFF;
  --card-hover: #FFFFFF;
  --card-line: rgba(1, 86, 211, .10);
  --card-shadow: 0 1px 2px rgba(1, 86, 211, .05), 0 14px 32px -22px rgba(1, 86, 211, .32);
  --spot: rgba(61, 139, 255, .12);
}

/* ---------- base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--hdr-h) + 16px); }
body { margin: 0; background: var(--surface); color: var(--on-surface); font-family: var(--sans); font-size: 16px; line-height: 1.6; font-weight: 400; font-optical-sizing: auto; font-kerning: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; overflow-x: clip; }
html[lang="zh-CN"] body { line-height: 1.75; }
img, svg, canvas { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
p { margin: 0 0 1em; text-wrap: pretty; }
h1, h2, h3, h4 { margin: 0; font-family: var(--display); font-weight: 500; line-height: 1.25; text-wrap: balance; color: var(--heading); }
html[lang="zh-CN"] :is(h1, h2, h3, h4) { line-break: strict; overflow-wrap: anywhere; }
html[lang="zh-CN"] h1 { word-break: keep-all; }
@media (min-width: 600px) { html[lang="zh-CN"] :is(h2, h3, h4) { word-break: keep-all; } }
strong { font-weight: 500; color: var(--on-surface); }
ul, ol { margin: 0; padding: 0; }
button { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; border-radius: 6px; }
::selection { background: var(--primary-c); color: var(--on-primary-c); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.skip { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--surface); color: var(--primary); padding: 10px 16px; border-radius: var(--r-full); box-shadow: var(--e2); font-weight: 500; }
.skip:focus { top: 12px; }
.wrap { width: 100%; max-width: calc(var(--wrap) + var(--gutter) * 2); margin: 0 auto; padding: 0 var(--gutter); }

/* ---------- type scale ---------- */
.hero__stat b, .stat b, .kpi b, .metric b, .flow4 li b, .rcase__v b, .formula span, .ineq b, .roles b, .sbx b, .trio__n b, .mf__unit b,
.sam__boss b, .quote-sm b, .avatar, .quote blockquote { font-family: var(--display); font-weight: 500; }
/* display */
.hero h1 { font-size: clamp(34px, 6.4vw, 84px); line-height: 1.06; letter-spacing: -0.028em; }
.phero h1, .nf h1 { font-size: clamp(30px, 4.8vw, 62px); line-height: 1.1; letter-spacing: -0.03em; }
.shead h2, .h2, .cta h2, .trialband h2 { font-size: clamp(28px, 3.6vw, 48px); line-height: 1.14; letter-spacing: -0.025em; }
.hero__stat b, .stat b, .quote blockquote { font-size: clamp(34px, 3.6vw, 52px); line-height: 1.1; letter-spacing: -0.03em; }
/* headline */
.sub-h, .h2--s, .case__h h3, .bio__card h3, .form h2, .road h3 { font-size: clamp(22px, 2.3vw, 30px); line-height: 1.25; letter-spacing: -0.015em; }
.metric b, .flow4 li b, .rcase__v b { font-size: clamp(28px, 2.6vw, 38px); line-height: 1.15; letter-spacing: -0.02em; }
/* title */
.card h3, .feat h3, .caps h3, .cc__col h3, .person h3, .prio h3, .cv__col h3, .stack__gov h3, .icard h3 { font-size: 20px; line-height: 1.32; letter-spacing: -0.01em; font-weight: 500; }
@media (min-width: 1024px) { .card h3, .feat h3, .caps h3, .cc__col h3, .person h3, .prio h3, .cv__col h3, .icard h3 { font-size: 22px; } }
html[lang="zh-CN"] :is(.hero h1, .phero h1, .nf h1, h2, h3, .hero__stat b, .stat b, .quote blockquote, .metric b, .kpi b) { letter-spacing: 0; }
html[lang="zh-CN"] .hero h1 { line-height: 1.18; letter-spacing: .01em; }
html[lang="zh-CN"] :is(.phero h1, .nf h1) { line-height: 1.24; }
html[lang="zh-CN"] :is(.shead h2, .h2, .cta h2, .trialband h2) { line-height: 1.3; }
html[lang="zh-CN"] :is(.card h3, .feat h3, .caps h3, .cc__col h3, .person h3, .prio h3, .cv__col h3, .icard h3) { line-height: 1.45; }
/* body-large (lead) */
.lead, .phero__lead, .shead p, .cta p { font-size: 18px; line-height: 1.6; color: var(--on-surface-var); }
@media (min-width: 1024px) { .phero__lead, .shead p { font-size: 19px; } }
.hero__lead { font-size: clamp(17px, 1.5vw, 20px); line-height: 1.6; color: var(--on-surface-var); }
html[lang="zh-CN"] :is(.lead, .phero__lead, .shead p, .cta p, .hero__lead) { line-height: 1.85; }
/* label · eyebrow — section label as a mini lockup: gradient tile with the AI sparkle + brand-blue text */
.eyebrow { position: relative; display: flex; align-items: center; gap: 10px; width: max-content; max-width: 100%; font-size: 15px; line-height: 22px; font-weight: 500; letter-spacing: .01em; color: var(--primary); margin-bottom: 20px; }
html[lang="zh-CN"] .eyebrow { font-size: 16px; letter-spacing: .06em; }
.eyebrow::before { content: ""; flex: none; width: 24px; height: 24px; border-radius: 7px; background: linear-gradient(135deg, #0156D3 0%, #3D8BFF 45%, #8B6CF2 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 4px 10px -4px rgba(1, 86, 211, .6); }
.eyebrow::after { content: ""; position: absolute; left: 6px; top: 50%; width: 12px; height: 12px; margin-top: -6px; background: #FFFFFF; -webkit-mask: var(--sparkle) center / contain no-repeat; mask: var(--sparkle) center / contain no-repeat; }
/* product lockup (home hero + every page hero): mark + name, about a quarter of the headline size */
.lockup { display: inline-flex; align-items: center; gap: 14px; max-width: 100%; margin: 0 0 30px; font-size: clamp(17px, 1.6vw, 22px); line-height: 1.35; font-weight: 500; color: var(--on-surface); letter-spacing: .005em; }
html[lang="zh-CN"] .lockup { letter-spacing: .06em; }
.lockup__mark { position: relative; flex: none; width: 1.7em; height: 1.7em; border-radius: .52em; background: linear-gradient(135deg, #0156D3 0%, #3D8BFF 38%, #8B6CF2 72%, #E05A8E 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 8px 18px -8px rgba(1, 86, 211, .7); }
.lockup__mark::before { content: ""; position: absolute; inset: 24%; background: #FFFFFF; -webkit-mask: var(--sparkle) center / contain no-repeat; mask: var(--sparkle) center / contain no-repeat; }
.lockup__dot { margin: 0 .35em; color: var(--outline-var); font-weight: 400; }
.phero .lockup { font-size: clamp(16px, 1.4vw, 19px); gap: 12px; margin-bottom: 26px; }
@media (max-width: 599px) { .lockup { flex-direction: column; gap: 12px; margin-bottom: 24px; } .lockup .lockup__name { text-align: center; } .lockup__mark { width: 40px; height: 40px; border-radius: 12px; } }
.lockup__name { text-align: left; text-wrap: balance; }
.lockup b { font-weight: 600; letter-spacing: .02em; background: var(--grad-cool); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.muted { color: var(--on-surface-var); }
.note { font-size: 14px; line-height: 1.6; color: var(--ink-soft); margin-top: 24px; }
.hl { color: var(--primary); }
:is(h1, h2, h3, .quote blockquote) .hl { background: var(--grad-cool); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }

/* ---------- header (glass) ---------- */
.hdr { position: fixed; inset: 0 0 auto 0; z-index: 50; height: var(--hdr-h); color: var(--on-surface); background: rgba(255, 255, 255, 0); transition: background-color .3s var(--ease), box-shadow .3s var(--ease); }
/* solid (not blurred) glass: a backdrop blur re-renders on every scroll frame, which low-end devices feel */
.hdr.is-scrolled, body.nav-open .hdr { background: rgba(255, 255, 255, .95); box-shadow: 0 1px 0 rgba(31, 31, 31, .07), 0 8px 24px -16px rgba(31, 31, 31, .2); }
.hdr__bar { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--grad); transform-origin: 0 50%; transform: scaleX(0); opacity: 0; transition: opacity .3s; pointer-events: none; }
.hdr.is-scrolled .hdr__bar { opacity: 1; }
.hdr__in { height: 100%; display: flex; align-items: center; gap: 24px; }
.hdr__logo { display: flex; align-items: center; flex: none; height: 100%; }
.hdr__logo img { height: 30px; width: auto; }
html[lang="en"] .hdr__logo img { height: 26px; }
.nav { display: none; align-items: center; gap: 2px; margin-left: 12px; height: 100%; }
.nav__item { position: relative; height: 100%; display: flex; align-items: center; }
.nav__link { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; font-size: 14.5px; font-weight: 500; line-height: 20px; color: var(--on-surface-var); border-radius: var(--r-full); background: none; border: 0; cursor: pointer; white-space: nowrap; transition: color .2s, background-color .2s; }
.nav__link:hover, .nav__item.is-open > .nav__link { color: var(--on-surface); background: rgba(31, 31, 31, .05); }
.nav__link[aria-current="page"] { color: var(--on-surface); }
.nav__link[aria-current="page"]::after { content: ""; position: absolute; left: 50%; bottom: -12px; width: 18px; height: 3px; margin-left: -9px; border-radius: 3px; background: var(--grad); }
.nav__caret { width: 10px; height: 10px; flex: none; transition: transform .25s var(--ease); }
.nav__item.is-open .nav__caret { transform: rotate(180deg); }
.nav__badge { display: inline-flex; flex: none; align-items: center; font-size: 11px; font-weight: 500; line-height: 16px; padding: 0 7px; border-radius: var(--r-full); color: #FFFFFF; background: linear-gradient(120deg, #EB6100, #8B6CF2); }
html[lang="en"] .nav .nav__badge { display: none; }
@media (min-width: 1360px) { html[lang="en"] .nav .nav__badge { display: inline-flex; } }
.dd { position: absolute; top: calc(100% - 4px); left: -8px; width: 680px; padding: 10px; border-radius: var(--r-xl); background: #FFFFFF; color: var(--on-surface); box-shadow: 0 0 0 1px rgba(31, 31, 31, .06), var(--e3); opacity: 0; visibility: hidden; transform: translateY(-6px) scale(.985); transform-origin: 20% 0; transition: opacity .2s var(--ease), transform .25s var(--ease-out), visibility 0s linear .25s; }
.nav__item.is-open .dd { opacity: 1; visibility: visible; transform: none; transition: opacity .2s var(--ease), transform .3s var(--ease-out); }
.dd__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.dd__item { position: relative; display: block; padding: 14px 16px 14px 18px; border-radius: var(--r-l); transition: background-color .2s; }
.dd__item::before { content: ""; position: absolute; left: 6px; top: 18px; bottom: 18px; width: 3px; border-radius: 3px; background: var(--grad-cool); opacity: 0; transform: scaleY(.4); transition: opacity .2s, transform .3s var(--ease-out); }
.dd__item:hover { background: var(--surface-c); }
.dd__item:hover::before { opacity: 1; transform: none; }
.dd__item b { display: flex; align-items: center; gap: 8px; font-size: 15.5px; font-weight: 500; line-height: 22px; }
.dd__item > span { display: block; font-size: 14px; color: var(--on-surface-var); line-height: 20px; margin-top: 3px; }
.dd__tag { font-size: 11px; font-weight: 500; line-height: 16px; color: #FFFFFF; background: linear-gradient(120deg, #EB6100, #8B6CF2); padding: 0 7px; border-radius: var(--r-full); }
.dd__foot { margin: 6px 6px 0; padding: 14px 12px 6px; border-top: 1px solid var(--hairline); display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 13.5px; color: var(--on-surface-var); }
.dd__foot a { color: var(--primary); font-weight: 500; white-space: nowrap; }
.dd__foot a:hover { text-decoration: underline; text-underline-offset: 3px; }
.hdr__act { margin-left: auto; display: flex; align-items: center; gap: 6px; flex: none; }
.lang { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: var(--on-surface-var); padding: 8px 12px; border-radius: var(--r-full); white-space: nowrap; transition: background-color .2s, color .2s; }
.lang:hover { color: var(--on-surface); background: rgba(31, 31, 31, .05); }
.lang svg { width: 18px; height: 18px; flex: none; }
.hdr .hdr__cta { display: none; }
.burger { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border: 0; background: none; cursor: pointer; border-radius: var(--r-full); color: var(--on-surface); }
.burger:hover { background: rgba(31, 31, 31, .05); }
.burger span, .burger span::before, .burger span::after { display: block; width: 18px; height: 2px; background: currentColor; border-radius: 2px; position: relative; transition: transform .3s var(--ease-out), background-color .2s; }
.burger span::before, .burger span::after { content: ""; position: absolute; left: 0; }
.burger span::before { top: -6px; }
.burger span::after { top: 6px; }
.burger[aria-expanded="true"] span { background: transparent; }
.burger[aria-expanded="true"] span::before { transform: translateY(6px) rotate(45deg); }
.burger[aria-expanded="true"] span::after { transform: translateY(-6px) rotate(-45deg); }
.mnav { position: fixed; inset: var(--hdr-h) 0 0 0; z-index: 49; background: #FFFFFF; color: var(--on-surface); overflow-y: auto; padding: 8px var(--gutter) 40px; display: none; }
.mnav.is-open { display: block; animation: mnavIn .35s var(--ease-out); }
.mnav.is-open > * { animation: mnavItem .5s var(--ease-out) both; }
.mnav.is-open > *:nth-child(2) { animation-delay: .04s; } .mnav.is-open > *:nth-child(3) { animation-delay: .08s; } .mnav.is-open > *:nth-child(4) { animation-delay: .12s; }
.mnav.is-open > *:nth-child(5) { animation-delay: .16s; } .mnav.is-open > *:nth-child(6) { animation-delay: .2s; } .mnav.is-open > *:nth-child(n+7) { animation-delay: .24s; }
@keyframes mnavIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes mnavItem { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.mnav__group { border-bottom: 1px solid var(--hairline); padding: 12px 0; }
.mnav__title { font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: .06em; color: var(--ink-soft); margin: 4px 0 6px; }
.mnav a { display: block; padding: 10px 0; font-size: 16px; font-weight: 500; line-height: 24px; }
.mnav a small { display: block; font-size: 14px; line-height: 20px; color: var(--on-surface-var); font-weight: 400; }
.mnav .btn { margin-top: 24px; width: 100%; justify-content: center; }
body.nav-open { overflow: hidden; }
@media (min-width: 480px) { .hdr .hdr__cta { display: inline-flex; } }
@media (min-width: 1100px) { .nav { display: flex; } .burger, .mnav, .mnav.is-open { display: none; } }
@media (min-width: 1100px) and (max-width: 1279px) { .nav__link { padding: 8px 10px; font-size: 14px; } .hdr__in { gap: 12px; } html[lang="en"] .hdr__logo img { height: 22px; } .lang { padding: 8px; } }

/* ---------- buttons & links ---------- */
.btn { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 12px 26px; font-family: var(--sans); font-size: 15.5px; font-weight: 500; line-height: 24px; letter-spacing: .005em; border-radius: var(--r-full); border: 1px solid transparent; cursor: pointer; white-space: nowrap; transition: background-color .2s var(--ease), box-shadow .3s var(--ease), color .2s, border-color .2s, transform .3s var(--ease-out); }
.btn svg { width: 18px; height: 18px; margin-right: -4px; transition: transform .3s var(--ease-out); }
.btn:hover svg { transform: translateX(3px); }
.btn:active { transform: scale(.98); }
.btn--sm { min-height: 40px; padding: 8px 20px; font-size: 14px; line-height: 20px; }
.btn--primary { background: var(--primary-fill); color: #FFFFFF; background-image: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, 0) 60%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 1px 2px rgba(1, 86, 211, .3), 0 10px 24px -12px rgba(1, 86, 211, .7); }
.btn--primary::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(105deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .32) 50%, rgba(255, 255, 255, 0) 70%); transform: translateX(-120%); transition: transform .8s var(--ease-out); }
.btn--primary:hover { background-color: var(--primary-hover); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 1px 2px rgba(1, 86, 211, .3), 0 16px 32px -12px rgba(1, 86, 211, .75); transform: translateY(-1px); }
.btn--primary:hover::after { transform: translateX(120%); }
.btn--ghost, .btn--outline { background: rgba(255, 255, 255, .6); color: var(--on-surface); border-color: var(--outline-var); }
.btn--ghost:hover, .btn--outline:hover { background: #FFFFFF; border-color: var(--on-surface); }
.btn--tonal { background: var(--primary-c); color: var(--on-primary-c); }
.btn--tonal:hover { box-shadow: var(--e1); }
.link { display: inline-flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 500; line-height: 24px; color: var(--primary); background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .35s var(--ease-out); }
.link svg { width: 18px; height: 18px; transition: transform .3s var(--ease-out); }
.link:hover { background-size: calc(100% - 24px) 1px; }
.link:hover svg { transform: translateX(4px); }
.more-row { margin-top: 40px; }

/* ---------- sections ---------- */
.sec { padding: var(--sec) 0; position: relative; }
.sec--white, .sec--paper { background: var(--surface); }
.sec--tight { padding: 40px 0; }
.dark, .sec--tint { position: relative; isolation: isolate; overflow: hidden; margin-left: var(--inset); margin-right: var(--inset); border-radius: var(--r-2xl); }
@media (min-width: 1024px) { .dark, .sec--tint { border-radius: var(--r-3xl); } }
.sec--tint { background: var(--surface-c); }
.dark { background:
  radial-gradient(60% 50% at 0% 0%, rgba(61, 139, 255, .16), rgba(61, 139, 255, 0) 70%),
  radial-gradient(50% 45% at 100% 0%, rgba(139, 108, 242, .13), rgba(139, 108, 242, 0) 70%),
  radial-gradient(55% 50% at 92% 100%, rgba(235, 97, 0, .07), rgba(235, 97, 0, 0) 70%),
  linear-gradient(180deg, #F8FAFD 0%, #F0F4F9 100%);
  box-shadow: inset 0 0 0 1px rgba(1, 86, 211, .06); }
/* engineering grid fading out from the top edge */
.dark::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgba(1, 86, 211, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(1, 86, 211, .055) 1px, transparent 1px);
  background-size: 56px 56px; background-position: center top;
  -webkit-mask-image: radial-gradient(90% 70% at 50% 0%, #000 0%, transparent 75%); mask-image: radial-gradient(90% 70% at 50% 0%, #000 0%, transparent 75%); }
/* slow-drifting light */
.dark::after { content: ""; position: absolute; z-index: -1; left: 30%; top: -30%; width: 70%; height: 90%; pointer-events: none; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(61, 139, 255, .14), rgba(61, 139, 255, 0)); animation: drift 22s ease-in-out infinite alternate; animation-play-state: paused; }
.dark.is-live::after { animation-play-state: running; }
@keyframes drift { from { transform: translate3d(-30%, 0, 0) scale(1); } to { transform: translate3d(25%, 18%, 0) scale(1.25); } }
.dark.sec, .sec--tint { padding: var(--sec) 0; }
.dark .wrap, .sec--tint .wrap { padding-left: max(16px, calc(var(--gutter) - var(--inset))); padding-right: max(16px, calc(var(--gutter) - var(--inset))); max-width: calc(var(--wrap) + max(16px, calc(var(--gutter) - var(--inset))) * 2); }
.glow-b { display: none; }
.shead { max-width: 860px; margin-bottom: 56px; }
.wrap > .shead:not(.shead--row), .shead--center { margin-left: auto; margin-right: auto; text-align: center; }
.wrap > .shead:not(.shead--row) .eyebrow, .shead--center .eyebrow { margin-left: auto; margin-right: auto; }
.shead p { margin: 20px 0 0; max-width: 740px; }
.wrap > .shead:not(.shead--row) p, .shead--center p { margin-left: auto; margin-right: auto; }
.shead--row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px; max-width: none; }
.shead--row > div { max-width: 780px; }
.h2 { margin-bottom: 16px; }
.sub-h { margin: 72px 0 24px; }
.spacer { height: 56px; }
.spacer-s { height: 16px; }
.prose p { font-size: 16px; color: var(--on-surface-var); }
.segs { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 24px; }
.segs b { font-size: 14px; font-weight: 500; margin-right: 4px; }
.grid { display: grid; gap: 16px; }
@media (min-width: 1024px) { .grid { gap: 20px; } }
@media (min-width: 600px) { .g2, .g3, .g4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .g3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .g4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.split { display: grid; gap: 40px; align-items: start; }
@media (min-width: 1024px) { .split { grid-template-columns: 5fr 7fr; gap: 72px; } .split--even { grid-template-columns: 1fr 1fr; } }

/* ---------- aurora + grid backdrop (hero, page hero, CTA) ---------- */
.bgfx { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.bgfx__grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(1, 86, 211, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(1, 86, 211, .07) 1px, transparent 1px); background-size: 56px 56px; background-position: center -1px;
  -webkit-mask-image: radial-gradient(60% 55% at 50% 30%, #000 0%, transparent 78%); mask-image: radial-gradient(60% 55% at 50% 30%, #000 0%, transparent 78%); }
.bgfx__orb { position: absolute; border-radius: 50%; will-change: transform; animation: orb 18s ease-in-out infinite alternate; animation-play-state: paused; }
.is-live .bgfx__orb { animation-play-state: running; }
.bgfx__orb--a { width: 62vw; height: 62vw; max-width: 900px; max-height: 900px; left: -14%; top: -38%; background: radial-gradient(closest-side, rgba(61, 139, 255, .30), rgba(61, 139, 255, 0)); }
.bgfx__orb--b { width: 52vw; height: 52vw; max-width: 760px; max-height: 760px; right: -12%; top: -22%; background: radial-gradient(closest-side, rgba(139, 108, 242, .24), rgba(139, 108, 242, 0)); animation-duration: 22s; animation-delay: -6s; }
.bgfx__orb--c { width: 44vw; height: 44vw; max-width: 640px; max-height: 640px; left: 34%; top: 6%; background: radial-gradient(closest-side, rgba(235, 97, 0, .14), rgba(235, 97, 0, 0)); animation-duration: 26s; animation-delay: -12s; }
@keyframes orb { 0% { transform: translate3d(0, 0, 0) scale(1); } 50% { transform: translate3d(6%, 8%, 0) scale(1.12); } 100% { transform: translate3d(-5%, 4%, 0) scale(.94); } }
.bgfx__fade { position: absolute; left: 0; right: 0; bottom: 0; height: 40%; background: linear-gradient(rgba(255, 255, 255, 0), #FFFFFF); }

/* ---------- home hero ---------- */
.hero { position: relative; isolation: isolate; background: var(--surface); padding: calc(var(--hdr-h) + 64px) 0 48px; text-align: center; overflow: hidden; }
@media (min-width: 1024px) { .hero { padding-top: calc(var(--hdr-h) + 96px); } }
.hero.dark { margin: 0; border-radius: 0; }
.hero__txt { max-width: 1000px; margin: 0 auto; }
.hero h1 em { font-style: normal; background: var(--grad-loop) 0 0 / 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; animation: shimmer 9s linear infinite; }
@keyframes shimmer { to { background-position: -200% 0; } }
/* repaint-driven loops run only while their section is on screen */
.hero:not(.is-live) h1 em, .hero:not(.is-live) .announce::before, .nf:not(.is-live) b, :is(.arch, .trio, .mf):not(.is-live) svg { animation-play-state: paused !important; }
.hero__lead { margin: 28px auto 0; max-width: 720px; }
.hero__ctas { margin-top: 36px; display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.announce { position: relative; isolation: isolate; display: inline-flex; align-items: center; gap: 10px; max-width: 100%; padding: 5px 16px 5px 5px; border-radius: var(--r-full); background: rgba(255, 255, 255, .88); color: var(--on-surface); font-size: 14px; line-height: 20px; text-align: left; box-shadow: 0 8px 24px -16px rgba(1, 86, 211, .5); transition: transform .3s var(--ease-out), box-shadow .3s; }
.announce::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; padding: 1px; background: conic-gradient(from var(--spin), #0156D3, #3D8BFF, #8B6CF2, #EB6100, #3D8BFF, #0156D3); -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 exclude, linear-gradient(#000 0 0); animation: spin 5s linear infinite; }
@keyframes spin { to { --spin: 360deg; } }
.announce:hover { transform: translateY(-1px); box-shadow: 0 12px 28px -14px rgba(1, 86, 211, .6); }
.announce__tag { flex: none; font-size: 12px; font-weight: 500; line-height: 16px; padding: 4px 10px; border-radius: var(--r-full); background: linear-gradient(120deg, #EB6100, #8B6CF2); color: #FFFFFF; }
.announce__txt { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.announce svg { flex: none; width: 16px; height: 16px; color: var(--primary); transition: transform .3s var(--ease-out); }
.announce:hover svg { transform: translateX(3px); }
@media (max-width: 560px) { .announce__txt { white-space: normal; } }
.hero .announce { margin: 28px 0 0; }
/* framed media with gradient rim, glow and scroll-linked zoom */
.hero__frame { position: relative; margin: 64px auto 0; padding: 1px; border-radius: calc(var(--r-2xl) + 1px); background: linear-gradient(135deg, rgba(61, 139, 255, .65), rgba(139, 108, 242, .35) 45%, rgba(235, 97, 0, .55)); box-shadow: 0 50px 100px -40px rgba(1, 86, 211, .45), 0 30px 60px -30px rgba(139, 108, 242, .35); transform-origin: 50% 0; will-change: transform; }
@media (min-width: 1024px) { .hero__frame { margin-top: 80px; border-radius: calc(var(--r-3xl) + 1px); } }
.hero__frame .media { margin: 0; }
.js .hero__frame .media img { transform: scale(1.06); transition: transform 1.6s var(--ease-out); }
.js .hero__frame.is-in .media img { transform: scale(1); }
/* scanning light across the hero image */
.hero__frame .media::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: auto; height: 36%; box-shadow: none; border-radius: 0; pointer-events: none; background: linear-gradient(180deg, rgba(168, 199, 250, 0), rgba(168, 199, 250, .16) 85%, rgba(255, 255, 255, .5) 100%); transform: translateY(-110%); animation: scan 7s cubic-bezier(.45, 0, .2, 1) infinite; animation-play-state: paused; }
.hero.is-live .hero__frame .media::after { animation-play-state: running; }
@keyframes scan { 0% { transform: translateY(-110%); opacity: 0; } 10% { opacity: 1; } 55% { opacity: 1; } 70%, 100% { transform: translateY(300%); opacity: 0; } }
.hero__frame .media::before { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); pointer-events: none; }
/* corner ticks (HUD) */
.hud { position: absolute; inset: 18px; z-index: 2; pointer-events: none; }
.hud i { position: absolute; width: 18px; height: 18px; border: 0 solid rgba(255, 255, 255, .7); }
.hud i:nth-child(1) { left: 0; top: 0; border-left-width: 2px; border-top-width: 2px; border-top-left-radius: 6px; }
.hud i:nth-child(2) { right: 0; top: 0; border-right-width: 2px; border-top-width: 2px; border-top-right-radius: 6px; }
.hud i:nth-child(3) { left: 0; bottom: 0; border-left-width: 2px; border-bottom-width: 2px; border-bottom-left-radius: 6px; }
.hud i:nth-child(4) { right: 0; bottom: 0; border-right-width: 2px; border-bottom-width: 2px; border-bottom-right-radius: 6px; }
@media (min-width: 1024px) { .hud { inset: 28px; } }
.hero__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 16px; padding: 56px 0 8px; }
.hero__stat { position: relative; }
.hero__stat b { display: block; font-variant-numeric: tabular-nums; background: var(--grad-num); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; padding-bottom: .04em; }
.hero__stat b small, .stat b small { font-family: var(--sans); font-size: .4em; font-weight: 500; color: var(--primary); -webkit-text-fill-color: currentColor; margin-left: 4px; vertical-align: .75em; letter-spacing: 0; }
.hero__stat span { display: block; margin: 12px auto 0; max-width: 250px; font-size: 15px; line-height: 22px; color: var(--on-surface-var); text-wrap: balance; }
@media (min-width: 900px) {
  .hero__stats { grid-template-columns: repeat(4, minmax(0, 1fr)); padding-top: 72px; }
  .hero__stat + .hero__stat::before { content: ""; position: absolute; left: -8px; top: 12%; bottom: 12%; width: 1px; background: linear-gradient(rgba(1, 86, 211, 0), rgba(1, 86, 211, .22), rgba(1, 86, 211, 0)); }
}

/* ---------- page hero ---------- */
.phero { position: relative; isolation: isolate; overflow: hidden; background: var(--surface); padding: calc(var(--hdr-h) + 48px) 0 56px; text-align: center; }
@media (min-width: 1024px) { .phero { padding: calc(var(--hdr-h) + 80px) 0 80px; } }
.phero.dark { margin: 0; border-radius: 0; }
.crumbs { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 8px; font-size: 13.5px; line-height: 20px; color: var(--ink-soft); margin-bottom: 24px; }
.crumbs a { color: var(--on-surface-var); transition: color .2s; }
.crumbs a:hover { color: var(--primary); }
.crumbs > span:last-child { color: var(--on-surface); }
.crumbs span[aria-hidden] { color: var(--outline-var); }
.phero .eyebrow { margin-left: auto; margin-right: auto; }
.phero h1 { max-width: 1040px; margin: 0 auto; }
.phero__lead { margin: 24px auto 0; max-width: 780px; }
.phero .hero__ctas { justify-content: center; }
.phero__kv { margin-top: 36px; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.kv { display: inline-flex; align-items: center; padding: 7px 16px; border-radius: var(--r-full); font-size: 14px; line-height: 20px; color: var(--on-surface-var); background: rgba(255, 255, 255, .82); box-shadow: inset 0 0 0 1px var(--hairline); }
.kv b { color: var(--on-surface); font-weight: 500; }
.phero .media { will-change: transform; transform-origin: 50% 0; box-shadow: 0 40px 90px -45px rgba(1, 86, 211, .5); }

/* ---------- image carousel (SAM hero) ---------- */
.car { margin: 56px auto 0; text-align: left; }
@media (min-width: 1024px) { .car { margin-top: 72px; } }
.car__view { position: relative; overflow: hidden; border-radius: var(--r-2xl); background: var(--surface-c); aspect-ratio: 16 / 10; touch-action: pan-y; box-shadow: 0 40px 90px -45px rgba(1, 86, 211, .55); }
.car__view::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); pointer-events: none; }
@media (min-width: 720px) { .car__view { aspect-ratio: 16 / 7; } }
@media (min-width: 1024px) { .car__view { border-radius: var(--r-3xl); } }
.car__track { list-style: none; margin: 0; padding: 0; position: absolute; inset: 0; }
.car__slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 1s var(--ease), visibility 0s linear 1s; }
.car__slide.is-active { opacity: 1; visibility: visible; transition: opacity 1s var(--ease); }
.car__slide picture, .car__slide img { display: block; width: 100%; height: 100%; }
.car__slide img { object-fit: cover; object-position: 50% 45%; transform: scale(1.08); transition: transform 7.5s cubic-bezier(.2, 0, .2, 1); }
.car__slide.is-active img { transform: scale(1); }
.car__bar { display: grid; gap: 20px; margin-top: 28px; }
@media (min-width: 900px) { .car__bar { grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 48px; } }
.car__caps { display: grid; }
.car__cap { grid-area: 1 / 1; opacity: 0; visibility: hidden; transform: translateY(8px); filter: blur(4px); transition: opacity .5s var(--ease), transform .6s var(--ease-out), filter .5s, visibility 0s linear .5s; }
.car__cap.is-active { opacity: 1; visibility: visible; transform: none; filter: none; transition: opacity .5s var(--ease) .15s, transform .7s var(--ease-out) .15s, filter .5s .15s; }
.car__n { display: block; font-size: 13px; line-height: 20px; font-weight: 500; letter-spacing: .08em; color: var(--primary); font-variant-numeric: tabular-nums; }
.car .car__t { margin: 6px 0 8px; font-size: 22px; line-height: 1.3; letter-spacing: -0.01em; }
.car__cap p { margin: 0; max-width: 760px; font-size: 16px; line-height: 1.65; color: var(--on-surface-var); }
@media (max-width: 899px) { .car__ctrl { order: -1; } }
html[lang="zh-CN"] .car__cap p { line-height: 1.8; }
.car__ctrl { display: flex; align-items: center; gap: 8px; }
.car__dots { display: flex; align-items: center; gap: 6px; margin-right: 8px; }
.car__dot { position: relative; width: 8px; height: 8px; padding: 0; border: 0; border-radius: var(--r-full); background: var(--outline-var); cursor: pointer; overflow: hidden; transition: width .4s var(--ease-out), background-color .2s; }
.car__dot::before { content: ""; position: absolute; inset: -12px -4px; }
.car__dot:hover { background: var(--outline); }
.car__dot.is-active { width: 44px; background: var(--primary-c); }
.car__dot.is-active::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: var(--grad-cool); transform-origin: left center; transform: scaleX(1); }
.car.is-playing .car__dot.is-active::after { animation: carfill 6s linear forwards; }
.car.is-held .car__dot.is-active::after { animation-play-state: paused; }
@keyframes carfill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.car__btn { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; border: 0; border-radius: var(--r-full); background: var(--surface-c); color: var(--on-surface); cursor: pointer; transition: background-color .2s, transform .3s var(--ease-out); }
.car__btn:hover { background: var(--surface-high); }
.car__btn:active { transform: scale(.94); }
.car__btn svg { width: 20px; height: 20px; }
.car__i-play { display: none; }
.car:not(.is-playing) .car__i-pause { display: none; }
.car:not(.is-playing) .car__i-play { display: block; }
html:not(.js) .car__ctrl { display: none; }
@media (max-width: 599px) { .car__btn { width: 44px; height: 44px; } .car .car__t { font-size: 20px; } }
@media (prefers-reduced-motion: reduce) { .car__slide img, .car__slide.is-active img { transform: none; transition: none; } }

/* ---------- card surfaces: spotlight + gradient rim (shared) ---------- */
.card, .icard, .feat > div, .stage, .person, .cv__col, .metric, .stat, .road li, .hxc, .lyr, .gate, .sbx, .bio__card, .case, .cc__col, .uc, .planes li, .regs li, .honors li, .five li, .roles li, .ineq div, .zone, .vrow, .arch__col, .pipe, .trio__n {
  position: relative; isolation: isolate; box-shadow: inset 0 0 0 1px var(--card-line), var(--card-shadow);
}
.fx-rim::before, .fx-spot::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .35s var(--ease); }
.fx-spot::after { z-index: -1; background: radial-gradient(520px circle at var(--mx, 50%) var(--my, 0%), var(--spot), transparent 55%); }
.fx-rim::before { z-index: 2; padding: 1px; background: radial-gradient(360px circle at var(--mx, 50%) var(--my, 0%), rgba(61, 139, 255, .9), rgba(139, 108, 242, .55) 40%, rgba(235, 97, 0, 0) 75%); -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 exclude, linear-gradient(#000 0 0); }
.fx-spot:hover::after, .fx-rim:hover::before { opacity: 1; }

/* ---------- cards ---------- */
.card { background: var(--card); border-radius: var(--r-xl); padding: 24px; transition: background-color .3s var(--ease), box-shadow .4s var(--ease), transform .4s var(--ease-out); }
@media (min-width: 1024px) { .card { padding: 32px; } }
.card--pad-l { padding: 32px; }
a.card:hover, .card--hover:hover { background: var(--card-hover); box-shadow: inset 0 0 0 1px var(--card-line), var(--lift); transform: translateY(-3px); }
.sec--tint .card { background: var(--surface); }
.card__kicker { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 500; line-height: 20px; letter-spacing: .04em; color: var(--primary); margin-bottom: 14px; font-variant-numeric: tabular-nums; }
.card p { margin: 12px 0 0; color: var(--on-surface-var); font-size: 16px; line-height: 1.6; }
html[lang="zh-CN"] .card p { line-height: 1.75; }
.card__foot { margin-top: 24px; }
.card ul.dots { margin-top: 16px; }
.card--flag { background: linear-gradient(160deg, #FFF1E8, #FFFFFF 70%); box-shadow: inset 0 0 0 1.5px var(--or); }
a.card--flag:hover { background: linear-gradient(160deg, #FFF1E8, #FFFFFF 70%); box-shadow: inset 0 0 0 1.5px var(--or), 0 24px 48px -20px rgba(235, 97, 0, .35); }
.card--flag .card__kicker { color: var(--or-deep); }
.q { display: inline-block; margin-top: 16px; font-size: 14px; line-height: 20px; color: var(--on-surface-var); padding: 6px 12px; background: var(--surface); border-radius: var(--r-s); }
.q b { color: var(--primary); font-weight: 500; }
.dark .q, .sec--tint .q { background: var(--surface-c); }
.dl { margin: 16px 0 0; display: grid; gap: 4px; font-size: 15px; }
.dl dt { font-size: 12px; line-height: 16px; color: var(--ink-soft); font-weight: 500; letter-spacing: .06em; margin-top: 10px; }
.dl dd { margin: 0; color: var(--on-surface); line-height: 1.65; }

ul.dots { list-style: none; display: grid; gap: 10px; }
ul.dots li { position: relative; padding-left: 20px; color: var(--on-surface-var); font-size: 15px; line-height: 1.65; }
ul.dots li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--grad-cool); box-shadow: 0 0 0 3px rgba(61, 139, 255, .12); }
ul.checks { list-style: none; display: grid; gap: 14px; }
ul.checks li { position: relative; padding-left: 36px; font-size: 16px; line-height: 1.65; color: var(--on-surface-var); }
ul.checks li::before { content: ""; position: absolute; left: 0; top: .12em; width: 24px; height: 24px; border-radius: 50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat, var(--grad-cool); box-shadow: 0 4px 10px -4px rgba(1, 86, 211, .6); }
ul.nos li::before { background: var(--surface-high) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 5l6 6M11 5l-6 6' fill='none' stroke='%23444746' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px no-repeat; box-shadow: none; }

.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chip { display: inline-flex; align-items: center; padding: 5px 13px; border-radius: var(--r-full); font-size: 14px; line-height: 20px; background: var(--surface); border: 1px solid var(--outline-var); color: var(--on-surface-var); }
.chip--or { background: var(--or-c); border-color: var(--or-line); color: var(--or-deep); font-weight: 500; }
.chip--bl { background: var(--primary-c-low); border-color: var(--primary-line); color: var(--on-primary-c); font-weight: 500; }

/* ---------- stats ---------- */
.stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (min-width: 1024px) { .stats { gap: 16px; } }
.stat { padding: 28px 24px; border-radius: var(--r-xl); background: var(--card); overflow: hidden; }
.sec--tint .stat { background: var(--surface); }
.stat b { display: block; font-variant-numeric: tabular-nums; background: var(--grad-num); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; padding-bottom: .04em; }
.stat span { display: block; font-size: 14px; color: var(--on-surface-var); margin-top: 12px; line-height: 1.55; }
.stat em { display: block; font-style: normal; font-size: 12px; color: var(--ink-soft); margin-top: 4px; line-height: 1.5; }
@media (min-width: 900px) { .stats--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .stats--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .stats--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.stats--5 .stat b { font-size: clamp(28px, 2.7vw, 40px); }
.stats--5 .stat { padding: 24px 20px; }
.stats--5 .stat b { font-size: clamp(28px, 2.7vw, 40px); }
.stats--5 .stat { padding: 24px 20px; }

/* ---------- clients ---------- */
.clients { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.client { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; min-height: 104px; padding: 16px 12px; border-radius: var(--r-l); border: 1px solid var(--hairline); background: var(--surface); transition: border-color .3s, box-shadow .3s, transform .3s var(--ease-out); }
.client:hover { border-color: var(--primary-line); box-shadow: 0 16px 32px -20px rgba(1, 86, 211, .4); transform: translateY(-2px); }
.client b { font-family: var(--display); font-size: 17px; font-weight: 500; color: var(--on-surface); line-height: 1.35; }
.client span { font-size: 12px; color: var(--ink-soft); margin-top: 4px; line-height: 1.4; }
@media (min-width: 600px) { .clients { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .clients { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; } }
.clients-lbl { display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; margin-bottom: 24px; font-size: 14px; color: var(--on-surface-var); }
.clients-lbl b { color: var(--on-surface); font-size: 16px; font-weight: 500; }

/* ---------- home ---------- */
.pline { display: grid; gap: 16px; }
@media (min-width: 600px) { .pline { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .pline { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } }
.pline .card { display: flex; flex-direction: column; }
.pline .card .card__foot { margin-top: auto; padding-top: 24px; }
.pline__n { position: absolute; top: 28px; right: 28px; font-size: 14px; color: var(--ink-soft); font-variant-numeric: tabular-nums; }
.home-pillars { margin-top: 56px; }
.home-tags { margin-top: 36px; justify-content: center; }
.premise-chips { margin-top: 20px; }
.ineq-title { font-family: var(--display); font-size: 22px; font-weight: 500; margin: 56px 0 16px; text-align: center; color: var(--heading); }
.rcase__v { margin: 20px 0 16px; padding: 16px 0; border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); }
.rcase__v b { display: block; color: var(--primary); font-variant-numeric: tabular-nums; }
.rcase__v span { font-size: 14px; color: var(--on-surface-var); }
.person--mini { padding: 24px; }
.person--mini .person__top { margin-bottom: 12px; }
.person--mini .person__role { margin-bottom: 8px; }
.person--mini p { font-size: 14px; line-height: 1.7; }

.flow4 { list-style: none; display: grid; gap: 12px; }
@media (min-width: 720px) { .flow4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .flow4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } }
.flow4 li { position: relative; border-radius: var(--r-xl); background: var(--card); box-shadow: inset 0 0 0 1px var(--card-line); padding: 24px; }
.flow4 li:last-child { background: linear-gradient(140deg, #0156D3, #3D8BFF 60%, #8B6CF2); box-shadow: 0 24px 48px -24px rgba(1, 86, 211, .7); }
.flow4 li small { font-size: 12px; font-weight: 500; color: var(--ink-soft); letter-spacing: .06em; }
.flow4 li b { display: block; margin: 8px 0; color: var(--heading); font-variant-numeric: tabular-nums; }
.flow4 li strong { display: block; font-size: 16px; font-weight: 500; color: var(--primary); }
.flow4 li span { display: block; font-size: 14px; color: var(--on-surface-var); line-height: 1.6; margin-top: 4px; }
.flow4 li:last-child :is(small, b, strong, span) { color: #FFFFFF; }
@media (min-width: 1100px) { .flow4 li:not(:last-child)::after { content: ""; position: absolute; right: -14px; top: 50%; width: 24px; height: 24px; margin-top: -12px; border-radius: 50%; background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3.5 10.5 8 6 12.5' fill='none' stroke='%230156D3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat; box-shadow: 0 0 0 1px var(--primary-line), 0 4px 12px -4px rgba(1, 86, 211, .4); z-index: 1; } }

/* ---------- diagram: agent = brain + hands + reins ---------- */
.agent-eq { border-radius: var(--r-full); padding: 14px 28px; background: var(--primary-c-low); box-shadow: inset 0 0 0 1px var(--primary-line); color: var(--on-primary-c); font-weight: 500; text-align: center; font-size: 16px; line-height: 1.6; margin: 0 auto 24px; max-width: 900px; }
.layers { display: grid; gap: 16px; }
@media (min-width: 1024px) { .layers { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.lyr { border-radius: var(--r-xl); background: var(--card); overflow: hidden; display: flex; flex-direction: column; }
.lyr__h { padding: 22px 24px 8px; }
.lyr__h b { display: flex; align-items: center; gap: 8px; font-family: var(--display); font-size: 21px; font-weight: 500; color: var(--heading); }
.lyr__h span { display: block; font-size: 14px; color: var(--on-surface-var); margin-top: 2px; }
.lyr--gov, .dark .lyr--gov { background: linear-gradient(160deg, #0156D3, #0842A0 55%, #3D2E8C); box-shadow: 0 24px 48px -24px rgba(1, 86, 211, .7); }
.lyr--gov .lyr__h b, .lyr--gov .lyr__h span { color: #FFFFFF; }
.lyr--gov li { border-color: rgba(255, 255, 255, .2) !important; }
.lyr--gov li b, .lyr--gov li span { color: #FFFFFF; }
.lyr--gov li i { background: #FFFFFF; color: #0156D3; }
.lyr__must { font-family: var(--sans); font-size: 12px; font-weight: 500; line-height: 16px; background: linear-gradient(120deg, #EB6100, #8B6CF2); color: #FFFFFF; padding: 2px 10px; border-radius: var(--r-full); }
.lyr ol { list-style: none; padding: 4px 20px 16px; display: grid; }
.lyr li { display: grid; grid-template-columns: 28px 1fr; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--hairline); }
.lyr li:last-child { border-bottom: 0; }
.lyr li i, .hxc li i, .stage__h i { font-style: normal; font-family: var(--sans); width: 28px; height: 28px; border-radius: 50%; background: var(--primary-c); color: var(--on-primary-c); font-size: 13px; font-weight: 500; display: flex; align-items: center; justify-content: center; font-variant-numeric: tabular-nums; }
.lyr li b { display: block; font-size: 16px; font-weight: 500; line-height: 1.5; }
.lyr li span { display: block; font-size: 14px; color: var(--on-surface-var); line-height: 1.6; }
.foot-bar { margin-top: 16px; padding: 18px 24px; border-radius: var(--r-xl); background: var(--card); box-shadow: inset 0 0 0 1px var(--card-line); font-size: 15px; line-height: 1.75; color: var(--on-surface); text-align: center; }
.foot-bar b, .foot-bar strong { color: var(--primary); }

/* Harness: 15 modules */
.hx3 { display: grid; gap: 16px; }
@media (min-width: 1024px) { .hx3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.hxc { border-radius: var(--r-xl); background: var(--card); overflow: hidden; }
.hxc__h { padding: 24px 24px 12px; }
.hxc__h b { font-family: var(--display); font-size: 21px; font-weight: 500; display: block; color: var(--heading); }
.hxc__h span { font-size: 14px; color: var(--on-surface-var); display: block; margin-top: 4px; line-height: 1.55; }
.hxc ol { list-style: none; padding: 8px 12px 12px; display: grid; gap: 8px; }
.hxc li { background: var(--surface); border-radius: var(--r-l); padding: 14px 16px 14px 56px; position: relative; }
.dark .hxc li { background: var(--surface-low); box-shadow: inset 0 0 0 1px var(--hairline); }
.hxc li i { position: absolute; left: 16px; top: 14px; }
.hxc li.is-bl i { background: var(--grad-cool); color: #FFFFFF; }
.hxc li b { display: block; font-size: 15px; font-weight: 500; line-height: 1.5; }
.hxc li span { display: block; font-size: 14px; color: var(--on-surface-var); line-height: 1.6; margin-top: 2px; }

/* P&E-Hope stack */
.stack { display: grid; gap: 16px; }
@media (min-width: 1100px) { .stack { grid-template-columns: minmax(0, 1fr) 260px; } }
.stack__layers { display: grid; gap: 8px; }
.sl { display: grid; grid-template-columns: 1fr; border-radius: var(--r-xl); background: var(--card); box-shadow: inset 0 0 0 1px var(--card-line); overflow: hidden; transition: transform .3s var(--ease-out); }
.sl:hover { transform: translateX(4px); }
@media (min-width: 720px) { .sl { grid-template-columns: 170px 1fr; } }
.sl__n { padding: 16px 20px; display: flex; flex-direction: column; justify-content: center; }
.sl__n small { font-size: 12px; font-weight: 500; color: var(--ink-soft); letter-spacing: .06em; }
.sl__n b { font-family: var(--display); font-size: 17px; font-weight: 500; line-height: 1.35; color: var(--heading); }
.sl__n em { font-style: normal; align-self: flex-start; margin-top: 6px; font-size: 12px; font-weight: 500; line-height: 16px; background: linear-gradient(120deg, #EB6100, #8B6CF2); color: #FFFFFF; padding: 2px 10px; border-radius: var(--r-full); }
.sl--new, .dark .sl--new { background: linear-gradient(120deg, var(--primary-c), var(--primary-c-low)); box-shadow: inset 0 0 0 1px var(--primary-line); }
.sl--new .sl__n b { color: var(--on-primary-c); }
.sl__c { padding: 12px 16px; display: flex; flex-wrap: wrap; gap: 8px; align-content: center; }
.pill { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; padding: 6px 14px; border-radius: var(--r-full); background: var(--surface); font-size: 14px; line-height: 1.5; color: var(--on-surface-var); box-shadow: inset 0 0 0 1px var(--hairline); }
.pill b { color: var(--primary); font-weight: 500; }
.sl--new .pill b { color: var(--on-primary-c); }
.stack__gov { border-radius: var(--r-xl); background: linear-gradient(160deg, #0156D3, #0842A0 60%, #3D2E8C); color: #FFFFFF; padding: 24px 20px; display: flex; flex-direction: column; gap: 12px; box-shadow: 0 24px 48px -24px rgba(1, 86, 211, .7); }
.stack__gov h3 { text-align: center; color: #FFFFFF; }
.stack__gov > span { text-align: center; font-size: 14px; margin-top: -6px; }
.stack__gov ul { list-style: none; display: grid; gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 1100px) { .stack__gov ul { grid-template-columns: 1fr; } }
.stack__gov li { text-align: center; font-size: 14px; font-weight: 500; padding: 10px 8px; border-radius: var(--r-full); background: rgba(255, 255, 255, .96); color: #0156D3; }
.stack__gov p { margin: auto 0 0; text-align: center; font-size: 13px; line-height: 1.6; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .3); }

/* Integration architecture */
.arch { display: grid; gap: 16px; align-items: stretch; }
@media (min-width: 1100px) { .arch { grid-template-columns: 1fr 40px 1.7fr 40px 1fr; } }
.arch__col { border-radius: var(--r-xl); background: var(--card); overflow: hidden; display: flex; flex-direction: column; }
.arch__h { color: var(--heading); text-align: center; font-family: var(--display); font-weight: 500; padding: 18px 12px 4px; letter-spacing: .12em; font-size: 14.5px; }
.arch__b { padding: 12px 16px 16px; display: grid; gap: 10px; align-content: start; flex: 1; }
.arch__box { border-radius: var(--r-l); padding: 14px 16px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--hairline); }
.arch__box > b { display: block; font-size: 15px; font-weight: 500; margin-bottom: 8px; }
.arch__box .chip { margin: 0 4px 6px 0; }
.arch__box--fl, .dark .arch__box--fl { background: var(--primary-c-low); box-shadow: inset 0 0 0 1px var(--primary-line); }
.arch__box--fl > b { color: var(--on-primary-c); }
.arch__box p { margin: 0; font-size: 14px; color: var(--on-surface-var); line-height: 1.6; }
.arch__arrow { display: flex; align-items: center; justify-content: center; color: var(--primary); flex-direction: column; font-size: 12px; text-align: center; line-height: 1.4; }
.arch__arrow span { color: var(--on-surface-var); }
.arch__arrow svg { width: 24px; height: 24px; transform: rotate(90deg); }
@media (min-width: 1100px) { .arch__arrow svg { transform: none; animation: nudge 1.8s var(--ease) infinite; } }
@keyframes nudge { 0%, 100% { transform: translateX(-2px); opacity: .6; } 50% { transform: translateX(3px); opacity: 1; } }
.eng { display: grid; gap: 12px; }
@media (min-width: 600px) { .eng__top { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; } }
.eng__card { border-radius: var(--r-l); padding: 16px; color: #FFFFFF; background: linear-gradient(140deg, #EB6100, #D45700); box-shadow: 0 16px 32px -18px rgba(235, 97, 0, .8); }
.eng__card--dh { background: linear-gradient(140deg, #0156D3, #3D8BFF); box-shadow: 0 16px 32px -18px rgba(1, 86, 211, .8); }
.eng__card small { font-size: 12px; font-weight: 500; letter-spacing: .06em; }
.eng__card b { display: block; font-family: var(--display); font-size: 18px; font-weight: 500; margin: 2px 0 6px; }
.eng__card span { font-size: 13px; line-height: 1.55; display: block; }
.eng__mid { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 12px; text-align: center; padding: 8px 0; }
.eng__mid i { font-style: normal; color: var(--or-deep); font-weight: 500; }
.eng__mid i.b { color: var(--primary); }
.eng__ups { display: flex; justify-content: space-around; gap: 8px; font-size: 12px; color: var(--primary); text-align: center; }
.eng__vdc { border: 1.5px solid var(--primary); border-radius: var(--r-l); padding: 14px 16px; text-align: center; background: var(--surface); }
.eng__vdc b { color: var(--primary); font-family: var(--display); font-size: 18px; font-weight: 500; display: block; }
.eng__vdc span { font-size: 13px; color: var(--on-surface-var); }
.applist { list-style: none; display: grid; gap: 8px; }
.applist li { border-radius: var(--r-full); padding: 8px 16px; font-size: 14px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--hairline); line-height: 1.45; }

/* Pipelines */
.pipe { border-radius: var(--r-xl); background: var(--card); overflow: hidden; }
.pipe + .pipe { margin-top: 16px; }
.pipe__h { padding: 22px 24px 4px; display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: baseline; }
.pipe__h b { font-family: var(--display); font-size: 20px; font-weight: 500; color: var(--heading); }
.pipe__h span { font-size: 14px; color: var(--on-surface-var); }
.pipe__steps { list-style: none; padding: 12px 16px 16px; display: grid; gap: 8px; grid-template-columns: 1fr; }
@media (min-width: 720px) { .pipe__steps { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); } }
.pipe__steps li { position: relative; border-radius: var(--r-l); padding: 12px 14px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--hairline); font-size: 14px; line-height: 1.5; display: flex; flex-direction: column; justify-content: center; min-height: 76px; }
.pipe__steps li b { font-size: 14.5px; font-weight: 500; }
.pipe__steps li span { font-size: 12.5px; color: var(--on-surface-var); margin-top: 4px; }
.pipe__steps li.is-core { background: linear-gradient(140deg, #0156D3, #3D8BFF 70%, #8B6CF2); box-shadow: 0 16px 32px -18px rgba(1, 86, 211, .8); }
.pipe__steps li.is-core b, .pipe__steps li.is-core span { color: #FFFFFF; }
.pipe__note { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 32px; padding: 4px 16px 18px; font-size: 14px; color: var(--on-surface-var); }
.pipe__note span::before { content: "▲ "; color: var(--primary); }
.pipe__note span.dn::before { content: "▼ "; color: var(--or); }

/* SAM agent group (flagship → orange) */
.sam { display: grid; gap: 12px; }
.sam__boss { position: relative; overflow: hidden; isolation: isolate; border-radius: var(--r-xl); padding: 26px 28px; color: #FFFFFF; background: linear-gradient(120deg, #EB6100 0%, #D45700 45%, #B84A00 100%); display: grid; gap: 16px; box-shadow: 0 30px 60px -30px rgba(235, 97, 0, .75); }
.sam__boss::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(105deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .22) 50%, rgba(255, 255, 255, 0) 65%); transform: translateX(-100%); animation: sweep 6s var(--ease) infinite; animation-play-state: paused; }
.is-live .sam__boss::after { animation-play-state: running; }
@keyframes sweep { 0%, 55% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
@media (min-width: 900px) { .sam__boss { grid-template-columns: auto 1fr; align-items: center; gap: 32px; } }
.sam__boss small { font-size: 13px; font-weight: 500; letter-spacing: .08em; display: block; opacity: .9; }
.sam__boss b { font-size: 28px; display: block; line-height: 1.3; }
@media (min-width: 900px) { .sam__boss .chips { justify-content: flex-end; } }
.sam__boss .chip { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .45); color: #FFFFFF; }
.sam__orch { text-align: center; font-size: 13px; font-weight: 500; color: var(--or-deep); padding: 6px 16px; background: var(--or-c); box-shadow: inset 0 0 0 1px var(--or-line); border-radius: var(--r-full); justify-self: center; }
.sam__flow { list-style: none; display: grid; gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 720px) { .sam__flow { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .sam__flow { grid-template-columns: repeat(7, minmax(0, 1fr)); } }
.sam__flow li { position: relative; isolation: isolate; overflow: hidden; border-radius: var(--r-l); padding: 16px 14px; background: var(--card); box-shadow: inset 0 0 0 1px var(--card-line); }
.sec--tint .sam__flow li { background: var(--surface); }
/* agents take turns: a light passes along the pipeline */
.sam__flow li::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: linear-gradient(160deg, rgba(61, 139, 255, .22), rgba(139, 108, 242, .10) 60%, rgba(139, 108, 242, 0)); box-shadow: inset 0 0 0 1px rgba(61, 139, 255, .55); opacity: 0; animation: turn 8.4s var(--ease) infinite; animation-play-state: paused; }
.is-live .sam__flow li::after { animation-play-state: running; }
.sam__flow li:nth-child(2)::after { animation-delay: 1.2s; } .sam__flow li:nth-child(3)::after { animation-delay: 2.4s; } .sam__flow li:nth-child(4)::after { animation-delay: 3.6s; }
.sam__flow li:nth-child(5)::after { animation-delay: 4.8s; } .sam__flow li:nth-child(6)::after { animation-delay: 6s; } .sam__flow li:nth-child(7)::after { animation-delay: 7.2s; }
@keyframes turn { 0% { opacity: 0; } 5% { opacity: 1; } 16% { opacity: 1; } 26%, 100% { opacity: 0; } }
.sam__flow li small { font-size: 12px; color: var(--or-deep); font-weight: 500; letter-spacing: .04em; font-variant-numeric: tabular-nums; }
.sam__flow li b { display: block; font-size: 16px; font-weight: 500; margin: 2px 0 8px; color: var(--heading); }
.sam__flow li span { display: block; font-size: 13px; color: var(--on-surface-var); line-height: 1.7; }
.sam__flow--mini li { padding: 14px 12px; }
.sam__flow--mini li b { margin: 2px 0 0; font-size: 15px; }
.sam__flow li.is-ind, .sec--tint .sam__flow li.is-ind { background: linear-gradient(160deg, var(--primary-c), var(--primary-c-low)); box-shadow: inset 0 0 0 1px var(--primary-line); }
.sam__flow li.is-ind small { color: var(--primary); }
.sam__flow li.is-ind em { display: block; font-style: normal; margin-top: 8px; font-size: 12px; font-weight: 500; background: var(--primary-fill); color: #FFFFFF; border-radius: var(--r-s); padding: 6px 8px; line-height: 1.45; text-align: center; }
.sam__crosst { font-size: 13px; font-weight: 500; color: var(--on-surface-var); margin-top: 8px; }
.sam__cross { display: grid; gap: 8px; }
@media (min-width: 720px) { .sam__cross { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.sam__cross div { border-radius: var(--r-l); padding: 14px 18px; background: var(--surface); border: 1px dashed var(--outline-var); }
.sam__cross div b { display: block; font-size: 15px; font-weight: 500; }
.sam__cross div span { font-size: 14px; color: var(--on-surface-var); }
.sam__cross div.is-gate { border: 1px solid var(--primary-line); background: linear-gradient(120deg, var(--primary-c), var(--primary-c-low)); }
.sam__cross div.is-gate b { color: var(--on-primary-c); }
.sam__cross div.is-gate span { color: var(--on-primary-c); font-weight: 500; }

/* Nine stages */
.stages { list-style: none; display: grid; gap: 12px; }
@media (min-width: 720px) { .stages { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .stages { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }
.stage { border-radius: var(--r-xl); padding: 24px; background: var(--card); display: flex; flex-direction: column; }
.stage__h { display: flex; align-items: center; gap: 12px; }
.stage__h i { flex: none; width: 32px; height: 32px; font-size: 14px; background: var(--grad-cool) !important; color: #FFFFFF !important; box-shadow: 0 6px 14px -6px rgba(1, 86, 211, .7); }
.stage__h b { font-family: var(--display); font-size: 18px; font-weight: 500; color: var(--heading); }
.stage p { font-size: 14px; color: var(--on-surface-var); margin: 12px 0 16px; line-height: 1.75; }
.stage__out { margin-top: auto; font-size: 13px; font-weight: 500; padding: 8px 14px; border-radius: var(--r-full); background: var(--primary-c-low); box-shadow: inset 0 0 0 1px var(--primary-line); color: var(--on-primary-c); }
.stage__out.is-warn { background: var(--or-c); box-shadow: inset 0 0 0 1px var(--or-line); color: var(--or-deep); }
.stages-tag { margin-bottom: 20px; justify-content: center; }

/* Autonomy ladder */
.ladder { list-style: none; display: grid; gap: 8px; }
.rung { display: grid; grid-template-columns: 64px 1fr; border-radius: var(--r-l); overflow: hidden; background: var(--card); box-shadow: inset 0 0 0 1px var(--card-line); transition: transform .3s var(--ease-out); }
.rung:not(.rung--head):hover { transform: translateX(4px); }
@media (min-width: 900px) { .rung { grid-template-columns: 80px 1.1fr 1.6fr 1fr; } }
.rung > * { padding: 14px 16px; font-size: 15px; line-height: 1.55; }
.rung__lv { font-family: var(--display); font-weight: 500; font-size: 18px; display: flex; align-items: center; justify-content: center; color: var(--on-primary-c); background: var(--primary-c); }
.rung[data-z="3"] .rung__lv, .rung[data-z="4"] .rung__lv { background: var(--or-c); color: var(--or-deep); }
.rung[data-z="5"] .rung__lv { background: var(--inverse); color: var(--on-inverse); }
.rung__p b { display: block; font-size: 15.5px; font-weight: 500; }
.rung__ex { color: var(--on-surface-var); }
.rung__dep { font-weight: 500; }
@media (max-width: 899px) { .rung__ex, .rung__dep { grid-column: 2; padding-top: 0; } .rung__lv { grid-row: span 3; } }
.rung.is-main { box-shadow: inset 0 0 0 2px var(--primary); }
.rung__dep--ok { color: var(--on-surface); }
.rung__dep--ctl { color: var(--primary); }
.rung__dep--cond { color: var(--or-deep); }
.rung__dep--no { color: var(--on-surface); text-decoration: underline; text-decoration-color: var(--or); text-underline-offset: 3px; }
.rung--head { display: none; }
@media (min-width: 900px) { .rung--head { display: grid; background: none !important; box-shadow: none !important; font-size: 12px; font-weight: 500; color: var(--ink-soft); letter-spacing: .06em; } .rung--head > span { padding: 0 16px 4px; } }
.rung__tag { display: inline-block; margin-top: 4px; font-size: 11px; font-weight: 500; line-height: 16px; color: var(--on-primary-c); background: var(--primary-c); border-radius: var(--r-full); padding: 1px 8px; }

/* Five inequalities */
.ineq { display: grid; gap: 8px; }
@media (min-width: 720px) { .ineq { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.ineq div { background: var(--card); border-radius: var(--r-xl); padding: 28px 16px; text-align: center; }
.ineq b { display: block; font-size: 24px; line-height: 1.3; color: var(--heading); }
html[lang="en"] .ineq b { font-size: 20px; }
.ineq b span { margin: 0 .25em; background: var(--grad-cool); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.ineq em { display: block; font-style: normal; margin-top: 8px; font-size: 13px; color: var(--on-surface-var); line-height: 1.55; }

/* Roadmap */
.road { list-style: none; display: grid; gap: 16px; }
@media (min-width: 1024px) { .road { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } }
.road li { border-radius: var(--r-xl); background: var(--card); padding: 32px; }
.road__d { display: inline-block; font-size: 13px; line-height: 20px; color: #FFFFFF; background: var(--grad-cool); padding: 3px 12px; border-radius: var(--r-full); font-weight: 500; }
.road h3 { margin: 18px 0 12px; }
.road p { font-size: 15px; color: var(--on-surface-var); margin: 0 0 16px; }
.road__out { font-size: 14px; padding-top: 16px; border-top: 1px solid var(--hairline); }
.road__out b { color: var(--on-surface-var); font-weight: 500; margin-right: 6px; }

/* Tables */
.tbl-wrap { overflow-x: auto; border: 1px solid var(--hairline); border-radius: var(--r-xl); background: var(--surface); -webkit-overflow-scrolling: touch; box-shadow: 0 1px 2px rgba(31, 31, 31, .03), 0 20px 40px -32px rgba(1, 86, 211, .35); }
.tbl { width: 100%; border-collapse: collapse; font-size: 14.5px; line-height: 1.6; min-width: 640px; }
.tbl th, .tbl td { padding: 15px 20px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--hairline); }
.tbl thead th { background: var(--surface-low); font-size: 12.5px; font-weight: 500; color: var(--ink-soft); letter-spacing: .06em; white-space: nowrap; }
.tbl tbody tr:last-child td, .tbl tbody tr:last-child th { border-bottom: 0; }
.tbl tbody tr { transition: background-color .2s; }
.tbl tbody tr:hover { background: var(--primary-c-low); }
.tbl tbody th { font-weight: 500; white-space: nowrap; color: var(--on-surface); }
.tbl td.up, .tbl td.hi { color: var(--primary); font-weight: 500; }
.tbl--wide { min-width: 860px; }
.scroll-hint { display: block; font-size: 12px; color: var(--on-surface-var); margin-bottom: 8px; }
@media (min-width: 900px) { .scroll-hint { display: none; } }

/* Case studies */
.case { border-radius: var(--r-xl); background: var(--card); overflow: hidden; }
.case + .case { margin-top: 24px; }
.case__h { padding: 28px; display: grid; gap: 20px; }
@media (min-width: 1024px) { .case__h { grid-template-columns: 1fr 1.4fr; align-items: end; padding: 40px 40px 24px; } }
.case__h small { font-size: 13px; color: var(--primary); letter-spacing: .06em; font-weight: 500; }
.case__h h3 { margin: 6px 0 8px; }
.case__h p { margin: 0; color: var(--on-surface-var); font-size: 15px; }
.case__kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 600px) { .case__kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.kpi { background: var(--surface); border-radius: var(--r-l); padding: 16px; box-shadow: inset 0 0 0 1px var(--hairline); }
.kpi b { display: block; font-size: 24px; line-height: 1.2; font-variant-numeric: tabular-nums; background: var(--grad-cool); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.kpi span { display: block; font-size: 12.5px; color: var(--on-surface-var); margin-top: 6px; line-height: 1.45; }
.case__b { padding: 4px 20px 24px; }
@media (min-width: 1024px) { .case__b { padding: 8px 40px 40px; } }
.case__b .tbl-wrap { border: 0; box-shadow: none; }
.case__after { margin-top: 16px; font-size: 15px; color: var(--on-surface); padding: 14px 20px; background: var(--primary-c-low); box-shadow: inset 0 0 0 1px var(--primary-line); border-radius: var(--r-l); }
.case__after b, .case__after strong { color: var(--on-primary-c); }

/* Team */
.team { display: grid; gap: 16px; }
@media (min-width: 900px) { .team { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } }
.person { border-radius: var(--r-xl); padding: 28px; background: var(--card); }
.person__top { display: flex; gap: 16px; align-items: center; margin-bottom: 16px; }
.avatar { flex: none; width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #FFFFFF; background: var(--grad-cool); }
.person:nth-child(2n) .avatar { background: linear-gradient(135deg, #EB6100, #8B6CF2); color: #FFFFFF; }
.person__role { font-size: 14px; color: var(--on-surface-var); font-weight: 500; }
.person p { font-size: 15px; color: var(--on-surface-var); margin: 0; }
.person__proof { margin-top: 16px; font-size: 14px; padding: 12px 16px; border-radius: var(--r-l); background: var(--surface); box-shadow: inset 0 0 0 1px var(--hairline); color: var(--on-surface-var); }
.person__proof b, .person__proof strong { color: var(--on-surface); }
.bio { display: grid; gap: 32px; }
@media (min-width: 1024px) { .bio { grid-template-columns: 340px 1fr; gap: 64px; } }
.bio__card { border-radius: var(--r-xl); padding: 32px; background: var(--card); align-self: start; }
@media (min-width: 1024px) { .bio__card { position: sticky; top: calc(var(--hdr-h) + 24px); } }
.bio__card .avatar { width: 72px; height: 72px; font-size: 28px; margin-bottom: 20px; }
.bio__card .person__role { margin-top: 4px; display: block; }
.bio__card ul { margin-top: 20px; list-style: none; display: grid; gap: 8px; font-size: 14px; color: var(--on-surface-var); line-height: 1.6; }
.bio__card li { padding-left: 16px; position: relative; }
.bio__card li::before { content: ""; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--grad-cool); }
.bio__txt p { font-size: 16px; color: var(--on-surface-var); }
.bio + .bio { margin-top: 64px; padding-top: 64px; border-top: 1px solid var(--hairline); }

/* Founder feature card (home) */
.founder { position: relative; isolation: isolate; overflow: hidden; display: grid; gap: 24px; border-radius: var(--r-2xl); background: linear-gradient(135deg, #F0F4F9 0%, #F8FAFD 55%, #E8F0FE 100%); padding: 28px 24px; }
.founder::before { content: ""; position: absolute; z-index: -1; right: -10%; top: -40%; width: 60%; height: 140%; background: radial-gradient(closest-side, rgba(61, 139, 255, .16), rgba(61, 139, 255, 0)); pointer-events: none; }
@media (min-width: 1024px) { .founder { grid-template-columns: 320px 1fr; gap: 56px; align-items: center; padding: 56px; border-radius: var(--r-3xl); } }
.founder__id { display: flex; gap: 20px; align-items: center; }
@media (min-width: 1024px) { .founder__id { flex-direction: column; align-items: flex-start; } }
.founder__id .avatar { width: 88px; height: 88px; font-size: 36px; }
.avatar--photo { display: block; overflow: hidden; background: var(--surface-c); box-shadow: 0 0 0 4px #FFFFFF, 0 0 0 5px rgba(61, 139, 255, .5), 0 20px 40px -16px rgba(1, 86, 211, .5); }
.avatar--photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.founder__id .avatar--photo { width: 120px; height: 120px; }
.bio__card .avatar--photo { width: 128px; height: 128px; }
.founder__id h3 { font-size: clamp(24px, 2.4vw, 32px); line-height: 1.25; }
.founder__id .person__role { margin-top: 4px; }
.founder__txt p { margin: 0 0 20px; font-size: 18px; line-height: 1.65; color: var(--on-surface-var); }
html[lang="zh-CN"] .founder__txt p { line-height: 1.85; }
.founder__proof { display: inline-block; margin: 20px 0 24px; font-size: 15px; padding: 10px 18px; border-radius: var(--r-l); background: #FFFFFF; box-shadow: inset 0 0 0 1px var(--primary-line), 0 12px 24px -16px rgba(1, 86, 211, .4); color: var(--on-primary-c); }
.founder__proof strong { color: var(--primary); }
.founder__txt .link { display: flex; width: max-content; }
.bio__card .person__proof { margin-top: 20px; background: var(--primary-c-low); box-shadow: inset 0 0 0 1px var(--primary-line); color: var(--on-primary-c); }
.bio__card .person__proof strong { color: var(--on-primary-c); }

/* Quote / five / gates */
.quote { max-width: 1000px; margin: 0 auto; text-align: center; }
.quote .eyebrow { margin-left: auto; margin-right: auto; }
.quote blockquote { margin: 0; color: var(--heading); }
.quote blockquote em { font-style: normal; background: var(--grad-cool); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.quote-sm { margin-top: 24px; }
.quote-sm b { display: inline-block; font-size: clamp(22px, 2.2vw, 28px); padding: 10px 26px; border-radius: var(--r-full); background: var(--primary-c-low); box-shadow: inset 0 0 0 1px var(--primary-line); color: var(--on-primary-c); }
.callout { border-radius: var(--r-xl); padding: 24px 28px; background: linear-gradient(120deg, var(--primary-c-low), #F8FAFD); box-shadow: inset 0 0 0 1px var(--primary-line); color: var(--on-primary-c); font-size: 17px; line-height: 1.75; }
.five { list-style: none; display: grid; gap: 8px; }
@media (min-width: 900px) { .five { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.five li { border-radius: var(--r-l); padding: 16px 18px; background: var(--card); }
.five li small { display: block; font-size: 13px; color: var(--on-surface-var); }
.five li b { display: block; font-family: var(--display); font-size: 18px; font-weight: 500; margin-top: 6px; color: var(--primary); line-height: 1.4; }
.five-wrap { margin-top: 56px; }
.gates { display: grid; gap: 12px; }
@media (min-width: 900px) { .gates { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.gate { display: grid; grid-template-columns: 48px 1fr; gap: 16px; border-radius: var(--r-xl); padding: 20px; background: var(--card); }
.gate i { font-style: normal; width: 48px; height: 48px; border-radius: var(--r-l); background: var(--grad-cool); color: #FFFFFF; font-family: var(--display); font-weight: 500; display: flex; align-items: center; justify-content: center; font-size: 15px; box-shadow: 0 8px 18px -8px rgba(1, 86, 211, .7); }
.gate b { display: block; font-size: 16px; font-weight: 500; }
.gate span { display: block; font-size: 15px; color: var(--on-surface-var); margin-top: 4px; line-height: 1.7; }
.regs { list-style: none; display: grid; gap: 12px; }
@media (min-width: 900px) { .regs { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.regs li { border-radius: var(--r-l); background: var(--card); padding: 16px 20px; }
.regs b { display: block; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--on-surface); }
.regs span { font-size: 14px; color: var(--on-surface-var); }
.gate-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 32px; }
.planes { list-style: none; display: grid; gap: 12px; }
@media (min-width: 720px) { .planes { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .planes { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.planes li { border-radius: var(--r-xl); padding: 20px; background: var(--card); }
.planes li small { color: var(--primary); font-size: 13px; font-weight: 500; }
.planes li b { display: block; font-size: 16px; font-weight: 500; margin-top: 4px; }
.prio { margin-top: 24px; border-radius: var(--r-xl); padding: 24px 28px; background: linear-gradient(120deg, var(--primary-c), var(--primary-c-low)); box-shadow: inset 0 0 0 1px var(--primary-line); color: var(--on-primary-c); }
.prio h3 { margin-bottom: 8px; color: var(--on-primary-c); }
.prio p { margin: 0; color: var(--on-primary-c); }
.roles { list-style: none; display: grid; gap: 8px; margin-top: 48px; }
@media (min-width: 720px) { .roles { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.roles li { background: var(--card); border-radius: var(--r-xl); padding: 24px 16px; text-align: center; }
.roles b { display: block; font-size: 24px; color: var(--heading); line-height: 1.3; }
.roles span { display: block; font-size: 14px; color: var(--primary); margin-top: 6px; }

/* Feature trio / can-cannot */
.feat { display: grid; gap: 16px; }
@media (min-width: 900px) { .feat { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } }
.feat > div { border-radius: var(--r-xl); background: var(--card); padding: 28px; }
.feat h3 { display: flex; gap: 12px; align-items: baseline; }
.feat h3 i { flex: none; font-style: normal; font-family: var(--sans); font-size: 14px; font-weight: 500; background: var(--grad-cool); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.feat p { font-size: 16px; color: var(--on-surface-var); margin: 12px 0 0; }
.cc { display: grid; gap: 16px; }
@media (min-width: 900px) { .cc { grid-template-columns: 1fr 1fr; gap: 20px; } }
.cc__col { border-radius: var(--r-xl); padding: 32px; background: var(--card); }
.cc__col h3 { margin-bottom: 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.cc__col h3 span { font-family: var(--sans); font-size: 13px; font-weight: 500; padding: 2px 12px; border-radius: var(--r-full); }
.cc__col--yes { background: linear-gradient(160deg, var(--primary-c-low), #FFFFFF 80%); box-shadow: inset 0 0 0 1px var(--primary-line); }
.cc__col--yes h3 span { background: var(--grad-cool); color: #FFFFFF; }
.cc__col--no h3 span { background: var(--surface-highest); color: var(--on-surface-var); }

/* SAM page: interactive DAG */
.dag { border-radius: var(--r-2xl); background: linear-gradient(180deg, #F8FAFD, #F0F4F9); box-shadow: inset 0 0 0 1px var(--hairline), 0 30px 60px -40px rgba(1, 86, 211, .35); padding: 20px; }
@media (min-width: 900px) { .dag { padding: 32px; } }
.dag__top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 20px; }
.dag__legend { display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 13px; color: var(--on-surface-var); }
.dag__lg { display: inline-flex; align-items: center; gap: 6px; }
.dag__lg::before { content: ""; width: 12px; height: 12px; border-radius: 4px; border: 2px solid; }
.dag__lg--ok::before { border-color: var(--on-surface); background: var(--surface); }
.dag__lg--void::before { border-color: var(--outline); border-style: dashed; background: var(--surface-high); }
.dag__lg--run::before { border-color: var(--or); background: var(--or-c); }
.dag__lg--wait::before { border-color: var(--primary); background: var(--primary-c); }
.dag__nodes { list-style: none; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 1100px) { .dag__nodes { grid-template-columns: repeat(14, minmax(0, 1fr)); } }
.dag__nodes li { position: relative; }
@media (min-width: 1100px) { .dag__nodes li:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: -8px; width: 8px; height: 2px; margin-top: -1px; background: linear-gradient(90deg, var(--primary-line), var(--outline-var)); } }
.dag__n { width: 100%; aspect-ratio: 1 / 1.05; border-radius: var(--r-m); border: 1.5px solid; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; position: relative; font-family: var(--sans); padding: 4px 0; transition: background-color .3s, border-color .3s, color .3s, transform .3s var(--ease-out), box-shadow .3s; }
.dag__n:hover { transform: translateY(-2px); box-shadow: 0 10px 20px -12px rgba(1, 86, 211, .6); }
.dag.is-busy .dag__n { cursor: progress; }
.dag__s { font-size: 10.5px; letter-spacing: .06em; opacity: .8; text-transform: uppercase; }
.dag__n b { font-family: var(--display); font-size: 20px; font-weight: 500; line-height: 1.1; font-variant-numeric: tabular-nums; }
.dag__gate { position: absolute; top: -7px; right: -7px; width: 18px; height: 18px; border-radius: 50%; border: 2px solid #FFFFFF; }
.dag__n.is-ok { border-color: var(--on-surface); background: var(--surface); color: var(--on-surface); }
.dag__n.is-ok .dag__gate { background: var(--on-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 11px no-repeat; }
.dag__n.is-void { border-color: var(--outline); border-style: dashed; background: var(--surface-high); color: var(--on-surface-var); }
.dag__n.is-void b { text-decoration: line-through; text-decoration-thickness: 2px; }
.dag__n.is-void .dag__gate { background: var(--outline); }
.dag__n.is-run { border-color: var(--or); background: var(--or-c); color: var(--or-deep); animation: dagpulse .6s ease-in-out infinite alternate; }
.dag__n.is-run .dag__gate { background: var(--or); }
.dag__n.is-wait { border-color: var(--primary); background: var(--primary-c); color: var(--on-primary-c); box-shadow: 0 0 0 4px rgba(1, 86, 211, .08); }
.dag__n.is-wait .dag__gate { background: var(--primary-fill); }
@keyframes dagpulse { from { box-shadow: 0 0 0 0 rgba(235, 97, 0, 0); } to { box-shadow: 0 0 0 6px rgba(235, 97, 0, .2), 0 0 24px rgba(235, 97, 0, .35); } }
.dag__msg { margin: 20px 0 0; min-height: 3.4em; padding: 14px 20px 14px 44px; position: relative; border-radius: var(--r-l); background: var(--surface); box-shadow: inset 0 0 0 1px var(--hairline); font-size: 15px; font-weight: 500; }
.dag__msg::before { content: ""; position: absolute; left: 18px; top: 19px; width: 14px; height: 14px; background: var(--grad); -webkit-mask: var(--sparkle) center / contain no-repeat; mask: var(--sparkle) center / contain no-repeat; }
.dag.is-busy .dag__msg::before { animation: twinkle .9s ease-in-out infinite alternate; }
@keyframes twinkle { from { transform: scale(.7) rotate(0deg); opacity: .6; } to { transform: scale(1.15) rotate(45deg); opacity: 1; } }
.dag__runs { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; font-size: 13px; }
.dag__runs b { color: var(--on-surface-var); font-weight: 500; margin-right: 4px; }
.dag__runs ul { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.dag__runs li { padding: 3px 12px; border-radius: var(--r-full); border: 1px solid var(--outline-var); background: var(--surface); color: var(--on-surface-var); font-family: var(--mono); font-size: 12px; }
.dag__runs li.is-cur { border-color: var(--primary); color: var(--on-primary-c); background: var(--primary-c); font-weight: 500; }
@media (max-width: 559px) { .dag__s { display: none; } .dag__n b { font-size: 17px; } .dag__gate { width: 14px; height: 14px; top: -5px; right: -5px; background-size: 9px !important; } }

/* SAM page: zones, manifest, monitor, engine trio */
.zone .zone__n { display: inline-block; font-size: 13px; line-height: 20px; color: #FFFFFF; background: linear-gradient(120deg, #EB6100, #8B6CF2); padding: 3px 12px; border-radius: var(--r-full); font-weight: 500; margin-bottom: 14px; }
.mf { display: grid; gap: 12px; }
.mf__parts { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 720px) { .mf__parts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .mf__parts { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.mf__parts li { text-align: center; padding: 16px 10px; border-radius: var(--r-full); background: var(--card); box-shadow: inset 0 0 0 1px var(--card-line); font-weight: 500; font-size: 15px; }
.mf__arrow { justify-self: center; color: var(--or); }
.mf__arrow svg { width: 28px; height: 28px; transform: rotate(90deg); animation: drop 1.8s var(--ease) infinite; }
@keyframes drop { 0%, 100% { transform: rotate(90deg) translateX(-3px); opacity: .5; } 50% { transform: rotate(90deg) translateX(4px); opacity: 1; } }
.mf__unit { position: relative; overflow: hidden; isolation: isolate; text-align: center; border-radius: var(--r-xl); padding: 30px; background: linear-gradient(120deg, #EB6100, #D45700 50%, #B84A00); color: #FFFFFF; box-shadow: 0 30px 60px -30px rgba(235, 97, 0, .75); }
.mf__unit::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(105deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, .22) 50%, rgba(255, 255, 255, 0) 65%); transform: translateX(-100%); animation: sweep 6s var(--ease) infinite; animation-play-state: paused; }
.is-live .mf__unit::after { animation-play-state: running; }
.mf__unit b { display: block; font-size: 26px; color: #FFFFFF; }
.mf__unit span { display: block; font-size: 14px; margin-top: 4px; }
.sbx { border-radius: var(--r-xl); padding: 28px; background: var(--card); }
.sbx b { display: block; font-size: 24px; background: var(--grad-cool); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.sbx span { display: block; font-size: 14px; color: var(--on-surface-var); margin-top: 6px; }
.dims { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.dim { border-radius: var(--r-l); padding: 16px 8px; text-align: center; background: var(--primary-c-low); box-shadow: inset 0 0 0 1px var(--primary-line); }
.dim small { display: block; font-size: 11px; font-weight: 500; color: var(--primary); letter-spacing: .06em; }
.dim b { display: block; font-size: 16px; font-weight: 500; margin-top: 4px; }
html[lang="en"] .dim b { font-size: 13.5px; }
@media (max-width: 559px) { .dims { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.mflow { list-style: none; display: grid; gap: 8px; margin-top: 16px; }
@media (min-width: 560px) { .mflow { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.mflow li { padding: 14px; border-radius: var(--r-full); font-size: 14.5px; font-weight: 500; text-align: center; background: var(--card); box-shadow: inset 0 0 0 1px var(--card-line); }
.mflow li:last-child { background: var(--grad-cool); color: #FFFFFF; box-shadow: 0 12px 24px -12px rgba(1, 86, 211, .7); }
.lineage-pts { margin-top: 40px; max-width: 960px; margin-left: auto; margin-right: auto; }
.trio { display: grid; gap: 12px; align-items: stretch; }
@media (min-width: 900px) { .trio { grid-template-columns: 1fr auto 1fr auto 1fr; } }
.trio__n { border-radius: var(--r-xl); background: var(--card); padding: 24px; text-align: center; }
.trio__n small { display: block; font-size: 12px; font-weight: 500; letter-spacing: .08em; color: var(--ink-soft); }
.trio__n b { display: block; font-size: 22px; margin: 4px 0; color: var(--heading); }
.trio__n span { font-size: 14px; color: var(--on-surface-var); }
.trio__n.is-sam { background: linear-gradient(140deg, #EB6100, #B84A00); color: #FFFFFF; box-shadow: 0 30px 60px -30px rgba(235, 97, 0, .75); }
.trio__n.is-sam :is(small, span, b) { color: #FFFFFF; }
.trio__arrow { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: var(--primary); font-size: 12px; text-align: center; max-width: 150px; margin: 0 auto; }
.trio__arrow span { color: var(--on-surface-var); }
.trio__arrow svg { width: 24px; height: 24px; transform: rotate(90deg); }
@media (min-width: 900px) { .trio__arrow svg { transform: none; animation: nudge 1.8s var(--ease) infinite; } }
.trio__back { margin-top: 16px; text-align: center; }
.trio__back span { display: inline-block; font-size: 13px; color: var(--on-primary-c); font-weight: 500; padding: 6px 16px; border-radius: var(--r-full); background: var(--primary-c-low); box-shadow: inset 0 0 0 1px var(--primary-line); }
.trio__back span::before { content: "← "; }

/* VDC */
.formula { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; }
.formula span { font-size: clamp(20px, 2vw, 26px); padding: 12px 24px; border-radius: var(--r-full); background: var(--card); box-shadow: inset 0 0 0 1px var(--hairline); }
.formula span:nth-child(odd) { background: linear-gradient(120deg, var(--primary-c), var(--primary-c-low)); box-shadow: inset 0 0 0 1px var(--primary-line); color: var(--on-primary-c); }
.formula i { font-style: normal; font-size: 22px; color: var(--outline); }
.src { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; align-items: center; margin-top: 28px; }
.src b { font-size: 14px; font-weight: 500; margin-right: 6px; }
.dimgrid { list-style: none; display: grid; gap: 8px; }
@media (min-width: 600px) { .dimgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .dimgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.dimgrid li { display: flex; gap: 14px; align-items: baseline; padding: 14px 18px; border-radius: var(--r-l); background: var(--card); box-shadow: inset 0 0 0 1px var(--card-line); font-size: 15px; line-height: 1.55; }
.dimgrid small { font-size: 12px; font-weight: 500; color: var(--primary); font-variant-numeric: tabular-nums; }

/* Scenario page */
.lines { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 24px; }
.clamp-note { margin: 28px auto 0; max-width: 900px; text-align: center; }

/* Technology */
.cv { display: grid; gap: 16px; }
@media (min-width: 720px) { .cv { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .cv { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.cv__col { border-radius: var(--r-xl); background: var(--card); padding: 24px; }
.cv__col h3 { display: flex; justify-content: space-between; align-items: baseline; }
.cv__col h3 small { font-family: var(--sans); font-size: 12px; color: var(--ink-soft); font-weight: 500; }
.cv__col ul { list-style: none; margin-top: 16px; display: grid; gap: 8px; }
.cv__col li { font-size: 14.5px; padding: 8px 14px; border-radius: var(--r-full); background: var(--surface); box-shadow: inset 0 0 0 1px var(--hairline); }
.metric-row { display: grid; gap: 12px; }
@media (min-width: 720px) { .metric-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }
.metric { border-radius: var(--r-xl); padding: 24px; background: var(--card); }
.metric small { display: block; font-size: 13px; color: var(--on-surface-var); }
.metric b { display: block; margin: 6px 0; font-variant-numeric: tabular-nums; background: var(--grad-cool); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.metric span { display: block; font-size: 14px; color: var(--on-surface-var); line-height: 1.6; }
.algo { margin: 24px auto 0; max-width: 980px; font-size: 16px; text-align: center; }
.dfa { list-style: none; display: grid; gap: 8px; }
.dfa li { display: grid; grid-template-columns: 124px 1fr; border-radius: var(--r-l); overflow: hidden; background: var(--card); box-shadow: inset 0 0 0 1px var(--card-line); font-size: 14.5px; }
.dfa li b { background: var(--primary-c); color: var(--on-primary-c); padding: 10px 16px; font-weight: 500; font-size: 14px; display: flex; align-items: center; }
.dfa li span { padding: 10px 16px; color: var(--on-surface-var); }
.caps { list-style: none; display: grid; gap: 16px; counter-reset: cp; }
@media (min-width: 900px) { .caps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } }
.caps li { position: relative; border-radius: var(--r-xl); padding: 32px; background: var(--card); box-shadow: inset 0 0 0 1px var(--card-line); }
.caps li::before { counter-increment: cp; content: "0" counter(cp); display: inline-block; font-size: 13px; line-height: 20px; color: #FFFFFF; background: var(--grad-cool); padding: 3px 12px; border-radius: var(--r-full); font-weight: 500; }
.caps h3 { margin: 18px 0 10px; }
.caps p { font-size: 15px; color: var(--on-surface-var); margin: 0; }
.caps p + p { margin-top: 10px; }

/* Honors */
.honors { list-style: none; display: grid; gap: 12px; }
@media (min-width: 720px) { .honors { grid-template-columns: 1fr 1fr; gap: 16px; } }
.honors li { display: flex; gap: 16px; align-items: center; border-radius: var(--r-xl); background: var(--card); padding: 20px 24px; }
.honors svg { flex: none; width: 44px; height: 44px; color: var(--primary); }
.honors b { display: block; font-size: 17px; font-weight: 500; line-height: 1.45; }
.honors span { display: block; font-size: 14px; color: var(--on-surface-var); }

/* Customers */
.cgroups { display: grid; gap: 24px; }
@media (min-width: 900px) { .cgroups { grid-template-columns: 1fr 1fr; } }
.cgroups h3 { font-family: var(--sans); font-size: 13px; font-weight: 500; letter-spacing: .06em; color: var(--ink-soft); margin-bottom: 14px; }
.cgroups ul { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.cgroups li { padding: 10px 18px; border-radius: var(--r-full); background: var(--surface); box-shadow: inset 0 0 0 1px var(--hairline); font-weight: 500; font-size: 15px; transition: box-shadow .3s, transform .3s var(--ease-out); }
.cgroups li:hover { box-shadow: inset 0 0 0 1px var(--primary-line), 0 10px 20px -12px rgba(1, 86, 211, .5); transform: translateY(-2px); }
.reach { margin: 40px auto 0; font-size: 17px; color: var(--on-surface-var); max-width: 900px; text-align: center; }
.reach strong { color: var(--on-surface); }

/* ---------- CTA band (deep-space panel) ---------- */
.cta { padding: calc(var(--sec) * .5) 0 calc(var(--sec) * .75); }
.trialband { padding: calc(var(--sec) * .5) 0; }
.cta__box { position: relative; isolation: isolate; overflow: hidden; border-radius: var(--r-2xl); color: var(--on-surface); padding: 64px 24px; text-align: center;
  background:
    radial-gradient(55% 80% at 50% 115%, rgba(61, 139, 255, .30), rgba(61, 139, 255, 0) 70%),
    radial-gradient(40% 60% at 0% 0%, rgba(139, 108, 242, .20), rgba(139, 108, 242, 0) 70%),
    radial-gradient(40% 60% at 100% 0%, rgba(235, 97, 0, .14), rgba(235, 97, 0, 0) 70%),
    linear-gradient(180deg, #F8FAFD 0%, #E8F0FE 100%);
  box-shadow: inset 0 0 0 1px rgba(1, 86, 211, .10), 0 40px 80px -56px rgba(1, 86, 211, .5); }
@media (min-width: 1024px) { .cta__box { border-radius: var(--r-3xl); padding: 104px 48px; } }
.cta__box::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgba(1, 86, 211, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(1, 86, 211, .06) 1px, transparent 1px); background-size: 48px 48px; background-position: center center;
  -webkit-mask-image: radial-gradient(60% 70% at 50% 50%, #000 0%, transparent 80%); mask-image: radial-gradient(60% 70% at 50% 50%, #000 0%, transparent 80%); }
.cta__box::after { content: ""; position: absolute; z-index: -1; left: 20%; top: 35%; width: 60%; height: 110%; pointer-events: none; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(61, 139, 255, .20), rgba(139, 108, 242, .08) 55%, rgba(139, 108, 242, 0));
  animation: sway 14s ease-in-out infinite alternate; animation-play-state: paused; }
.cta.is-live .cta__box::after { animation-play-state: running; }
@keyframes sway { from { transform: translate3d(-28%, 6%, 0) scale(.9); } to { transform: translate3d(28%, -4%, 0) scale(1.15); } }
.cta__box .eyebrow { margin-left: auto; margin-right: auto; }
.cta h2 { max-width: 900px; margin: 0 auto; }
.cta p { margin: 20px auto 0; max-width: 700px; color: var(--on-surface-var); }
.cta__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 36px; }

/* ---------- imagery ---------- */
.media { position: relative; overflow: hidden; border-radius: var(--r-2xl); background: var(--surface-c); aspect-ratio: 2 / 1; }
.media picture, .media img, .frow__img picture, .frow__img img, .icard__img picture, .icard__img img, .trialband__img picture, .trialband__img img { display: block; width: 100%; height: 100%; }
.media img, .frow__img img, .icard__img img, .trialband__img img { object-fit: cover; object-position: 50% 50%; }
@media (min-width: 720px) { .media { aspect-ratio: 16 / 7; } }
@media (min-width: 1024px) { .media { border-radius: var(--r-3xl); } }
.hero__img, .phero .media { margin: 64px auto 0; }
@media (min-width: 1024px) { .phero .media { margin-top: 80px; } }
.phero .media { text-align: left; }
.media::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(31, 31, 31, .06); pointer-events: none; }

/* Feature rows: image + text, alternating */
.frow { display: grid; gap: 32px; align-items: center; }
.frow + .frow { margin-top: 72px; }
@media (min-width: 1024px) { .frow { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 80px; } .frow + .frow { margin-top: 112px; } .frow--rev { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } .frow--rev .frow__img { order: 2; } }
.frow__img { position: relative; overflow: hidden; border-radius: var(--r-xl); background: var(--surface-c); aspect-ratio: 2 / 1; box-shadow: 0 40px 80px -48px rgba(1, 86, 211, .55); }
.frow__img img { transition: transform 1.2s var(--ease-out); }
.frow__img:hover img { transform: scale(1.04); }
@media (min-width: 1024px) { .frow__img { border-radius: var(--r-2xl); } }
.frow__t { font-family: var(--display); font-size: clamp(24px, 2.5vw, 34px); line-height: 1.22; font-weight: 500; letter-spacing: -0.02em; color: var(--heading); }
html[lang="zh-CN"] .frow__t { line-height: 1.4; letter-spacing: 0; }
.frow__txt > p { margin: 18px 0 0; font-size: 18px; line-height: 1.6; color: var(--on-surface-var); }
html[lang="zh-CN"] .frow__txt > p { line-height: 1.85; }
.frow__txt ul.checks { margin-top: 24px; }
.frow__link { margin-top: 28px; }

/* Image cards */
.icards { display: grid; gap: 16px; }
@media (min-width: 720px) { .icards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .icards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .icards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.icard { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--r-xl); background: var(--card); color: var(--on-surface); transition: background-color .3s var(--ease), box-shadow .4s var(--ease), transform .4s var(--ease-out); }
.icard:hover { background: var(--card-hover); box-shadow: inset 0 0 0 1px var(--card-line), var(--lift); transform: translateY(-4px); }
.icard__img { position: relative; aspect-ratio: 2 / 1; overflow: hidden; }
.icard__img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7, 11, 20, 0) 55%, rgba(7, 11, 20, .28)); opacity: 0; transition: opacity .4s; }
.icard:hover .icard__img::after { opacity: 1; }
.icard__img img { transition: transform .9s var(--ease-out); }
.icard:hover .icard__img img { transform: scale(1.06); }
.icard__b { display: flex; flex-direction: column; flex: 1; padding: 24px; }
@media (min-width: 1024px) { .icard__b { padding: 28px 32px 32px; } }
.icard p { margin: 12px 0 24px; color: var(--on-surface-var); font-size: 16px; line-height: 1.6; }
.icard .link { margin-top: auto; }
.icard__b .dl { margin: 12px 0 24px; }
.icard:hover .link svg { transform: translateX(4px); }
.icard--flag { background: linear-gradient(170deg, #FFF1E8, #FFFFFF 60%); box-shadow: inset 0 0 0 1.5px var(--or); }
.icard--flag:hover { box-shadow: inset 0 0 0 1.5px var(--or), 0 30px 60px -30px rgba(235, 97, 0, .5); }
.icard--flag:hover { background: linear-gradient(170deg, #FFF1E8, #FFFFFF 60%); }
.icard--flag .card__kicker { color: var(--or-deep); }
.icard--flag .icard__img { border-radius: calc(var(--r-xl) - 2px) calc(var(--r-xl) - 2px) 0 0; margin: 2px 2px 0; }

/* "Also applies to" row */
.also { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin-top: 36px; }
.also b { font-size: 14px; font-weight: 500; margin-right: 6px; }
.also__note { font-size: 14px; color: var(--on-surface-var); margin-left: 6px; }
.also .chip { transition: border-color .25s, color .25s, transform .3s var(--ease-out); }
.also .chip:hover { border-color: var(--primary); color: var(--primary); transform: translateY(-2px); }
.more-row--c { display: flex; justify-content: center; }

/* ---------- try-online band ---------- */
.trialband__box { position: relative; isolation: isolate; display: grid; overflow: hidden; border-radius: var(--r-2xl); background: linear-gradient(120deg, #FFF1E8 0%, #FFFFFF 48%, #E8F0FE 100%); color: var(--on-surface); box-shadow: inset 0 0 0 1px var(--or-line); }
.trialband__box::before { content: ""; position: absolute; z-index: -1; left: -10%; top: -50%; width: 60%; height: 140%; border-radius: 50%; background: radial-gradient(closest-side, rgba(235, 97, 0, .14), rgba(235, 97, 0, 0)); pointer-events: none; }
@media (min-width: 1024px) { .trialband__box { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border-radius: var(--r-3xl); } }
.trialband__txt { padding: 44px 24px 32px; }
@media (min-width: 1024px) { .trialband__txt { padding: 72px 56px; align-self: center; } }
.trialband__txt .eyebrow { color: var(--or-deep); }
.trialband__txt .eyebrow::before { background: linear-gradient(135deg, #EB6100 0%, #E05A8E 60%, #8B6CF2 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 4px 10px -4px rgba(235, 97, 0, .6); }
.trialband__txt > p { margin: 18px 0 0; font-size: 18px; line-height: 1.6; color: var(--on-surface-var); max-width: 620px; }
html[lang="zh-CN"] .trialband__txt > p { line-height: 1.85; }
.trialband__facts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.trialband__facts span { display: inline-flex; padding: 7px 14px; border-radius: var(--r-full); background: rgba(255, 255, 255, .85); box-shadow: inset 0 0 0 1px var(--or-line); font-size: 14px; line-height: 20px; color: var(--on-surface-var); }
.trialband__facts b { color: var(--or-deep); font-weight: 500; }
.trialband .cta__btns { justify-content: flex-start; }
.trialband__img { padding: 0 16px 16px; }
.trialband__img picture { overflow: hidden; border-radius: var(--r-xl); background: var(--surface-c); aspect-ratio: 2 / 1; height: auto; box-shadow: 0 30px 60px -36px rgba(235, 97, 0, .5); }
.trialband__img img { transition: transform 1.2s var(--ease-out); }
.trialband__box:hover .trialband__img img { transform: scale(1.04); }
@media (min-width: 1024px) { .trialband__img { padding: 40px 40px 40px 0; align-self: center; } .trialband__img picture { aspect-ratio: 16 / 7; border-radius: var(--r-2xl); } }

/* Industry use cases */
.ucs .uc { display: flex; flex-direction: column; }
.uc .dl { margin-top: 8px; }
.uc .dl dd { font-size: 15px; color: var(--on-surface-var); }

/* Variable example (five dimensions) */
.vex { display: grid; gap: 8px; margin-top: 24px; }
@media (min-width: 600px) { .vex { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .vex { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.vex > div { border-radius: var(--r-l); background: var(--primary-c-low); box-shadow: inset 0 0 0 1px var(--primary-line); padding: 16px 20px; }
.vex small { display: block; font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: .06em; color: var(--primary); }
.vex b { display: block; margin-top: 6px; font-size: 16px; font-weight: 500; line-height: 1.4; }
.vex > div:last-child { background: var(--or-c); box-shadow: inset 0 0 0 1px var(--or-line); }
.vex > div:last-child small { color: var(--or-deep); }

/* Variable examples by industry (VDC) */
.vrows { display: grid; gap: 16px; }
.vrow { border-radius: var(--r-xl); background: var(--surface); padding: 20px; }
.dark .vrow { background: var(--card); }
@media (min-width: 1024px) { .vrow { padding: 24px 28px; } }
.vrow__h { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-bottom: 16px; }
.vrow__h b { font-size: 16px; font-weight: 500; }
.vrow .vex { margin-top: 0; }
.vrows + .src { margin-top: 32px; }
.src + .src { margin-top: 12px; }

/* Four-step stages */
@media (min-width: 1100px) { .stages--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* Header text link + trial system callout */
.hdr__txt { display: none; font-size: 14px; font-weight: 500; line-height: 20px; color: var(--on-surface-var); padding: 10px 12px; border-radius: var(--r-full); white-space: nowrap; transition: background-color .2s, color .2s; }
.hdr__txt:hover { color: var(--on-surface); background: rgba(31, 31, 31, .05); }
@media (min-width: 720px) and (max-width: 1099px), (min-width: 1280px) { .hdr__txt { display: inline-flex; } }
.mnav .btn + .btn { margin-top: 12px; }
.trial-sys { margin: 24px 0; }
.trial-sys b { display: block; font-weight: 500; }
.trial-sys p { margin: 4px 0 16px; font-size: 15px; }

/* ---------- contact & forms ---------- */
.contact { display: grid; gap: 32px; }
@media (min-width: 1024px) { .contact { grid-template-columns: 5fr 7fr; gap: 56px; } }
.cinfo { list-style: none; display: grid; border-radius: var(--r-xl); background: var(--card); overflow: hidden; padding: 8px 0; }
.cinfo li { display: grid; grid-template-columns: 88px 1fr; gap: 12px; padding: 15px 24px; font-size: 15px; line-height: 1.6; }
html[lang="en"] .cinfo li { grid-template-columns: 96px 1fr; }
.cinfo li + li { border-top: 1px solid var(--surface-highest); }
.cinfo li > span { color: var(--on-surface-var); font-size: 14px; }
.cinfo a { color: var(--primary); font-weight: 500; word-break: break-all; }
.cinfo a:hover { text-decoration: underline; text-underline-offset: 3px; }
.form { position: relative; border-radius: var(--r-xl); background: var(--surface); border: 1px solid var(--hairline); padding: 24px; box-shadow: 0 1px 2px rgba(31, 31, 31, .04), 0 40px 80px -48px rgba(1, 86, 211, .45); }
@media (min-width: 720px) { .form { padding: 40px; } }
.form > p { font-size: 15px; color: var(--on-surface-var); margin: 8px 0 24px; }
.fgrid { display: grid; gap: 16px 20px; }
@media (min-width: 720px) { .fgrid { grid-template-columns: 1fr 1fr; } .f--full { grid-column: 1 / -1; } }
.field label { display: block; font-size: 14px; font-weight: 500; margin-bottom: 6px; color: var(--on-surface-var); }
.field label i { font-style: normal; color: var(--or); margin-left: 2px; }
.field input, .field select, .field textarea { width: 100%; font: inherit; font-size: 16px; line-height: 24px; min-height: 52px; padding: 13px 16px; border-radius: var(--r-m); border: 1px solid var(--outline-var); background: var(--surface-low); color: var(--on-surface); transition: border-color .2s, box-shadow .2s, background-color .2s; }
.field textarea { min-height: 136px; resize: vertical; }
.field input:hover, .field select:hover, .field textarea:hover { border-color: var(--outline); }
.field input:focus, .field select:focus, .field textarea:focus { outline: none; background: var(--surface); border-color: var(--primary); box-shadow: 0 0 0 4px rgba(1, 86, 211, .12); }
.field.is-err input, .field.is-err textarea, .field.is-err select { border-color: var(--or-deep); box-shadow: 0 0 0 4px rgba(235, 97, 0, .12); }
.field__err { display: none; color: var(--or-deep); font-size: 13px; margin-top: 4px; }
.field.is-err .field__err { display: block; }
.form__foot { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 14px 20px; align-items: center; }
.form__foot small { font-size: 13px; color: var(--on-surface-var); line-height: 1.6; flex: 1 1 260px; }
.form__ok { display: none; margin-top: 16px; padding: 16px 20px; border-radius: var(--r-l); background: var(--primary-c-low); box-shadow: inset 0 0 0 1px var(--primary-line); color: var(--on-primary-c); font-size: 14px; }
.form__ok.is-on { display: block; animation: mnavItem .5s var(--ease-out); }
.form__ok p { margin: 0 0 10px; }
.form__ok a { text-decoration: underline; }
.form__ok pre { white-space: pre-wrap; word-break: break-word; font-family: var(--mono); font-size: 12.5px; line-height: 1.6; background: var(--surface); color: var(--on-surface); border-radius: var(--r-s); padding: 12px; margin: 0 0 12px; max-height: 260px; overflow: auto; }

/* ---------- footer ---------- */
.ftr { position: relative; background: var(--surface-low); color: var(--on-surface-var); padding: 64px 0 28px; font-size: 14px; line-height: 20px; }
.ftr::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, rgba(1, 86, 211, 0), rgba(1, 86, 211, .35) 25%, rgba(139, 108, 242, .35) 60%, rgba(235, 97, 0, .3) 80%, rgba(235, 97, 0, 0)); }
.ftr__top { display: grid; gap: 40px; }
@media (min-width: 1024px) { .ftr__top { grid-template-columns: 1.3fr repeat(4, minmax(0, 1fr)); gap: 32px; } }
.ftr__brand img { height: 32px; width: auto; }
html[lang="en"] .ftr__brand img { height: 26px; }
.ftr__brand p { margin: 18px 0 0; line-height: 1.75; max-width: 320px; }
.ftr__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
@media (min-width: 1024px) { .ftr__cols { display: contents; } }
.ftr h2 { font-family: var(--sans); font-size: 13px; line-height: 20px; font-weight: 500; letter-spacing: .06em; color: var(--on-surface); margin-bottom: 16px; }
.ftr ul { list-style: none; display: grid; gap: 12px; }
.ftr a { transition: color .2s; }
.ftr a:hover { color: var(--primary); }
.ftr__bottom { margin-top: 56px; padding-top: 22px; border-top: 1px solid var(--hairline); display: flex; flex-wrap: wrap; gap: 10px 24px; justify-content: space-between; align-items: center; font-size: 13px; color: var(--ink-soft); }
.ftr__legal { display: flex; flex-wrap: wrap; gap: 8px 24px; align-items: center; }
.ftr__legal a { display: inline-flex; align-items: center; gap: 6px; }
.ftr__legal img { width: 16px; height: 16px; }

/* ---------- 404 ---------- */
.nf { position: relative; isolation: isolate; overflow: hidden; min-height: 86vh; display: flex; align-items: center; padding-top: var(--hdr-h); text-align: center; }
.nf .wrap { display: flex; flex-direction: column; align-items: center; }
.nf b { font-family: var(--display); font-size: clamp(96px, 16vw, 168px); line-height: 1; font-weight: 500; letter-spacing: -0.05em; background: var(--grad-loop) 0 0 / 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; animation: shimmer 9s linear infinite; }
.nf h1 { margin: 20px 0 16px; }
.nf p { color: var(--on-surface-var); font-size: 18px; max-width: 560px; }
.nf .hero__ctas { margin-top: 24px; }

/* ---------- motion: staged reveals, split headings, counters ---------- */
.js .rv { opacity: 0; transform: translate3d(0, 32px, 0); transition: opacity .9s var(--ease-out) var(--d, 0s), transform 1.1s var(--ease-out) var(--d, 0s); }
.js .shead.rv, .js .sub-h.rv { transform: translate3d(0, 24px, 0); filter: blur(8px); transition: opacity .9s var(--ease-out) var(--d, 0s), transform 1.1s var(--ease-out) var(--d, 0s), filter .9s var(--ease-out) var(--d, 0s); }
.js .rv.in { opacity: 1; transform: none; filter: none; }
.js .rv-up { opacity: 0; transform: translate3d(0, 20px, 0); animation: up 1s var(--ease-out) forwards; animation-delay: var(--d, 0s); }
.js .d1 { --d: .06s; } .js .d2 { --d: .14s; } .js .d3 { --d: .42s; } .js .d4 { --d: .54s; } .js .d5 { --d: .64s; } .js .d6 { --d: .72s; }
.js .d7 { --d: .95s; } .js .d8 { --d: 1.03s; } .js .d9 { --d: 1.11s; } .js .d10 { --d: 1.19s; }
@keyframes up { to { opacity: 1; transform: none; } }
.sx .w { display: inline-block; opacity: 0; transform: translate3d(0, .45em, 0); filter: blur(10px); animation: ch 1s var(--ease-out) forwards; animation-delay: calc(var(--i) * 34ms + 120ms); }
.sx .pe { font-feature-settings: "halt"; }
.sx .c { opacity: 0; filter: blur(12px); animation: chi 1s var(--ease-out) forwards; animation-delay: calc(var(--i) * 32ms + 120ms); }
.sx .wi { opacity: 0; filter: blur(10px); animation: chi 1.1s var(--ease-out) forwards; animation-delay: calc(var(--i) * 34ms + 160ms); }
@keyframes ch { to { opacity: 1; transform: none; filter: none; } }
@keyframes chi { to { opacity: 1; filter: none; } }
.hero h1 em.wi { animation-name: chi, shimmer; animation-duration: 1.1s, 9s; animation-timing-function: var(--ease-out), linear; animation-iteration-count: 1, infinite; animation-fill-mode: forwards, none; animation-delay: calc(var(--i) * 34ms + 160ms), 0s; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .js .rv, .js .shead.rv, .js .sub-h.rv, .js .rv-up { opacity: 1; transform: none; filter: none; transition: none; animation: none; }
  .sx .w, .sx .wi, .sx .c { opacity: 1; transform: none; filter: none; animation: none; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .hero__frame .media::after { display: none; }
  .hero__frame, .phero .media { transform: none !important; }
}
@media print {
  .hdr, .mnav, .bgfx, .cta, .form, .hud { display: none !important; }
  .js .rv, .sx .w, .sx .wi, .sx .c { opacity: 1 !important; transform: none !important; filter: none !important; }
  .dark, .sec--tint { margin: 0; border-radius: 0; }
  .dark { background: #FFFFFF !important; }
}

html[lang="zh-CN"] .card__kicker { font-size: 14px; letter-spacing: .06em; }