/* ==================================================
   Polices Personnalisées
   ================================================== */

/*Poppins*/

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
    src: url(https://files.lumigo.app/fonts/Poppins/Poppins-devanagari.woff2) format('woff2');
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    src: url(https://files.lumigo.app/fonts/Poppins/Poppins-latinext.woff2) format('woff2');
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: block;
    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;
    src: url(https://files.lumigo.app/fonts/Poppins/Poppins-latin.woff2) format('woff2');
}

/*DM Serif Display */

/* latin-ext */
@font-face {
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    src: url('https://files.lumigo.app/fonts/DMSerifDisplay/DMSerifDisplay-latinext.woff2') format('woff2');
}

/* latin */
@font-face {
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: block;
    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;
    src: url('https://files.lumigo.app/fonts/DMSerifDisplay/DMSerifDisplay-latin.woff2') format('woff2');
}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-cyrillicext.woff2') format('woff2');
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-cyrillic.woff2') format('woff2');
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+1F00-1FFF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-greekext.woff2') format('woff2');
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-greek.woff2') format('woff2');
}

/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-hebrew.woff2') format('woff2');
}

/* math */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-math.woff2') format('woff2');
}

/* symbols */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-symbols.woff2') format('woff2');
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-vietnamese.woff2') format('woff2');
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-latinext.woff2') format('woff2');
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: block;
    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;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-latin.woff2') format('woff2');
}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-cyrillicext.woff2') format('woff2');
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-cyrillic.woff2') format('woff2');
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+1F00-1FFF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-greekext.woff2') format('woff2');
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-greek.woff2') format('woff2');
}

/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-hebrew.woff2') format('woff2');
}

/* math */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-math.woff2') format('woff2');
}

/* symbols */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-symbols.woff2') format('woff2');
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-vietnamese.woff2') format('woff2');
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-latinext.woff2') format('woff2');
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: block;
    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;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-latin.woff2') format('woff2');
}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-cyrillicext.woff2') format('woff2');
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-cyrillic.woff2') format('woff2');
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+1F00-1FFF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-greekext.woff2') format('woff2');
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-greek.woff2') format('woff2');
}

/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-hebrew.woff2') format('woff2');
}

/* math */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-math.woff2') format('woff2');
}

/* symbols */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-symbols.woff2') format('woff2');
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-vietnamese.woff2') format('woff2');
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-latinext.woff2') format('woff2');
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: block;
    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;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-latin.woff2') format('woff2');
}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-cyrillicext.woff2') format('woff2');
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-cyrillic.woff2') format('woff2');
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+1F00-1FFF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-greekext.woff2') format('woff2');
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-greek.woff2') format('woff2');
}

/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-hebrew.woff2') format('woff2');
}

/* math */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-math.woff2') format('woff2');
}

/* symbols */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-symbols.woff2') format('woff2');
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-vietnamese.woff2') format('woff2');
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-latinext.woff2') format('woff2');
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: block;
    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;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-latin.woff2') format('woff2');
}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-cyrillicext.woff2') format('woff2');
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-cyrillic.woff2') format('woff2');
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+1F00-1FFF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-greekext.woff2') format('woff2');
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-greek.woff2') format('woff2');
}

/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-hebrew.woff2') format('woff2');
}

/* math */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-math.woff2') format('woff2');
}

/* symbols */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-symbols.woff2') format('woff2');
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-vietnamese.woff2') format('woff2');
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-latinext.woff2') format('woff2');
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: block;
    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;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-latin.woff2') format('woff2');
}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-cyrillicext.woff2') format('woff2');
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-cyrillic.woff2') format('woff2');
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+1F00-1FFF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-greekext.woff2') format('woff2');
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-greek.woff2') format('woff2');
}

/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-hebrew.woff2') format('woff2');
}

/* math */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-math.woff2') format('woff2');
}

/* symbols */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-symbols.woff2') format('woff2');
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-vietnamese.woff2') format('woff2');
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: block;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-latinext.woff2') format('woff2');
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: block;
    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;
    src: url('https://files.lumigo.app/fonts/OpenSans/OpenSans-latin.woff2') format('woff2');
}

:root {
    color-scheme: light;
    --blog-bg: #eef8fd;
    --blog-bg-warm: #fff6ec;
    --blog-surface: rgba(255, 255, 255, 0.94);
    --blog-surface-strong: #fff;
    --blog-surface-soft: rgba(237, 248, 255, 0.94);
    --blog-surface-warm: rgba(255, 247, 237, 0.94);
    --blog-ink: #05070d;
    --blog-muted: rgba(5, 7, 13, 0.64);
    --blog-line: rgba(47, 89, 138, 0.14);
    --blog-line-strong: rgba(47, 89, 138, 0.24);
    --blog-blue: #00bfff;
    --blog-blue-deep: #0040ff;
    --blog-orange: #ffad33;
    --blog-orange-deep: #ff5c00;
    --blog-green: #4fa52e;
    --blog-shadow-rgb: 47, 89, 138;
    --blog-shadow-tight: 0 0 10px rgba(var(--blog-shadow-rgb), 0.13);
    --blog-shadow: 0 0 15px rgba(var(--blog-shadow-rgb), 0.2);
    --blog-shadow-pop: rgba(255, 255, 255, 0.1) 0 1px 1px 0 inset, rgba(var(--blog-shadow-rgb), 0.12) 0 50px 100px -20px, rgba(var(--blog-shadow-rgb), 0.12) 0 30px 60px -30px;
    --blog-radius-xl: 32px;
    --blog-radius-lg: 24px;
    --blog-radius-md: 18px;
    --border-radius-min: 12px;
    --scrollbar-thumb-color-rest: #d2d1da;
    --scrollbar-thumb-color-hover-rest: #beedff;
    --scrollbar-thumb-color-active: #10a6ff;
    --scrollbar-thumb-color-active-hover: #008ff5;
    --scrollbar-thumb-color: var(--scrollbar-thumb-color-rest);
    --scrollbar-thumb-color-hover: var(--scrollbar-thumb-color-hover-rest);
    --blog-max-width: 1180px;
    --general-background-color: #fff;
    --general-background-image:
        radial-gradient(circle at top left, rgba(0, 191, 255, 0.18), transparent 28%),
        radial-gradient(circle at 88% 10%, rgba(255, 173, 51, 0.24), transparent 20%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.42)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg fill-opacity='0.55'%3E%3Cpath fill='%238adeff' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%239ae1ff' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23aae5ff' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23bae9ff' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23CAEDFF' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23d2effe' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23d9f1fd' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23e0f3fd' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23e7f6fd' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23EEF8FD' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E"),
        linear-gradient(180deg, #f7fbff 0%, #eef8fd 55%, #fff8ef 100%);
    --general-background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    --general-background-attachment: fixed, fixed, fixed, fixed, fixed;
    --general-background-size: auto, auto, auto, cover, auto;
    --general-background-position: center, center, center, center, center;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-color);
    border: 2px solid transparent;
    border-radius: var(--border-radius-min);
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-color-hover);
}

*::-moz-scrollbar-thumb {
    background-clip: content-box;
    background-color: var(--scrollbar-thumb-color);
    border: 6px solid transparent;
    border-radius: 20px;
}

*::-moz-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-color-hover);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

a,
button,
[role="button"],
.tap-target {
    touch-action: manipulation;
}

html {
    margin: 0;
    min-height: 100%;
    scroll-behavior: smooth;
    background: linear-gradient(180deg, #f7fbff 0%, var(--blog-bg) 55%, #fff8ef 100%);
    color: var(--blog-ink);
}

body.blog-page {
    margin: 0;
    min-height: 100vh;
    position: relative;
    isolation: isolate;
    color: var(--blog-ink);
    font-family: "Open Sans", Arial, sans-serif;
    background: transparent;
}

body.blog-page::before,
body.blog-page::after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
}

body.blog-page::before {
    z-index: -2;
    background-color: var(--general-background-color);
    background-image: var(--general-background-image);
    background-repeat: var(--general-background-repeat);
    background-position: var(--general-background-position);
    background-size: var(--general-background-size);
}

body.blog-page::after {
    z-index: -1;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.02) 35%, rgba(255, 255, 255, 0.18) 100%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.32), transparent 52%);
}

img {
    display: block;
    max-width: 100%;
}

a {
    color: inherit;
}

a:focus-visible {
    outline: 3px solid rgba(0, 64, 255, 0.18);
    outline-offset: 4px;
}

.blog-shell {
    width: min(calc(100% - 32px), var(--blog-max-width));
    margin: 0 auto;
    padding: 20px 0 50px;
}

.blog-page-index .blog-shell,
.blog-page-article .blog-shell,
.blog-page-root-neutral .blog-shell {
    display: grid;
    gap: 20px;
}

.root-neutral-chrome {
    justify-content: center;
}

.root-neutral-brand-mark {
    display: flex;
    justify-content: center;
    width: min(100%, 368px);
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.root-neutral-brand-mark:hover,
.root-neutral-brand-mark:focus-visible {
    transform: translateY(-1px);
    opacity: 1;
}

.root-neutral-brand-mark__logo {
    width: min(100%, 320px);
    max-width: 320px;
    margin: 0 auto;
    filter:
        drop-shadow(0 16px 34px rgba(24, 50, 104, 0.16))
        drop-shadow(0 1px 0 rgba(255, 255, 255, 0.55));
}

.blog-hero,
.blog-empty,
.blog-not-found,
.blog-article {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.88);
    border-radius: var(--blog-radius-xl);
    box-shadow: var(--blog-shadow-pop);
}

.blog-hero,
.blog-empty,
.blog-not-found {
    overflow: hidden;
}

.blog-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.92fr);
    gap: 28px;
    padding: clamp(28px, 4vw, 42px);
    background: linear-gradient(145deg, rgba(229, 246, 255, 0.96), rgba(252, 254, 255, 0.95) 58%, rgba(255, 245, 232, 0.9));
}

.blog-hero::before,
.blog-empty::before,
.blog-not-found::before,
.blog-article::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.3), transparent 44%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 36%);
    pointer-events: none;
}

.blog-hero__content,
.blog-empty__copy,
.blog-not-found__copy {
    position: relative;
    z-index: 1;
    display: grid;
    align-content: start;
    gap: 18px;
}

.blog-hero__eyebrow,
.blog-empty__eyebrow,
.blog-not-found__eyebrow,
.blog-section-heading__eyebrow {
    margin: 0;
    color: rgba(0, 64, 255, 0.78);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.blog-hero__badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.blog-pill {
    --blog-pill-ink: rgb(0, 48, 196);
    --blog-pill-border: rgba(0, 64, 255, 0.2);
    --blog-pill-surface:
        linear-gradient(180deg, rgba(248, 251, 255, 0.94), rgba(233, 244, 255, 0.78)),
        linear-gradient(135deg, rgba(0, 191, 255, 0.3), rgba(255, 255, 255, 0) 74%);
    --blog-pill-shadow: rgba(24, 50, 104, 0.14);
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: fit-content;
    max-width: 100%;
    min-height: 0;
    padding: 10px 16px 11px;
    overflow: hidden;
    border: 0;
    border-radius: 999px;
    background-image: none;
    box-shadow: none;
    color: var(--blog-pill-ink);
    -webkit-text-fill-color: currentColor;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: 0.015em;
    line-height: 1.02;
    white-space: nowrap;
    text-wrap: balance;
    isolation: isolate;
    backdrop-filter: blur(10px);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.blog-pill::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid var(--blog-pill-border);
    border-radius: inherit;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0) 50%),
        var(--blog-pill-surface);
    box-shadow:
        0 18px 34px var(--blog-pill-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.88);
    z-index: -2;
}

.blog-pill::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0) 56%);
    pointer-events: none;
    z-index: -1;
}

.blog-pill--blue {
    --blog-pill-ink: rgb(0, 69, 210);
    --blog-pill-border: rgba(0, 64, 255, 0.22);
    --blog-pill-surface:
        linear-gradient(180deg, rgba(246, 250, 255, 0.96), rgba(230, 243, 255, 0.8)),
        linear-gradient(135deg, rgba(0, 191, 255, 0.28), rgba(255, 255, 255, 0) 76%);
    --blog-pill-shadow: rgba(24, 50, 104, 0.14);
}

.blog-pill--orange {
    --blog-pill-ink: rgb(171, 72, 6);
    --blog-pill-border: rgba(255, 173, 51, 0.26);
    --blog-pill-surface:
        linear-gradient(180deg, rgba(255, 251, 246, 0.96), rgba(255, 242, 226, 0.82)),
        linear-gradient(135deg, rgba(255, 173, 51, 0.32), rgba(255, 255, 255, 0) 76%);
    --blog-pill-shadow: rgba(171, 90, 20, 0.14);
}

.blog-pill--green {
    --blog-pill-ink: rgb(56, 116, 23);
    --blog-pill-border: rgba(79, 165, 46, 0.24);
    --blog-pill-surface:
        linear-gradient(180deg, rgba(249, 253, 246, 0.96), rgba(238, 249, 230, 0.82)),
        linear-gradient(135deg, rgba(79, 165, 46, 0.28), rgba(255, 255, 255, 0) 76%);
    --blog-pill-shadow: rgba(43, 100, 22, 0.14);
}

.blog-pill--link {
    text-decoration: none;
    cursor: pointer;
    transition:
        transform 180ms ease,
        color 180ms ease;
}

.blog-pill--link:hover {
    transform: translateY(-1px);
}

.blog-pill--link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.blog-shell-chrome {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px 20px;
}

body.blog-page-restricted-browser .blog-shell-chrome {
    display: none;
}

.blog-brand-cluster {
    flex: 0 1 184px;
    display: grid;
    align-content: start;
    gap: 5px;
    width: min(100%, 184px);
    justify-items: stretch;
}

.blog-shell-actions {
    display: grid;
    gap: 12px;
    max-width: 135px;
    margin-left: auto;
    align-self: stretch;
    justify-items: stretch;
    align-content: stretch;
}

.blog-shell-actions > * {
    width: 100%;
    height: 100%;
}

.blog-brand-mark {
    display: block;
    width: 100%;
    height: 55px;
    overflow: visible;
    text-decoration: none;
    transition: transform 180ms ease, opacity 180ms ease, filter 180ms ease;
}

.blog-brand-mark:hover {
    transform: translateY(-1px);
    opacity: 0.92;
}

.blog-brand-mark:focus-visible {
    border-radius: 18px;
}

.blog-brand-mark__logo {
    display: block;
    width: 100%;
    max-width: 200px;
    height: auto;
    margin-top: -20px;
    filter:
        drop-shadow(0 8px 18px rgba(24, 50, 104, 0.12))
        drop-shadow(0 1px 0 rgba(255, 255, 255, 0.55));
}

.blog-app-link {
    display: inline-flex;
    align-items: center;
    position: relative;
    gap: 4px;
    width: calc(100% + 10px);
    max-width: calc(100% + 10px);
    padding: 8px 10px 8px 30px;
    border: 1px solid rgba(255, 255, 255, 0.88);
    border-radius: 999px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(238, 246, 255, 0.86) 64%, rgba(255, 247, 238, 0.82)),
        linear-gradient(90deg, rgba(0, 64, 255, 0.04), transparent 52%);
    box-shadow:
        0 10px 24px rgba(var(--blog-shadow-rgb), 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.82);
    color: rgba(0, 64, 255, 0.86);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1.1;
    text-decoration: none;
    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        color 180ms ease,
        border-color 180ms ease;
    min-width: 0;
    justify-content: center;
}

.blog-app-link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 1rem;
    height: 1rem;
    border-radius: 0.28rem;
    background-image: url("https://icons.lumigo.app/lumigoicons/apps-assets/Assets.xcassets/AppIcon.appiconset/_/120.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow:
        0 6px 12px rgba(var(--blog-shadow-rgb), 0.15),
        0 0 0 1px rgba(255, 255, 255, 0.72);
    transform: translateY(-50%) rotate(-12deg);
    transform-origin: center;
    transition: transform 180ms ease, box-shadow 180ms ease;
    pointer-events: none;
}

.blog-app-link::after {
    content: "";
    width: 0.9rem;
    height: 0.9rem;
    background-color: currentColor;
    mask-image: url("https://icons.lumigo.app/lucideicons/arrow-up-right.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("https://icons.lumigo.app/lucideicons/arrow-up-right.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    opacity: 0.84;
    transition: transform 180ms ease;
}

.blog-app-link:hover {
    transform: translateY(-1px);
    border-color: rgba(0, 64, 255, 0.14);
    box-shadow:
        0 14px 28px rgba(var(--blog-shadow-rgb), 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.84);
    color: rgba(255, 92, 0, 0.88);
}

.blog-app-link:hover::after,
.blog-app-link:focus-visible::after {
    transform: translate(1px, -1px);
}

.blog-app-link:hover::before,
.blog-app-link:focus-visible::before {
    transform: translateY(-50%) rotate(-7deg) scale(1.04);
    box-shadow:
        0 8px 16px rgba(var(--blog-shadow-rgb), 0.18),
        0 0 0 1px rgba(255, 255, 255, 0.78);
}

.blog-app-link:focus-visible {
    outline: 2px solid rgba(0, 64, 255, 0.24);
    outline-offset: 4px;
}

.blog-edition-launcher {
    appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    width: 34px;
    min-width: 34px;
    max-width: 34px;
    height: 34px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
    color: #000;
    font: inherit;
    text-align: center;
    cursor: pointer;
    transition: all ease-out .3s;
}

.blog-edition-launcher__icon {
    vertical-align: middle;
    width: 25px;
    height: 25px;
    display: inline-block;
    background: linear-gradient(340deg, hsla(195, 100%, 50%, 1), hsla(calc(45 + 180), 100%, 50%, 1));
    mask-image: url('https://icons.lumigo.app/lucideicons/globe.svg');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url('https://icons.lumigo.app/lucideicons/globe.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.blog-edition-launcher:focus-visible {
    outline: 2px solid rgba(0, 64, 255, 0.24);
    outline-offset: 4px;
}

.blog-hero__title {
    margin: 0;
    max-width: 12ch;
    font-family: "Poppins", Arial, sans-serif;
    font-size: clamp(2.35rem, 5vw, 4.45rem);
    line-height: 1.08em;
    letter-spacing: -0.06em;
}

.blog-hero__lede,
.blog-empty__body,
.blog-not-found__body {
    margin: 0;
    max-width: 40rem;
    color: var(--blog-muted);
    font-size: 1.02rem;
    line-height: 1.74;
}

.blog-hero__lede-complement {
    display: inline;
}

.blog-hero__lede-link {
    color: rgba(0, 64, 255, 0.88);
    font-weight: 700;
    text-decoration-thickness: 0.12em;
    text-underline-offset: 0.18em;
}

.blog-hero__lede-link:hover,
.blog-hero__lede-link:focus-visible {
    color: rgba(0, 49, 209, 0.92);
}

.blog-hero__art,
.blog-not-found__art {
    position: relative;
    min-height: 320px;
}

.blog-hero__orb,
.blog-not-found__orb,
.blog-card__hero-glow,
.blog-article__hero-glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.blog-hero__orb--blue,
.blog-not-found__orb--blue,
.blog-card__hero-glow--blue,
.blog-article__hero-glow--blue {
    background: radial-gradient(circle, rgba(0, 191, 255, 0.62) 0%, rgba(0, 191, 255, 0) 68%);
}

.blog-hero__orb--orange,
.blog-not-found__orb--orange,
.blog-card__hero-glow--orange,
.blog-article__hero-glow--orange {
    background: radial-gradient(circle, rgba(255, 173, 51, 0.5) 0%, rgba(255, 173, 51, 0) 70%);
}

.blog-hero__orb--blue {
    top: -24px;
    right: -30px;
    width: 240px;
    height: 240px;
}

.blog-hero__orb--orange {
    bottom: -54px;
    left: 6%;
    width: 210px;
    height: 210px;
}

.blog-hero__grid {
    position: absolute;
    inset: 22px 12px auto auto;
    width: min(100%, 310px);
    height: 120px;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background:
        linear-gradient(90deg, rgba(0, 64, 255, 0.08) 1px, transparent 1px) 0 0 / 24px 24px,
        linear-gradient(rgba(0, 64, 255, 0.08) 1px, transparent 1px) 0 0 / 24px 24px,
        rgba(255, 255, 255, 0.38);
    box-shadow: var(--blog-shadow-tight);
}

.blog-hero__panel {
    position: absolute;
    right: 0;
    bottom: 0;
    width: min(100%, 344px);
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.88);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: var(--blog-shadow-pop);
    backdrop-filter: blur(12px);
}

.blog-hero__panel-title {
    margin: 0 0 18px;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: -0.02em;
}

.blog-hero__panel-list,
.blog-empty__themes {
    display: grid;
    gap: 12px;
}

.blog-hero__panel-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding: 12px 0;
    border-top: 1px solid var(--blog-line);
}

.blog-hero__panel-item--link {
    color: inherit;
    text-decoration: none;
}

.blog-hero__panel-item--link:focus-visible {
    outline: 2px solid rgba(18, 83, 255, 0.36);
    outline-offset: 4px;
    border-radius: 18px;
}

.blog-hero__panel-item:first-child {
    padding-top: 0;
    border-top: 0;
}

.blog-hero__panel-dot {
    width: 12px;
    height: 12px;
    margin-top: 0.35em;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.78);
}

.blog-hero__panel-dot--blue {
    background: linear-gradient(180deg, var(--blog-blue), var(--blog-blue-deep));
}

.blog-hero__panel-dot--orange {
    background: linear-gradient(180deg, var(--blog-orange), var(--blog-orange-deep));
}

.blog-hero__panel-dot--green {
    background: linear-gradient(180deg, #9bd744, var(--blog-green));
}

.blog-hero__panel-item-title,
.blog-empty__theme-title {
    margin: 0;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.blog-hero__panel-item-body,
.blog-empty__theme-body {
    margin: 4px 0 0;
    color: var(--blog-muted);
    font-size: 0.91rem;
    line-height: 1.55;
}

body.blog-modal-open {
    overflow: hidden;
}

.blog-edition-modal {
    position: fixed;
    inset: 0;
    z-index: 90;
    display: grid;
    place-items: center;
    padding: 24px;
}

.blog-edition-modal[hidden] {
    display: none;
}

.blog-edition-modal__backdrop {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(0, 191, 255, 0.2), transparent 36%),
        radial-gradient(circle at bottom right, rgba(255, 173, 51, 0.16), transparent 32%),
        rgba(12, 18, 32, 0.5);
    backdrop-filter: blur(14px);
}

.blog-edition-modal__dialog {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
        "title"
        "tree";
    align-items: start;
    row-gap: 10px;
    width: min(100%, 820px);
    max-height: min(86vh, 820px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding: 24px 24px 22px;
    border: 1px solid rgba(255, 255, 255, 0.78);
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(248, 252, 255, 0.98), rgba(255, 255, 255, 0.96) 58%, rgba(250, 252, 255, 0.96));
    box-shadow:
        0 28px 72px rgba(24, 50, 104, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.blog-edition-modal__close {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 6;
    display: grid;
    place-items: center;
    margin: 0;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    color: rgba(15, 23, 42, 0.86);
    opacity: 0.88;
    cursor: pointer;
    transition:
        opacity 160ms ease,
        transform 160ms ease,
        color 160ms ease;
}

.blog-edition-modal__close-icon {
    display: block;
    width: 22px;
    height: 22px;
    background-color: currentColor;
    mask-image: url("https://icons.lumigo.app/lucideicons/x.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("https://icons.lumigo.app/lucideicons/x.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.blog-edition-modal__close:hover {
    opacity: 1;
    transform: scale(1.04);
    color: rgba(15, 23, 42, 1);
}

.blog-edition-modal__title {
    grid-area: title;
    margin: 0;
    max-width: none;
    padding-right: 52px;
    font-family: "Poppins", Arial, sans-serif;
    font-size: clamp(1.6rem, 2.6vw, 2.15rem);
    line-height: 1;
    letter-spacing: -0.04em;
}

.blog-edition-modal__tree {
    grid-area: tree;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(188px, 1fr));
    align-items: start;
    gap: 12px;
    margin: 0;
    padding: 2px 0 0;
}

.blog-page {
    --ss-size: 20px;
    --ss-radius: 12px;
    --ss-offset: 8px;
    --ss-blur: 12px;
    --ss-color: rgba(0, 0, 0, 0.28);
}

.scroll-shadow-edge {
    position: absolute;
    display: block;
    opacity: 0;
    overflow: hidden;
    background: transparent;
    pointer-events: none;
    z-index: 10;
    transition: opacity ease-out 300ms;
}

.scroll-shadow-top {
    top: calc(-1 * var(--ss-size));
    right: 0;
    left: 0;
    height: var(--ss-size);
}

.scroll-shadow-top::before {
    content: "";
    position: absolute;
    top: -4px;
    right: 25px;
    left: 25px;
    display: block;
    height: 5px;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

.scroll-shadow-bottom {
    bottom: calc(-1 * var(--ss-size));
    right: 0;
    left: 0;
    height: var(--ss-size);
}

.scroll-shadow-bottom::before {
    content: "";
    position: absolute;
    right: 25px;
    bottom: -4px;
    left: 25px;
    display: block;
    height: 5px;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

.scroll-shadow-left {
    top: 0;
    bottom: 0;
    left: calc(-1 * var(--ss-size));
    width: var(--ss-size);
}

.scroll-shadow-left::before {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: -7px;
    display: block;
    width: 7px;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

.scroll-shadow-right {
    top: 0;
    right: calc(-1 * var(--ss-size));
    bottom: 0;
    width: var(--ss-size);
}

.scroll-shadow-right::before {
    content: "";
    position: absolute;
    top: 5px;
    right: -7px;
    bottom: 5px;
    display: block;
    width: 7px;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

.blog-edition-modal__language {
    position: relative;
    display: grid;
    gap: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(0, 64, 255, 0.08);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow:
        0 14px 28px rgba(24, 50, 104, 0.08);
}

.blog-edition-modal__language.is-current-language {
    border-color: rgba(0, 64, 255, 0.18);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(240, 247, 255, 0.96));
    box-shadow:
        0 18px 34px rgba(24, 50, 104, 0.12);
}

.blog-edition-modal__language-link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px 12px;
    min-height: 100%;
    min-height: 84px;
    padding: 14px 16px;
    color: inherit;
    text-decoration: none;
}

.blog-edition-modal__language-link.is-current {
    color: var(--blog-blue-deep);
}

.blog-edition-modal__language-link-label {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.03em;
}

.blog-edition-modal__language-link-meta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 7px 10px;
    border: 1px solid rgba(0, 64, 255, 0.1);
    border-radius: 999px;
    background: rgba(240, 246, 255, 1);
    box-shadow: none;
}

.blog-edition-modal__language-link-meta-label {
    display: inline-flex;
    align-items: center;
    gap: 0;
    color: rgba(0, 64, 255, 0.88);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
}

.blog-edition-modal__language-link-meta-label::after {
    display: none;
}

.blog-edition-modal__language-link:hover .blog-edition-modal__language-link-meta,
.blog-edition-modal__language-link:focus-visible .blog-edition-modal__language-link-meta,
.blog-edition-modal__language-link.is-current .blog-edition-modal__language-link-meta {
    border-color: rgba(0, 64, 255, 0.18);
    background: rgba(230, 242, 255, 1);
    box-shadow: none;
}

.blog-edition-modal__language-link:hover .blog-edition-modal__language-link-meta-label,
.blog-edition-modal__language-link:focus-visible .blog-edition-modal__language-link-meta-label,
.blog-edition-modal__language-link.is-current .blog-edition-modal__language-link-meta-label {
    text-decoration: none;
}

.blog-empty,
.blog-not-found {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.85fr);
    gap: 24px;
    padding: clamp(24px, 4vw, 36px);
    background: linear-gradient(135deg, rgba(255, 248, 239, 0.94), rgba(255, 255, 255, 0.96) 44%, rgba(237, 248, 255, 0.9));
}

.blog-empty__title,
.blog-not-found__title {
    margin: 0;
    max-width: 15ch;
    font-family: "Poppins", Arial, sans-serif;
    font-size: clamp(2.1rem, 5vw, 3.5rem);
    line-height: 0.98;
    letter-spacing: -0.05em;
}

.blog-empty__theme {
    position: relative;
    z-index: 1;
}

.blog-empty__theme {
    padding: 16px 18px;
    border: 1px solid rgba(255, 255, 255, 0.88);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: var(--blog-shadow-tight);
}

.blog-not-found__art {
    min-height: 260px;
}

.blog-not-found__orb--blue {
    top: -18px;
    right: 24px;
    width: 220px;
    height: 220px;
}

.blog-not-found__orb--orange {
    bottom: -26px;
    left: -18px;
    width: 180px;
    height: 180px;
}

.blog-listing {
    display: grid;
    gap: 22px;
}

.blog-listing--headlines .blog-card__content {
    gap: 16px;
    padding: 24px 24px 26px;
}

.blog-listing--headlines .blog-card__title {
    font-size: clamp(1.52rem, 2.35vw, 1.96rem);
}

.blog-listing--headlines .blog-card__excerpt {
    font-size: 1rem;
    line-height: 1.74;
}

.blog-listing--pillars {
    position: relative;
    gap: 24px;
    margin-top: clamp(28px, 4vw, 44px);
    padding: clamp(24px, 4vw, 32px);
    border: 1px solid rgba(47, 89, 138, 0.12);
    border-radius: 32px;
    background: linear-gradient(135deg, rgba(240, 248, 255, 0.94), rgba(255, 255, 255, 0.98) 42%, rgba(255, 246, 236, 0.9));
    box-shadow: 0 22px 44px rgba(24, 50, 104, 0.08);
}

.blog-listing--pillars::before {
    content: "";
    position: absolute;
    top: 0;
    left: 28px;
    right: 28px;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 191, 255, 0.24), rgba(0, 64, 255, 0.08), rgba(255, 173, 51, 0.22));
}

.blog-section-heading {
    display: grid;
    gap: 10px;
}

.blog-section-heading__title {
    margin: 0;
    font-family: "Poppins", Arial, sans-serif;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    line-height: 1;
    letter-spacing: -0.04em;
}

.blog-section-heading__body {
    margin: 0;
    max-width: 34rem;
    color: rgba(5, 7, 13, 0.64);
    font-size: 0.98rem;
    line-height: 1.68;
    text-wrap-style: balance;
}

.blog-listing--pillars .blog-section-heading__body {
    max-width: 46rem;
}

.blog-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 22px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-list__item {
    min-width: 0;
}

.blog-list--pillars {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}

.blog-listing--recent .blog-list {
    gap: 18px;
}

.blog-listing--recent .blog-card__content {
    gap: 12px;
    padding: 20px 20px 22px;
}

.blog-listing--recent .blog-card__title {
    font-size: clamp(1.2rem, 1.45vw, 1.42rem);
}

.blog-listing--recent .blog-card__excerpt {
    font-size: 0.92rem;
    line-height: 1.64;
}

.blog-listing--recent .blog-card__publish-at {
    min-height: 42px;
    padding: 9px 12px;
    font-size: 0.76rem;
}

.blog-listing__actions {
    display: flex;
    justify-content: center;
    margin-top: clamp(8px, 2vw, 18px);
}

.blog-listing__load-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 230px;
    padding: 14px 20px;
    border: 1px solid rgba(19, 52, 109, 0.18);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 248, 255, 0.96));
    box-shadow: 0 14px 28px rgba(24, 50, 104, 0.08);
    color: var(--blog-text-strong);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.96rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    text-decoration: none;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease;
}

.blog-listing__load-more:hover,
.blog-listing__load-more:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(0, 64, 255, 0.22);
    box-shadow: 0 18px 32px rgba(24, 50, 104, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(236, 245, 255, 0.98));
}

.blog-listing__load-more.is-loading,
.blog-listing__load-more[aria-disabled="true"] {
    pointer-events: none;
    opacity: 0.72;
    transform: none;
    border-color: rgba(0, 64, 255, 0.18);
    background: linear-gradient(180deg, rgba(250, 252, 255, 0.99), rgba(232, 242, 255, 0.97));
    box-shadow: 0 12px 20px rgba(24, 50, 104, 0.08);
}

.blog-listing__load-more.is-loading::after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 10px;
    border: 2px solid rgba(0, 64, 255, 0.18);
    border-top-color: rgba(0, 64, 255, 0.9);
    border-radius: 50%;
    animation: blog-listing-load-more-spin 0.9s linear infinite;
}

@keyframes blog-listing-load-more-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (min-width: 960px) {
    .blog-listing--headlines .blog-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .blog-listing--recent .blog-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.root-neutral-listing {
    gap: 24px;
}

.root-neutral-section-heading {
    justify-items: center;
    text-align: center;
}

.blog-page-root-neutral .blog-section-heading__title {
    max-width: 13ch;
}

.blog-page-root-neutral .blog-section-heading__body {
    max-width: 40rem;
}

.root-neutral-language-list {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.root-neutral-card__link {
    display: grid;
    grid-template-rows: auto 1fr;
    min-height: 100%;
    color: inherit;
    text-decoration: none;
}

.root-neutral-card__hero {
    display: grid;
    min-height: 120px;
}

.root-neutral-card__content {
    gap: 8px;
    padding: 18px 20px 20px;
}

.root-neutral-card__title {
    max-width: 10ch;
}

.root-neutral-card__cta {
    margin-top: auto;
}

.blog-card {
    display: grid;
    grid-template-rows: auto 1fr;
    min-height: 100%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.88);
    border-radius: var(--blog-radius-lg);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 251, 255, 0.92));
    box-shadow: var(--blog-shadow);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.blog-card:hover,
.blog-card:focus-within {
    transform: translateY(-4px);
    border-color: rgba(0, 64, 255, 0.18);
    box-shadow: var(--blog-shadow-pop);
}

.blog-card__hero-link {
    position: relative;
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    text-decoration: none;
    background: linear-gradient(140deg, rgba(226, 245, 255, 0.96), rgba(255, 255, 255, 0.92) 52%, rgba(255, 243, 228, 0.88));
}

.blog-card__hero-link--placeholder {
    display: flex;
    align-items: flex-end;
    padding: 18px;
}

.blog-card__hero {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-card__category-pill {
    display: inline-block;
    justify-self: start;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    color: rgba(52, 76, 110, 0.72);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.2;
    text-transform: uppercase;
}

.blog-card__category-pill-label {
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blog-card__hero-pill {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: var(--blog-shadow-tight);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.blog-card__hero-glow--blue {
    top: 18%;
    right: 8%;
    width: 170px;
    height: 170px;
}

.blog-card__hero-glow--orange {
    left: -28px;
    bottom: -38px;
    width: 160px;
    height: 160px;
}

.blog-card__content {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 22px 22px 24px;
}

.blog-card__title {
    margin: 0;
    font-family: "Poppins", Arial, sans-serif;
    font-size: clamp(1.36rem, 2vw, 1.72rem);
    line-height: 1.08;
    letter-spacing: -0.04em;
    text-wrap: balance;
}

.blog-card__title a {
    text-decoration: none;
}

.blog-card__title a:hover,
.blog-card__title a:focus-visible {
    color: rgba(0, 64, 255, 0.92);
}

.blog-card__excerpt {
    margin: 0;
    color: var(--blog-muted);
    font-size: 0.98rem;
    line-height: 1.72;
    text-wrap: pretty;
}

.blog-card__publish-at,
.blog-article__meta-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 46px;
    padding: 10px 14px;
    border: 1px solid rgba(47, 89, 138, 0.08);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.76),
        0 10px 18px rgba(24, 50, 104, 0.05);
    color: rgba(5, 7, 13, 0.74);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.2;
    width: max-content;
}

.blog-card__publish-at,
.blog-article__meta-pill--publish {
    color: rgba(0, 64, 255, 0.82);
    background: linear-gradient(180deg, rgba(243, 248, 255, 0.98), rgba(236, 245, 255, 0.9));
}

.blog-card__publish-at {
    justify-self: start;
    width: fit-content;
    max-width: 100%;
}

.blog-card__content > .blog-card__publish-at {
    margin-top: auto;
}

.blog-card--pillar {
    border-color: rgba(181, 212, 242, 0.48);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 250, 255, 0.94));
}

.blog-card__pillar-hero {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 128px;
    padding: 18px;
    overflow: hidden;
    text-decoration: none;
}

.blog-card__pillar-hero--blue {
    background: linear-gradient(135deg, rgba(226, 241, 255, 0.96), rgba(177, 215, 255, 0.92));
}

.blog-card__pillar-hero--orange {
    background: linear-gradient(135deg, rgba(255, 241, 225, 0.96), rgba(255, 202, 146, 0.92));
}

.blog-card__pillar-hero--green {
    background: linear-gradient(135deg, rgba(231, 247, 238, 0.96), rgba(170, 223, 194, 0.92));
}

.blog-card__pillar-hero--violet {
    background: linear-gradient(135deg, rgba(240, 235, 255, 0.96), rgba(198, 184, 255, 0.92));
}

.blog-card__pillar-hero--teal {
    background: linear-gradient(135deg, rgba(227, 248, 247, 0.96), rgba(160, 224, 219, 0.92));
}

.blog-card__pillar-hero--gold {
    background: linear-gradient(135deg, rgba(255, 247, 220, 0.96), rgba(243, 213, 124, 0.92));
}

.blog-card__pillar-index {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    min-height: 56px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 12px 24px rgba(24, 50, 104, 0.12);
    color: rgba(10, 20, 36, 0.88);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.blog-card__pillar-glow {
    position: absolute;
    right: -22px;
    bottom: -26px;
    width: 150px;
    height: 150px;
    border-radius: 999px;
    filter: blur(4px);
    opacity: 0.66;
}

.blog-card__pillar-glow--blue {
    background: radial-gradient(circle, rgba(56, 160, 255, 0.48), transparent 68%);
}

.blog-card__pillar-glow--orange {
    background: radial-gradient(circle, rgba(255, 143, 51, 0.42), transparent 70%);
}

.blog-card__pillar-glow--green {
    background: radial-gradient(circle, rgba(35, 183, 111, 0.38), transparent 70%);
}

.blog-card__pillar-glow--violet {
    background: radial-gradient(circle, rgba(118, 104, 255, 0.38), transparent 70%);
}

.blog-card__pillar-glow--teal {
    background: radial-gradient(circle, rgba(39, 184, 175, 0.36), transparent 70%);
}

.blog-card__pillar-glow--gold {
    background: radial-gradient(circle, rgba(232, 176, 36, 0.42), transparent 70%);
}

.blog-card__pillar-entry {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px 12px 16px;
    border: 1px solid rgba(181, 212, 242, 0.62);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(243, 248, 255, 0.98), rgba(255, 255, 255, 0.94) 58%, rgba(255, 247, 238, 0.96));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        0 16px 28px rgba(24, 50, 104, 0.08);
    text-decoration: none;
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.blog-card__pillar-entry:hover,
.blog-card__pillar-entry:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(0, 64, 255, 0.2);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 18px 34px rgba(24, 50, 104, 0.12);
}

.blog-card__pillar-entry-copy {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.blog-card__pillar-entry-kicker {
    color: rgba(52, 76, 110, 0.72);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.2;
    text-transform: uppercase;
}

.blog-card__pillar-entry-label {
    color: rgba(5, 7, 13, 0.92);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.02em;
}

.blog-card__pillar-entry-icon {
    position: relative;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(0, 64, 255, 0.12), rgba(255, 255, 255, 0.94) 62%, rgba(255, 191, 123, 0.38));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        0 10px 20px rgba(24, 50, 104, 0.08);
}

.blog-card__pillar-entry-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 14px;
    height: 14px;
    background-color: rgba(0, 64, 255, 0.82);
    mask-image: url(https://icons.lumigo.app/lucideicons/arrow-up-right.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url(https://icons.lumigo.app/lucideicons/arrow-up-right.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.blog-card__pillar-topics {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-card__pillar-topic {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 6px 10px;
    border: 1px solid rgba(47, 89, 138, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    color: rgba(52, 76, 110, 0.82);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.3;
}

.blog-card__pillar-topic--link {
    text-decoration: none;
    transition: transform 160ms ease, color 160ms ease, border-color 160ms ease, background 160ms ease;
}

.blog-card__pillar-topic--link:hover,
.blog-card__pillar-topic--link:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(0, 64, 255, 0.18);
    background: rgba(244, 249, 255, 0.96);
    color: rgba(0, 64, 255, 0.9);
}

.blog-card--pillar .blog-card__content {
    gap: 16px;
}

.blog-card--pillar .blog-card__content > .blog-card__pillar-entry {
    margin-top: auto;
}

.blog-card--pillar .blog-card__content:not(:has(> .blog-card__pillar-entry)) > .blog-card__pillar-topics {
    margin-top: auto;
}

.blog-card--pillar .blog-card__title,
.blog-card--pillar .blog-card__title a,
.blog-card--pillar .blog-card__title span {
    color: rgba(5, 7, 13, 0.94);
}

.blog-article__meta-pill--updated {
    color: rgba(21, 73, 144, 0.84);
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(239, 246, 255, 0.92));
}

.blog-article__meta-pill--reading {
    color: rgba(132, 68, 12, 0.9);
    background: linear-gradient(180deg, rgba(255, 251, 245, 0.98), rgba(255, 243, 230, 0.92));
}

.blog-article__publish-at,
.blog-article__updated-at,
.blog-article__reading-time,
.blog-article__updated-label,
.blog-article__author {
    margin: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    letter-spacing: normal;
    text-transform: none;
}

.blog-article__updated-label {
    color: rgba(33, 72, 132, 0.64);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.blog-back-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    min-height: 44px;
    padding: 10px 16px;
    border: 1px solid rgba(255, 255, 255, 0.88);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    color: rgba(0, 64, 255, 0.86);
    box-shadow: var(--blog-shadow-tight);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

.blog-back-link::before {
    content: "";
    width: 1rem;
    height: 1rem;
    background-color: currentColor;
    -webkit-mask-image: url("https://icons.lumigo.app/lucideicons/arrow-left.svg");
    mask-image: url("https://icons.lumigo.app/lucideicons/arrow-left.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.blog-back-link:hover,
.blog-back-link:focus-visible {
    background: rgba(255, 255, 255, 0.98);
}

.blog-breadcrumbs {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 3px;
    max-width: min(100%, 42rem);
    margin: 0;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 10px 24px rgba(24, 50, 104, 0.07);
}

.blog-breadcrumbs > * {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    color: rgba(0, 64, 255, 0.86);
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: none;
}

.blog-breadcrumbs__link {
    text-decoration: none;
}

.blog-breadcrumbs > * + *::before {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 2px;
    background-color: rgba(0, 64, 255, 0.48);
    -webkit-mask-image: url("https://icons.lumigo.app/lucideicons/chevron-right.svg");
    mask-image: url("https://icons.lumigo.app/lucideicons/chevron-right.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;    
    align-self: flex-start;    
    margin-top: 1px;
}

.blog-breadcrumbs__link:hover,
.blog-breadcrumbs__link:focus-visible {
    color: rgba(0, 64, 255, 0.86);
    text-decoration: none;
}

.blog-breadcrumbs__current {
    color: rgba(5, 7, 13, 0.84);
}

.blog-article {
    overflow: visible;
    padding: clamp(24px, 4vw, 44px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(248, 252, 255, 0.95) 74%, rgba(255, 249, 242, 0.92));
}

.blog-article__utility {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 12px 16px;
}

.blog-article__header {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 22px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.blog-article__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 14px 18px;
    width: 100%;
}

.blog-article__eyebrow-row {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, 0.86);
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(241, 248, 255, 0.9) 62%, rgba(255, 249, 242, 0.88)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.3), transparent 60%);
    box-shadow:
        0 18px 34px rgba(24, 50, 104, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.blog-article__author-card {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
    padding: 10px 16px 10px 10px;
    border: 1px solid rgba(255, 255, 255, 0.86);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 12px 24px rgba(24, 50, 104, 0.08);
}

.blog-article__author-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border-radius: 50%;
    box-shadow: 0 8px 16px rgba(24, 50, 104, 0.12);
}

.blog-article__author-copy {
    display: grid;
    gap: 2px;
}

.blog-article__author-kicker {
    color: rgba(0, 64, 255, 0.72);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.blog-article__author-name {
    color: rgba(5, 7, 13, 0.9);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.96rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.blog-article__header h1 {
    margin: 0;
    max-width: min(100%, 34rem);
    font-family: "Poppins", Arial, sans-serif;
    font-size: clamp(2.65rem, 5.6vw, 4.7rem);
    line-height: 1.1em;
    letter-spacing: -0.055em;
    text-wrap: balance;
}

.blog-article__header h1.linefit {
    overflow-wrap: anywhere;
}

.blog-article__header h1.linefit.lf-pending {
    visibility: hidden;
}

.blog-article__header h1.linefit.lf-ready {
    visibility: visible;
}

.blog-article__header h1.linefit.lf-clamped {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--lf-lines, 5);
    line-clamp: var(--lf-lines, 5);
}

.blog-article__excerpt {
    margin: 0;
    max-width: 44rem;
    padding: 18px 20px;
    border-left: 4px solid rgba(0, 191, 255, 0.42);
    border-radius: 0 18px 18px 0;
    background: linear-gradient(180deg, rgba(237, 248, 255, 0.88), rgba(255, 246, 234, 0.9));
    color: rgba(5, 7, 13, 0.86);
    font-size: 1.2rem;
    line-height: 1.75;
    text-wrap: pretty;
}

.blog-article__hero {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 24px;
    box-shadow: var(--blog-shadow-pop);
}

.blog-article__hero--placeholder {
    position: relative;
    display: flex;
    align-items: flex-start;
    min-height: clamp(220px, 34vw, 340px);
    padding: 24px;
    background: linear-gradient(140deg, rgba(230, 246, 255, 0.96), rgba(255, 255, 255, 0.94) 54%, rgba(255, 243, 228, 0.9));
    overflow: hidden;
}

.blog-article__hero-glow--blue {
    top: -16px;
    right: 5%;
    width: 230px;
    height: 230px;
}

.blog-article__hero-glow--orange {
    bottom: -44px;
    left: -20px;
    width: 180px;
    height: 180px;
}

.blog-article__body {
    display: grid;
    grid-template-columns: minmax(0, 46rem) minmax(240px, 280px);
    justify-content: space-between;
    gap: clamp(24px, 4vw, 42px);
    align-items: start;
}

.blog-article__rail {
    display: grid;
    gap: 14px;
    position: sticky;
    top: 24px;
    align-self: start;
    height: fit-content;
}

.blog-article-toc[hidden] {
    display: none !important;
}

.blog-article-toc {
    position: relative;
    top: auto;
    display: grid;
    gap: 12px;
    max-height: calc(100vh - 72px);
    max-height: calc(100svh - 72px);
    overflow: auto;
    padding: 20px 18px;
    border: 1px solid rgba(255, 255, 255, 0.88);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(238, 248, 255, 0.94), rgba(255, 255, 255, 0.92));
    box-shadow: var(--blog-shadow-tight);
}

.blog-article-toc__eyebrow {
    margin: 0;
    color: rgba(0, 64, 255, 0.76);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.blog-article-toc__title {
    margin: 0;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 1.2rem;
    line-height: 1.05;
    letter-spacing: -0.03em;
}

.blog-article-toc__copy {
    margin: 0;
    color: var(--blog-muted);
    font-size: 0.9rem;
    line-height: 1.6;
}

.blog-article-toc__nav {
    display: grid;
    gap: 6px;
}

.blog-article-toc__link {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 9px;
    align-items: start;
    padding: 9px 11px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.78);
    color: rgba(5, 7, 13, 0.84);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.32;
    text-decoration: none;
    transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.blog-article-toc__link::before {
    content: attr(data-blog-toc-index);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 999px;
    background: linear-gradient(340deg, rgba(0, 191, 255, 0.16), rgba(0, 64, 255, 0.16));
    color: rgba(0, 64, 255, 0.92);
    font-size: 0.7rem;
    font-weight: 700;
}

.blog-article-toc__link:hover,
.blog-article-toc__link:focus-visible,
.blog-article-toc__link.is-active {
    border-color: rgba(0, 64, 255, 0.18);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: var(--blog-shadow-tight);
    transform: translateX(3px);
}

.blog-article-rail-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    border: 1px solid rgba(0, 64, 255, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: var(--blog-shadow-tight);
    color: rgba(0, 64, 255, 0.88);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-align: center;
    cursor: pointer;
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        background-color 180ms ease;
}

.blog-article-rail-action:hover,
.blog-article-rail-action:focus-visible {
    border-color: rgba(0, 64, 255, 0.18);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: var(--blog-shadow);
    transform: translateY(-1px);
}

.blog-article-rail-action:focus-visible {
    outline: 2px solid rgba(0, 64, 255, 0.18);
    outline-offset: 4px;
}

.blog-article-rail-action__icon {
    display: inline-flex;
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    background-color: currentColor;
    mask-image: url("https://icons.lumigo.app/lucideicons/arrow-up.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("https://icons.lumigo.app/lucideicons/arrow-up.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.blog-article-rail-action__label {
    line-height: 1.2;
}

.blog-listing--related {
    position: relative;
    gap: 24px;
    margin-top: clamp(48px, 6vw, 72px);
}

.blog-listing--related::before {
    content: "";
    content: none;
    position: absolute;
    top: 0;
    left: 28px;
    right: 28px;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 191, 255, 0.24), rgba(0, 64, 255, 0.08), rgba(255, 173, 51, 0.22));
}

.blog-listing--related .blog-list {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
}

.blog-listing--related .blog-list__item {
    min-width: min(100%, 360px);
}

.blog-card--related {
    grid-template-columns: minmax(132px, 176px) minmax(0, 1fr);
    grid-template-rows: none;
}

.blog-card--related .blog-card__hero-link {
    aspect-ratio: auto;
    min-height: 100%;
}

.blog-card--related .blog-card__content {
    gap: 12px;
    padding: 18px 18px 20px;
}

.blog-card--related .blog-card__title {
    font-size: clamp(1.18rem, 1.8vw, 1.44rem);
}

.blog-card--related .blog-card__excerpt {
    font-size: 0.94rem;
    line-height: 1.62;
}

.blog-article__content .blog-listing--internal-links .blog-section-heading__title {
    margin-top: 0;
}

.blog-article__content .blog-listing--internal-links .blog-card__title {
    margin-top: 0;
}

.blog-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    width: fit-content;
    color: rgba(0, 64, 255, 0.9);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-decoration: none;
    transition: color 160ms ease, transform 160ms ease;
}

.blog-card__cta::after {
    content: "";
    width: 0.9em;
    height: 0.9em;
    background-color: currentColor;
    -webkit-mask-image: url("https://icons.lumigo.app/lucideicons/arrow-right.svg");
    mask-image: url("https://icons.lumigo.app/lucideicons/arrow-right.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.blog-card__cta:hover,
.blog-card__cta:focus-visible {
    color: rgba(255, 92, 0, 0.88);
    transform: translateX(2px);
}

.blog-article__content {
    position: relative;
    z-index: 1;
    color: var(--blog-ink);
    font-size: 1.07rem;
    line-height: 1.92;
    counter-reset: blog-main-sections;
}

.blog-article__content > * + * {
    margin-top: 2em;
}

.blog-article__content h2,
.blog-article__content h3,
.blog-article__content h4 {
    margin: 2em 0 0.58em;
    font-family: "Poppins", Arial, sans-serif;
    line-height: 1.1;
    letter-spacing: -0.04em;
    scroll-margin-top: 110px;
}

.blog-article__content h2 {
    font-size: clamp(1.9rem, 3.5vw, 2.5rem);
}

.blog-article__content h3 {
    font-size: clamp(1.45rem, 2.8vw, 1.95rem);
}

.blog-article__content p,
.blog-article__content ul,
.blog-article__content ol,
.blog-article__content blockquote,
.blog-article__content table,
.blog-article__content pre,
.blog-article__content figure {
    margin: 0;
}

.blog-article__content p,
.blog-article__content ul,
.blog-article__content ol,
.blog-article__content blockquote,
.blog-article__content figure,
.blog-article-section {
    max-width: 46rem;
}

.blog-article-section {
    display: grid;
    gap: 18px;
    margin-top: 34px;
}

.blog-article-section-illustration {
    display: grid;
    gap: 12px;
    padding-top: 4px;
}

.blog-article-section-illustration__image {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 22px;
    box-shadow: var(--blog-shadow-pop);
}

.blog-article-section-illustration__caption {
    margin: 0;
    color: var(--blog-muted);
    font-size: 0.92rem;
    line-height: 1.6;
}

.blog-article-lumigo-brief {
    position: relative;
    display: grid;
    gap: 14px;
    max-width: 46rem;
    margin: 0;
    padding: 24px 24px 22px;
    overflow: hidden;
    border: 1px solid rgba(47, 89, 138, 0.14);
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(0, 191, 255, 0.18), rgba(0, 191, 255, 0) 34%),
        linear-gradient(145deg, rgba(248, 251, 255, 0.98), rgba(255, 255, 255, 0.96) 54%, rgba(255, 247, 238, 0.94));
    box-shadow:
        0 22px 54px rgba(10, 24, 56, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    isolation: isolate;
}

.blog-article-lumigo-brief::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg, rgba(0, 64, 255, 0.72), rgba(0, 191, 255, 0.52), rgba(255, 173, 51, 0.44));
}

.blog-article-lumigo-brief::after {
    content: "";
    position: absolute;
    top: -96px;
    right: -84px;
    z-index: -1;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(0, 64, 255, 0.12), rgba(0, 64, 255, 0) 70%);
}

.blog-article-lumigo-brief__brand {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    width: fit-content;
    padding: 0.42rem 0.74rem;
    border: 1px solid rgba(47, 89, 138, 0.11);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 8px 18px rgba(24, 50, 104, 0.07);
    color: rgba(0, 64, 255, 0.92);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.7rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.blog-article-lumigo-brief__brand::before {
    content: "";
    width: 0.62rem;
    height: 0.62rem;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(0, 64, 255, 0.92), rgba(0, 191, 255, 0.72));
    box-shadow: 0 0 0 4px rgba(0, 64, 255, 0.08);
    flex: 0 0 auto;
}

.blog-article__content .blog-article-lumigo-brief__title,
.blog-article-lumigo-brief__title {
    margin: 0;
    color: rgba(5, 7, 13, 0.96);
    font-size: clamp(1.2rem, 1.9vw, 1.42rem);
    font-weight: 700;
    line-height: 1.18;
    max-width: 24ch;
    text-wrap: balance;
}

.blog-article-lumigo-brief__body {
    color: rgba(5, 7, 13, 0.78);
    font-size: 0.99rem;
    line-height: 1.7;
}

.blog-article-lumigo-brief__body > * {
    margin-block: 0;
}

.blog-article-lumigo-brief__body > * + * {
    margin-top: 0.7rem;
}

.blog-article-lumigo-brief__cta {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    width: fit-content;
    margin-top: 0.1rem;
    padding-top: 0.2rem;
    color: rgba(0, 64, 255, 0.9);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-decoration: none;
    transition: color 160ms ease, transform 160ms ease;
}

.blog-article-lumigo-brief__cta::after {
    content: "";
    width: 0.92em;
    height: 0.92em;
    background-color: currentColor;
    -webkit-mask-image: url("https://icons.lumigo.app/lucideicons/arrow-right.svg");
    mask-image: url("https://icons.lumigo.app/lucideicons/arrow-right.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.blog-article-lumigo-brief__cta:hover,
.blog-article-lumigo-brief__cta:focus-visible {
    color: rgba(255, 92, 0, 0.88);
    transform: translateX(2px);
}

.blog-article-internal-link {
    display: grid;
    gap: 16px;
    max-width: 46rem;
    margin: 0;
    padding: 20px;
    border: 1px solid rgba(47, 89, 138, 0.13);
    border-radius: 26px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 255, 0.94)),
        radial-gradient(circle at top right, rgba(0, 191, 255, 0.12), rgba(0, 191, 255, 0) 42%);
    box-shadow: 0 18px 42px rgba(24, 50, 104, 0.08);
}

.blog-article-internal-link--inline {
    grid-template-columns: minmax(0, 160px) minmax(0, 1fr);
    align-items: stretch;
}

.blog-article-internal-link__hero-link {
    display: block;
    min-height: 100%;
}

.blog-article-internal-link__hero {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 140px;
    object-fit: cover;
    border-radius: 18px;
}

.blog-article-internal-link__content {
    display: grid;
    gap: 10px;
    align-content: start;
}

.blog-article-internal-link__relation {
    margin: 0;
    color: rgba(0, 64, 255, 0.82);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.35;
    text-wrap: balance;
    text-transform: uppercase;
}

.blog-article__content .blog-article-internal-link__title,
.blog-article-internal-link__title {
    margin: 0;
    color: rgba(5, 7, 13, 0.96);
    font-size: clamp(1.08rem, 1.7vw, 1.28rem);
    line-height: 1.2;
}

.blog-article-internal-link__title a {
    color: inherit;
    text-decoration: none;
}

.blog-article-internal-link__title a:hover,
.blog-article-internal-link__title a:focus-visible {
    color: rgba(255, 92, 0, 0.9);
}

.blog-article-internal-link__excerpt {
    margin: 0;
    color: rgba(5, 7, 13, 0.74);
    font-size: 0.95rem;
    line-height: 1.62;
}

.blog-article-internal-link__cta {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.45rem;
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    color: rgba(0, 64, 255, 0.9);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-decoration: none;
    transition: color 160ms ease, transform 160ms ease;
}

.blog-article-internal-link__cta::after {
    content: "";
    flex: 0 0 auto;
    width: 0.9em;
    height: 0.9em;
    background-color: currentColor;
    -webkit-mask-image: url("https://icons.lumigo.app/lucideicons/arrow-right.svg");
    mask-image: url("https://icons.lumigo.app/lucideicons/arrow-right.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.blog-article-internal-link__cta:hover,
.blog-article-internal-link__cta:focus-visible {
    color: rgba(255, 92, 0, 0.88);
    transform: translateX(2px);
}

.blog-category-directory {
    position: relative;
    display: grid;
    gap: 24px;
    max-width: 46rem;
    margin-top: clamp(36px, 5vw, 54px);
    padding: clamp(22px, 3.8vw, 30px);
    overflow: hidden;
    border: 1px solid rgba(47, 89, 138, 0.14);
    border-radius: 30px;
    background:
        radial-gradient(circle at top right, rgba(0, 191, 255, 0.16), rgba(0, 191, 255, 0) 36%),
        radial-gradient(circle at bottom left, rgba(255, 173, 51, 0.16), rgba(255, 173, 51, 0) 30%),
        linear-gradient(150deg, rgba(248, 251, 255, 0.98), rgba(255, 255, 255, 0.95) 56%, rgba(255, 249, 242, 0.95));
    box-shadow:
        0 26px 58px rgba(10, 24, 56, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.82);
    isolation: isolate;
}

.blog-category-directory::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg, rgba(0, 64, 255, 0.74), rgba(0, 191, 255, 0.58), rgba(255, 173, 51, 0.48));
}

.blog-category-directory::after {
    content: "";
    position: absolute;
    top: -92px;
    right: -78px;
    z-index: -1;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(0, 64, 255, 0.12), rgba(0, 64, 255, 0) 70%);
}

.blog-category-directory__heading {
    display: grid;
    gap: 12px;
}

.blog-category-directory__count {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    width: fit-content;
    max-width: 100%;
    padding: 0.56rem 0.86rem;
    border: 1px solid rgba(47, 89, 138, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 10px 22px rgba(24, 50, 104, 0.08);
    color: rgba(0, 64, 255, 0.84);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.blog-article__content .blog-category-directory__title,
.blog-category-directory__title {
    margin: 0;
    max-width: 18ch;
    color: rgba(5, 7, 13, 0.96);
    font-size: clamp(1.55rem, 2.6vw, 2.2rem);
    line-height: 1.04;
    text-wrap: balance;
}

.blog-category-directory__body {
    margin: 0;
    max-width: 38rem;
    color: rgba(5, 7, 13, 0.68);
    font-size: 0.98rem;
    line-height: 1.7;
    text-wrap-style: balance;
}

.blog-category-directory__list {
    counter-reset: blog-category-directory;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-category-directory__item {
    min-width: 0;
    counter-increment: blog-category-directory;
}

.blog-category-directory__link {
    position: relative;
    display: grid;
    gap: 12px;
    min-height: 100%;
    padding: 18px 18px 16px 74px;
    border: 1px solid rgba(47, 89, 138, 0.11);
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 250, 255, 0.94)),
        linear-gradient(145deg, rgba(255, 255, 255, 0.84), rgba(255, 248, 240, 0.7));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        0 14px 28px rgba(24, 50, 104, 0.07);
    color: inherit;
    text-decoration: none;
    transition:
        transform 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease,
        background 160ms ease;
}

.blog-category-directory__link::before {
    content: counter(blog-category-directory, decimal-leading-zero);
    position: absolute;
    top: 16px;
    left: 18px;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(0, 64, 255, 0.92), rgba(0, 191, 255, 0.78));
    box-shadow: 0 12px 24px rgba(0, 64, 255, 0.18);
    color: rgba(255, 255, 255, 0.96);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1;
}

.blog-category-directory__main {
    min-width: 0;
}

.blog-category-directory__item-title {
    display: block;
    color: rgba(5, 7, 13, 0.94);
    font-family: "Poppins", Arial, sans-serif;
    font-size: clamp(1.02rem, 1.4vw, 1.18rem);
    font-weight: 700;
    line-height: 1.36;
    text-wrap: balance;
}

.blog-category-directory__date {
    justify-self: start;
}

.blog-category-directory__date.blog-card__publish-at {
    min-height: 0;
    padding: 8px 12px;
    font-size: 0.73rem;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        0 8px 16px rgba(24, 50, 104, 0.05);
}

.blog-category-directory__link:hover,
.blog-category-directory__link:focus-visible {
    border-color: rgba(0, 64, 255, 0.18);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96)),
        linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(255, 248, 240, 0.76));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        0 18px 34px rgba(24, 50, 104, 0.1);
    transform: translateY(-2px);
}

.blog-category-directory__link:hover .blog-category-directory__item-title,
.blog-category-directory__link:focus-visible .blog-category-directory__item-title {
    color: rgba(0, 64, 255, 0.92);
}

@media (max-width: 860px) {
    .blog-category-directory__list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .blog-article-lumigo-brief {
        padding: 20px 18px 18px;
        border-radius: 24px;
    }

    .blog-article__content .blog-article-lumigo-brief__title,
    .blog-article-lumigo-brief__title {
        max-width: none;
    }

    .blog-article-lumigo-brief__body {
        font-size: 0.96rem;
        line-height: 1.66;
    }

    .blog-article-internal-link--inline {
        grid-template-columns: minmax(0, 1fr);
    }

    .blog-article-internal-link {
        padding: 18px;
        border-radius: 22px;
    }

    .blog-article-internal-link__hero {
        min-height: 180px;
    }

    .blog-category-directory {
        padding: 20px 18px;
        border-radius: 24px;
    }

    .blog-article__content .blog-category-directory__title,
    .blog-category-directory__title {
        max-width: none;
    }

    .blog-category-directory__body {
        font-size: 0.95rem;
        line-height: 1.66;
    }

    .blog-category-directory__link {
        padding: 16px 16px 14px 66px;
        border-radius: 20px;
    }

    .blog-category-directory__link::before {
        top: 15px;
        left: 16px;
        width: 36px;
        height: 36px;
        border-radius: 12px;
        font-size: 0.78rem;
    }
}

.blog-article-section:first-child {
    margin-top: 0;
}

.blog-article__content .blog-article-section > h2:first-of-type {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    margin: 0 0 0.15em;
    font-size: clamp(2rem, 3.4vw, 2.7rem);
    line-height: 1.1;
}

.blog-article__content .blog-article-section > h2:first-of-type::before {
    counter-increment: blog-main-sections;
    content: counter(blog-main-sections, decimal-leading-zero);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    margin-top: 0.1em;
    border-radius: 999px;
    background: linear-gradient(340deg, rgba(0, 191, 255, 0.16), rgba(0, 64, 255, 0.16));
    color: rgba(0, 64, 255, 0.92);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.blog-article__content .blog-article-section h3:not(.blog-article-sources__title) {
    margin: 0.25rem 0 0.25rem;
    color: rgba(5, 7, 13, 0.94);
    font-size: clamp(1.28rem, 2.1vw, 1.55rem);
    line-height: 1.22;
}

.blog-article__content ul,
.blog-article__content ol {
    padding-left: 1.3em;
}

ul.blog-list {
    padding-left: 0;
}

.blog-article__content li + li {
    margin-top: 0.5em;
}

.blog-article__content blockquote {
    padding: 18px 20px;
    border-left: 4px solid rgba(255, 173, 51, 0.42);
    border-radius: 0 18px 18px 0;
    background: linear-gradient(180deg, rgba(255, 247, 237, 0.92), rgba(237, 248, 255, 0.86));
    color: rgba(5, 7, 13, 0.82);
}

.blog-article__content a,
.blog-article-sources__link {
    color: rgba(0, 64, 255, 0.88);
    text-decoration-thickness: 1.5px;
    text-underline-offset: 0.16em;
}

.blog-article__content a:hover,
.blog-article__content a:focus-visible,
.blog-article-sources__link:hover,
.blog-article-sources__link:focus-visible {
    color: rgba(255, 92, 0, 0.88);
}

.blog-article__content img {
    border-radius: 18px;
    box-shadow: var(--blog-shadow);
}

.blog-article-table-scroll {
    font-size: 0.9em;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable both-edges;
}

.blog-edition-modal__dialog,
.blog-article-toc,
.blog-article-table-scroll {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 64, 255, 0.26) rgba(231, 241, 255, 0.84);
}

.blog-edition-modal__dialog::-webkit-scrollbar,
.blog-article-toc::-webkit-scrollbar,
.blog-article-table-scroll::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.blog-edition-modal__dialog::-webkit-scrollbar-track,
.blog-article-toc::-webkit-scrollbar-track,
.blog-article-table-scroll::-webkit-scrollbar-track {
    background: rgba(231, 241, 255, 0.72);
    border-radius: 999px;
}

.blog-edition-modal__dialog::-webkit-scrollbar-thumb,
.blog-article-toc::-webkit-scrollbar-thumb,
.blog-article-table-scroll::-webkit-scrollbar-thumb {
    border: 2px solid rgba(231, 241, 255, 0.72);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(0, 64, 255, 0.28), rgba(0, 191, 255, 0.28));
}

.blog-edition-modal__dialog::-webkit-scrollbar-thumb:hover,
.blog-article-toc::-webkit-scrollbar-thumb:hover,
.blog-article-table-scroll::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(0, 64, 255, 0.4), rgba(0, 191, 255, 0.36));
}

.blog-article__content table {
    margin: 5px;
    width: max(calc(100% - 10px), 40rem);
    min-width: 40rem;
    overflow: hidden;
    border-collapse: collapse;
    border: 1px solid rgba(47, 89, 138, 0.16);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow:
        0 2px 8px rgba(15, 23, 42, 0.05),
        0 0 0 1px rgba(47, 89, 138, 0.04);
}

.blog-article__content th,
.blog-article__content td {
    padding: 14px 16px;
    border: 1px solid var(--blog-line);
    text-align: left;
    vertical-align: top;
}

.blog-article__content th {
    background: rgba(237, 248, 255, 0.88);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.83rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.blog-article__content pre,
.blog-article__content code {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

.blog-article__content pre {
    overflow-x: auto;
    padding: 18px 20px;
    border-radius: 18px;
    background: #101a31;
    color: #f5fbff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.blog-article__content hr {
    margin: 2rem 0;
    border: 0;
    border-top: 1px solid var(--blog-line);
}

.blog-article-sources {
    display: grid;
    gap: 10px;
    max-width: 46rem;
    padding: 12px 0 0;
    border-top: 1px solid var(--blog-line);
    background: transparent;
}

.blog-article-sources--inline {
    grid-template-columns: minmax(3.5rem, auto) minmax(0, 1fr);
    gap: 8px 12px;
    align-items: start;
    margin-top: 0.2rem;
    padding: 12px 14px;
    border: 1px solid rgba(47, 89, 138, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0 10px 24px rgba(24, 50, 104, 0.06);
}

.blog-article-sources--end {
    margin-top: 2.1rem;
    padding: 20px;
    border: 1px solid rgba(47, 89, 138, 0.12);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: var(--blog-shadow-tight);
}

.blog-article__content .blog-article-sources__title,
.blog-article-sources__title {
    margin: 0;
    color: rgba(5, 7, 13, 0.48);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.blog-article__content .blog-article-sources--inline .blog-article-sources__title,
.blog-article-sources--inline .blog-article-sources__title {
    align-self: start;
    padding-top: 0.2rem;
    color: rgba(5, 7, 13, 0.48);
    font-size: 0.56rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.blog-article__content ul.blog-article-sources__list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-article-sources--inline .blog-article-sources__list {
    display: grid;
    gap: 5px;
}

.blog-article-sources__item {
    display: grid;
    gap: 4px;
}

.blog-article-sources--inline .blog-article-sources__item {
    display: grid;
    gap: 3px;
}

.blog-article-sources__link {
    font-size: 0.94rem;
    font-weight: 700;
    text-decoration: none;
}

.blog-article-sources--inline .blog-article-sources__link {
    font-size: 0.84rem;
    font-weight: 700;
}

.blog-article-sources__link::before {
    content: "";
    display: inline-block;
    width: 0.84em;
    height: 0.84em;
    margin-right: 0.4em;
    vertical-align: -0.08em;
    background-color: currentColor;
    -webkit-mask-image: url("https://icons.lumigo.app/lucideicons/external-link.svg");
    mask-image: url("https://icons.lumigo.app/lucideicons/external-link.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    opacity: 0.8;
}

.blog-article-sources--inline .blog-article-sources__link::before {
    display: inline-block;
    width: 0.74em;
    height: 0.74em;
    margin-right: 0.34em;
    opacity: 0.64;
}

.blog-article-sources__meta {
    color: var(--blog-muted);
    font-size: 0.8rem;
    line-height: 1.45;
}

.blog-article-sources--inline .blog-article-sources__meta {
    font-size: 0.74rem;
    line-height: 1.42;
}

.blog-article-sources--end .blog-article-sources__list {
    grid-template-columns: 1fr;
    gap: 10px;
}

.blog-article-sources--end .blog-article-sources__item {
    padding: 12px 14px;
    border: 1px solid rgba(47, 89, 138, 0.1);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.7);
}

.blog-legal-bar {
    width: 100%;
    padding: 16px 0 max(0px, var(--safe-area-inset-bottom, 0px));
    padding-bottom: 25px;
}

.blog-legal-bar section.legalLink {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px 8px;
    width: min(calc(100% - 28px), var(--blog-max-width));
    margin: 0 auto;
    padding: 14px 18px;
    border: 1px solid var(--blog-line);
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(0, 191, 255, 0.18), rgba(0, 191, 255, 0) 36%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(239, 248, 255, 0.92) 54%, rgba(255, 247, 238, 0.9));
    box-shadow: var(--blog-shadow-pop);
    color: var(--blog-muted);
    text-align: left;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 0.9rem;
    line-height: 1.55;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.blog-legal-bar .legalLink-primary,
.blog-legal-bar .legalLink-meta {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 5px;
}

.blog-legal-bar .legalLink-meta {
    margin-left: 0;
    color: var(--blog-muted);
}

.blog-legal-bar .legalLink-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 8px;
    border: 1px solid rgba(47, 89, 138, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84);
    color: rgba(0, 64, 255, 0.86);
    text-decoration: none;
    /* font-family: "Poppins", Arial, sans-serif; */
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.1;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease;
    max-width: 125px;
    text-align: center;
}

.blog-legal-bar .legalLink-link:hover,
.blog-legal-bar .legalLink-link:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(0, 64, 255, 0.14);
    box-shadow: 0 10px 22px rgba(var(--blog-shadow-rgb), 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.88);
    color: rgba(255, 92, 0, 0.88);
    outline: none;
}

.blog-legal-bar .legalLink-iconLink {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(47, 89, 138, 0.1);
    border-radius: 999px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(239, 247, 255, 0.82));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
    color: rgba(0, 64, 255, 0.86);
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        color 180ms ease;
}

.blog-legal-bar .legalLink-iconLink:hover,
.blog-legal-bar .legalLink-iconLink:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(0, 64, 255, 0.14);
    box-shadow: 0 10px 22px rgba(var(--blog-shadow-rgb), 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    color: rgba(255, 92, 0, 0.88);
    outline: none;
}

.blog-legal-bar .legalLink-copyright {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    text-transform: uppercase;
    color: rgb(116 129 170 / 56%);
    transform: rotate(90deg);
    position: absolute;
    top: 25px;
    right: -30px;
}

.blog-legal-bar .icon,
.blog-legal-bar .icon--small {
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

.blog-legal-bar .legalLink-shield-icon {
    mask-image: url(https://icons.lumigo.app/lucideicons/shield.svg);
    -webkit-mask-image: url(https://icons.lumigo.app/lucideicons/shield.svg);
    background-color: currentColor;
}

@media (max-width: 980px) {
    .blog-hero,
    .blog-empty,
    .blog-not-found {
        grid-template-columns: 1fr;
    }

    .blog-hero__art {
        min-height: 0;
    }

    .blog-hero__panel {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        margin-top: 124px;
    }

    .blog-not-found__art {
        min-height: 280px;
    }

    .blog-article__body {
        grid-template-columns: 1fr;
    }

    .blog-article__rail {
        order: -1;
        position: relative;
        top: auto;
    }

    .blog-article-toc {
        position: relative;
        top: auto;
        max-height: none;
    }

    .blog-article-rail-action {
        display: none;
    }
}

@media (max-width: 860px) {
    .blog-list {
        grid-template-columns: 1fr;
    }

    .root-neutral-language-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .blog-hero__title,
    .blog-empty__title,
    .blog-not-found__title,
    .blog-article__header h1,
    .blog-article__header h1.linefit {
        max-width: none;
    }

    .blog-legal-bar {
        margin-top: -8px;
        padding-bottom: max(16px, var(--safe-area-inset-bottom, 0px));
    }

    .blog-article__utility {
        align-items: flex-start;
    }

    .blog-breadcrumbs {
        border-radius: 20px;
    }

    .blog-card--related {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
    }

    .blog-legal-bar section.legalLink {
        justify-content: center;
        text-align: center;
    }

    .blog-legal-bar .legalLink-primary,
    .blog-legal-bar .legalLink-meta {
        justify-content: center;
    }

    .blog-legal-bar .legalLink-meta {
        margin-left: 0;
    }
}

@media (max-width: 640px) {
    .blog-shell {
        width: min(calc(100% - 24px), var(--blog-max-width));
        padding: 15px 0 15px;
    }

    .blog-hero__badges {
        gap: 8px;
    }

    .blog-pill {
        padding: 9px 13px 10px;
        font-size: 0.76rem;
    }

    .blog-hero,
    .blog-empty,
    .blog-not-found,
    .blog-article {
        border-radius: 24px;
    }

    .blog-hero,
    .blog-empty,
    .blog-not-found,
    .blog-article {
        padding: 22px 18px;
    }

    .blog-hero__panel {
        margin-top: 96px;
        padding: 18px;
    }

    .blog-hero__grid {
        width: 74%;
        height: 96px;
    }

    .blog-edition-modal {
        padding: 16px;
    }

    .blog-edition-modal__dialog {
        row-gap: 10px;
        max-height: min(88vh, 820px);
        padding: 20px 18px 18px;
    }

    .blog-edition-modal__close {
        top: 14px;
        right: 14px;
    }

    .blog-edition-modal__tree {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 0;
    }

    .blog-edition-modal__title {
        padding-right: 46px;
        font-size: 1.55rem;
        line-height: 1.02;
    }

    .blog-edition-modal__language-link {
        gap: 8px 10px;
        min-height: 74px;
        padding: 12px 14px;
    }

    .blog-edition-modal__language-link-label {
        font-size: 0.98rem;
    }

    .blog-edition-modal__language-link-meta {
        padding: 6px 9px;
    }

    .blog-edition-modal__language-link-meta-label {
        font-size: 0.7rem;
    }

    .blog-brand-cluster {
        gap: 5px;
    }

    .blog-card__content {
        padding: 18px;
    }

    .root-neutral-language-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .root-neutral-card__hero {
        min-height: 104px;
    }

    .root-neutral-card__content {
        gap: 7px;
        padding: 14px 16px 16px;
    }

    .root-neutral-card__title {
        font-size: clamp(1.14rem, 5vw, 1.5rem);
    }

    .blog-brand-mark {
        padding: 0;
    }

    .blog-back-link {
        font-size: 0.8rem;
        letter-spacing: 0.06em;
    }

    .blog-breadcrumbs {
        gap: 6px 8px;
        padding: 8px 10px;
        width: 100%;
        border-radius: 18px;
    }

    .blog-breadcrumbs > * {
        font-size: 0.72rem;
    }

    .blog-breadcrumbs > * + *::before {
        width: 0.72rem;
        height: 0.72rem;
    }

    .blog-article__meta {
        gap: 10px 14px;
    }

    .blog-article__eyebrow-row {
        gap: 8px;
        padding: 6px;
    }

    .blog-article__utility {
        gap: 10px;
    }

    .blog-article__author-card {
        width: 100%;
    }

    .blog-article__meta-pill {
        min-height: 42px;
        padding: 9px 12px;
        width: fit-content;
        max-width: 100%;
    }

    .blog-article__excerpt {
        padding: 16px;
        font-size: 1rem;
    }

    .blog-article__content {
        font-size: 1rem;
        line-height: 1.8;
    }

    .blog-legal-bar {
        margin-top: -4px;
        padding-bottom: max(12px, var(--safe-area-inset-bottom, 0px));
    }

    .blog-legal-bar section.legalLink {
        padding: 13px 5px;
        border-radius: 24px;
        font-size: 0.8rem;
        line-height: 1.7;
    }

    .blog-legal-bar .legalLink-primary,
    .blog-legal-bar .legalLink-meta {
        justify-content: center;
    }

    .blog-legal-bar .legalLink-meta {
        margin-left: 0;
    }

    .blog-article-sources--inline {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 380px) {
    .root-neutral-language-list {
        grid-template-columns: 1fr;
    }
}