/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/[country]/layout.tsx","import":"Inter","arguments":[{"subsets":["latin"],"weight":["400","500","600","700"],"variable":"--font-inter","display":"swap"}],"variableName":"inter"} ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Inter Fallback';src: local("Arial");ascent-override: 90.44%;descent-override: 22.52%;line-gap-override: 0.00%;size-adjust: 107.12%
}.__className_8b3a0b {font-family: 'Inter', 'Inter Fallback';font-style: normal
}.__variable_8b3a0b {--font-inter: 'Inter', 'Inter Fallback'
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/[country]/layout.tsx","import":"Newsreader","arguments":[{"subsets":["latin"],"weight":["400","500","600"],"style":["normal","italic"],"variable":"--font-newsreader","display":"swap"}],"variableName":"newsreader"} ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/eb251072d3b5478c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/e92f802bb57ccffe-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/4b9bb515ce6d026f-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/eb251072d3b5478c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/e92f802bb57ccffe-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/4b9bb515ce6d026f-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/eb251072d3b5478c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/e92f802bb57ccffe-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/4b9bb515ce6d026f-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/7088c2b12ccac062-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/665e920483964785-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/5611c55482296524-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/7088c2b12ccac062-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/665e920483964785-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/5611c55482296524-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/7088c2b12ccac062-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/665e920483964785-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/5611c55482296524-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Newsreader Fallback';src: local("Times New Roman");ascent-override: 69.68%;descent-override: 25.12%;line-gap-override: 0.00%;size-adjust: 105.48%
}.__className_46b3dd {font-family: 'Newsreader', 'Newsreader Fallback'
}.__variable_46b3dd {--font-newsreader: 'Newsreader', 'Newsreader Fallback'
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/[country]/layout.tsx","import":"Plus_Jakarta_Sans","arguments":[{"subsets":["latin"],"weight":["500","600","700","800"],"variable":"--font-plus-jakarta","display":"swap"}],"variableName":"plusJakarta"} ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Plus Jakarta Sans Fallback';src: local("Arial");ascent-override: 98.88%;descent-override: 21.15%;line-gap-override: 0.00%;size-adjust: 104.98%
}.__className_7c98a1 {font-family: 'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback';font-style: normal
}.__variable_7c98a1 {--font-plus-jakarta: 'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback'
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/[country]/layout.tsx","import":"IBM_Plex_Sans","arguments":[{"subsets":["latin"],"weight":["500","600"],"variable":"--font-ibm-plex-sans","display":"swap"}],"variableName":"ibmPlexSans"} ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/7b19b489dc6743ba-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/28793f5c5e3d822d-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/c9c3823090ec8b55-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/b3bf17a9041d9433-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/2801417b65625cf5-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/26d4368bf94c0ec4-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/7b19b489dc6743ba-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/28793f5c5e3d822d-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/c9c3823090ec8b55-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/b3bf17a9041d9433-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/2801417b65625cf5-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/26d4368bf94c0ec4-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'IBM Plex Sans Fallback';src: local("Arial");ascent-override: 101.32%;descent-override: 27.18%;line-gap-override: 0.00%;size-adjust: 101.17%
}.__className_d2b2a8 {font-family: 'IBM Plex Sans', 'IBM Plex Sans Fallback';font-style: normal
}.__variable_d2b2a8 {--font-ibm-plex-sans: 'IBM Plex Sans', 'IBM Plex Sans Fallback'
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src/app/[country]/layout.tsx","import":"Schibsted_Grotesk","arguments":[{"subsets":["latin"],"weight":["400","500","600","700","800"],"variable":"--font-grotesk","display":"swap"}],"variableName":"schibsted"} ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* latin-ext */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/56069e83bb5b2425-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/91601dd83defba07-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/56069e83bb5b2425-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/91601dd83defba07-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/56069e83bb5b2425-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/media/91601dd83defba07-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/56069e83bb5b2425-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/91601dd83defba07-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/56069e83bb5b2425-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/91601dd83defba07-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Schibsted Grotesk Fallback';src: local("Arial");ascent-override: 93.46%;descent-override: 24.67%;line-gap-override: 0.00%;size-adjust: 104.49%
}.__className_064a64 {font-family: 'Schibsted Grotesk', 'Schibsted Grotesk Fallback';font-style: normal
}.__variable_064a64 {--font-grotesk: 'Schibsted Grotesk', 'Schibsted Grotesk Fallback'
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.-bottom-5 {
  bottom: -1.25rem;
}
.-left-5 {
  left: -1.25rem;
}
.-right-0\.5 {
  right: -0.125rem;
}
.-top-0\.5 {
  top: -0.125rem;
}
.-top-2 {
  top: -0.5rem;
}
.-top-3 {
  top: -0.75rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-\[18px\] {
  bottom: 18px;
}
.bottom-full {
  bottom: 100%;
}
.left-0 {
  left: 0px;
}
.left-1\.5 {
  left: 0.375rem;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-3 {
  left: 0.75rem;
}
.left-3\.5 {
  left: 0.875rem;
}
.left-4 {
  left: 1rem;
}
.left-5 {
  left: 1.25rem;
}
.left-\[11px\] {
  left: 11px;
}
.left-\[14px\] {
  left: 14px;
}
.left-\[18px\] {
  left: 18px;
}
.left-\[50\%\] {
  left: 50%;
}
.left-\[5px\] {
  left: 5px;
}
.left-\[60px\] {
  left: 60px;
}
.left-full {
  left: 100%;
}
.right-0 {
  right: 0px;
}
.right-1\.5 {
  right: 0.375rem;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-\[18px\] {
  right: 18px;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-2 {
  top: 0.5rem;
}
.top-20 {
  top: 5rem;
}
.top-24 {
  top: 6rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-5 {
  top: 1.25rem;
}
.top-\[16px\] {
  top: 16px;
}
.top-\[4px\] {
  top: 4px;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[64px\] {
  top: 64px;
}
.top-full {
  top: 100%;
}
.isolate {
  isolation: isolate;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[1000\] {
  z-index: 1000;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[55\] {
  z-index: 55;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[7\] {
  z-index: 7;
}
.z-\[9998\] {
  z-index: 9998;
}
.z-\[9999\] {
  z-index: 9999;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.m-0 {
  margin: 0px;
}
.m-4 {
  margin: 1rem;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-14 {
  margin-bottom: 3.5rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-3\.5 {
  margin-bottom: 0.875rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-9 {
  margin-bottom: 2.25rem;
}
.mb-\[18px\] {
  margin-bottom: 18px;
}
.mb-\[22px\] {
  margin-bottom: 22px;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-1\.5 {
  margin-left: 0.375rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-20 {
  margin-top: 5rem;
}
.mt-24 {
  margin-top: 6rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-3\.5 {
  margin-top: 0.875rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.mt-\[22px\] {
  margin-top: 22px;
}
.mt-\[2px\] {
  margin-top: 2px;
}
.mt-\[3px\] {
  margin-top: 3px;
}
.mt-auto {
  margin-top: auto;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.\!grid {
  display: grid !important;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.aspect-\[16\/10\] {
  aspect-ratio: 16/10;
}
.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}
.aspect-\[3\/4\] {
  aspect-ratio: 3/4;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.aspect-\[4\/5\] {
  aspect-ratio: 4/5;
}
.aspect-\[5\/6\] {
  aspect-ratio: 5/6;
}
.aspect-\[9\/16\] {
  aspect-ratio: 9/16;
}
.size-14 {
  width: 3.5rem;
  height: 3.5rem;
}
.size-2 {
  width: 0.5rem;
  height: 0.5rem;
}
.size-3 {
  width: 0.75rem;
  height: 0.75rem;
}
.size-3\.5 {
  width: 0.875rem;
  height: 0.875rem;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.size-9 {
  width: 2.25rem;
  height: 2.25rem;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-2\/5 {
  height: 40%;
}
.h-24 {
  height: 6rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[12px\] {
  height: 12px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[15px\] {
  height: 15px;
}
.h-\[16px\] {
  height: 16px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[220px\] {
  height: 220px;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[3px\] {
  height: 3px;
}
.h-\[420px\] {
  height: 420px;
}
.h-\[440px\] {
  height: 440px;
}
.h-\[520px\] {
  height: 520px;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[6px\] {
  height: 6px;
}
.h-\[7px\] {
  height: 7px;
}
.h-\[80vh\] {
  height: 80vh;
}
.h-\[8px\] {
  height: 8px;
}
.h-\[96px\] {
  height: 96px;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.max-h-0 {
  max-height: 0px;
}
.max-h-24 {
  max-height: 6rem;
}
.max-h-32 {
  max-height: 8rem;
}
.max-h-40 {
  max-height: 10rem;
}
.max-h-48 {
  max-height: 12rem;
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-\[240px\] {
  max-height: 240px;
}
.max-h-\[256px\] {
  max-height: 256px;
}
.max-h-\[280px\] {
  max-height: 280px;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[60vh\] {
  max-height: 60vh;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.max-h-\[820px\] {
  max-height: 820px;
}
.max-h-\[85vh\] {
  max-height: 85vh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[92vh\] {
  max-height: 92vh;
}
.max-h-full {
  max-height: 100%;
}
.\!min-h-0 {
  min-height: 0px !important;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[100px\] {
  min-height: 100px;
}
.min-h-\[120px\] {
  min-height: 120px;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[240px\] {
  min-height: 240px;
}
.min-h-\[3\.25rem\] {
  min-height: 3.25rem;
}
.min-h-\[340px\] {
  min-height: 340px;
}
.min-h-\[360px\] {
  min-height: 360px;
}
.min-h-\[420px\] {
  min-height: 420px;
}
.min-h-\[54px\] {
  min-height: 54px;
}
.min-h-\[64px\] {
  min-height: 64px;
}
.min-h-\[70vh\] {
  min-height: 70vh;
}
.min-h-\[88svh\] {
  min-height: 88svh;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/4 {
  width: 75%;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-52 {
  width: 13rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[10\.5rem\] {
  width: 10.5rem;
}
.w-\[10px\] {
  width: 10px;
}
.w-\[12px\] {
  width: 12px;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[15px\] {
  width: 15px;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[208px\] {
  width: 208px;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[24px\] {
  width: 24px;
}
.w-\[280px\] {
  width: 280px;
}
.w-\[28px\] {
  width: 28px;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[34px\] {
  width: 34px;
}
.w-\[360px\] {
  width: 360px;
}
.w-\[38px\] {
  width: 38px;
}
.w-\[4\.5rem\] {
  width: 4.5rem;
}
.w-\[410px\] {
  width: 410px;
}
.w-\[4px\] {
  width: 4px;
}
.w-\[6px\] {
  width: 6px;
}
.w-\[7px\] {
  width: 7px;
}
.w-\[min\(22rem\2c calc\(100vw-2rem\)\)\] {
  width: min(22rem, calc(100vw - 2rem));
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-px {
  width: 1px;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-5 {
  min-width: 1.25rem;
}
.min-w-\[0\.35em\] {
  min-width: 0.35em;
}
.min-w-\[140px\] {
  min-width: 140px;
}
.min-w-\[180px\] {
  min-width: 180px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[280px\] {
  min-width: 280px;
}
.min-w-\[720px\] {
  min-width: 720px;
}
.min-w-\[8rem\] {
  min-width: 8rem;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-\[1000px\] {
  max-width: 1000px;
}
.max-w-\[100px\] {
  max-width: 100px;
}
.max-w-\[1080px\] {
  max-width: 1080px;
}
.max-w-\[1100px\] {
  max-width: 1100px;
}
.max-w-\[1180px\] {
  max-width: 1180px;
}
.max-w-\[16ch\] {
  max-width: 16ch;
}
.max-w-\[18ch\] {
  max-width: 18ch;
}
.max-w-\[20ch\] {
  max-width: 20ch;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.max-w-\[22ch\] {
  max-width: 22ch;
}
.max-w-\[240px\] {
  max-width: 240px;
}
.max-w-\[24ch\] {
  max-width: 24ch;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[40vw\] {
  max-width: 40vw;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[440px\] {
  max-width: 440px;
}
.max-w-\[44ch\] {
  max-width: 44ch;
}
.max-w-\[460px\] {
  max-width: 460px;
}
.max-w-\[46ch\] {
  max-width: 46ch;
}
.max-w-\[520px\] {
  max-width: 520px;
}
.max-w-\[52ch\] {
  max-width: 52ch;
}
.max-w-\[540px\] {
  max-width: 540px;
}
.max-w-\[54ch\] {
  max-width: 54ch;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[580px\] {
  max-width: 580px;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.max-w-\[60ch\] {
  max-width: 60ch;
}
.max-w-\[640px\] {
  max-width: 640px;
}
.max-w-\[660px\] {
  max-width: 660px;
}
.max-w-\[680px\] {
  max-width: 680px;
}
.max-w-\[720px\] {
  max-width: 720px;
}
.max-w-\[760px\] {
  max-width: 760px;
}
.max-w-\[78\%\] {
  max-width: 78%;
}
.max-w-\[80px\] {
  max-width: 80px;
}
.max-w-\[820px\] {
  max-width: 820px;
}
.max-w-\[880px\] {
  max-width: 880px;
}
.max-w-\[900px\] {
  max-width: 900px;
}
.max-w-\[920px\] {
  max-width: 920px;
}
.max-w-\[calc\(100\%-2rem\)\] {
  max-width: calc(100% - 2rem);
}
.max-w-\[min\(100\%\2c 22rem\)\] {
  max-width: min(100%, 22rem);
}
.max-w-container {
  max-width: 1240px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-container-wide {
  max-width: 1480px;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-none {
  flex: none;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.basis-\[78\%\] {
  flex-basis: 78%;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-top-left {
  transform-origin: top left;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-2\/3 {
  --tw-translate-y: -66.666667%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/2 {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[14px\] {
  --tw-translate-x: 14px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[2px\] {
  --tw-translate-x: 2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\/2 {
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.15\] {
  --tw-scale-x: 1.15;
  --tw-scale-y: 1.15;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-crosshair {
  cursor: crosshair;
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-move {
  cursor: move;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-ns-resize {
  cursor: ns-resize;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-text {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.resize-none {
  resize: none;
}
.resize-y {
  resize: vertical;
}
.resize {
  resize: both;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}
.snap-start {
  scroll-snap-align: start;
}
.scroll-mt-28 {
  scroll-margin-top: 7rem;
}
.list-outside {
  list-style-position: outside;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-\[auto_1fr\] {
  grid-template-columns: auto 1fr;
}
.grid-cols-\[minmax\(0\2c 7\.5rem\)_1fr_2\.5rem\] {
  grid-template-columns: minmax(0,7.5rem) 1fr 2.5rem;
}
.grid-rows-\[auto_1fr\] {
  grid-template-rows: auto 1fr;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.place-items-center {
  place-items: center;
}
.content-start {
  align-content: flex-start;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-9 {
  gap: 2.25rem;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[18px\] {
  gap: 18px;
}
.gap-\[22px\] {
  gap: 22px;
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-x-12 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
.gap-x-16 {
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-y-1\.5 {
  row-gap: 0.375rem;
}
.gap-y-10 {
  row-gap: 2.5rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-9 {
  row-gap: 2.25rem;
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-7 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-\[\#F1F1F4\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(241 241 244 / var(--tw-divide-opacity, 1));
}
.divide-cream-border > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(228 228 232 / var(--tw-divide-opacity, 1));
}
.divide-neutral-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-divide-opacity, 1));
}
.self-start {
  align-self: flex-start;
}
.overflow-auto {
  overflow: auto;
}
.\!overflow-hidden {
  overflow: hidden !important;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overscroll-y-contain {
  overscroll-behavior-y: contain;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre {
  white-space: pre;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.\!rounded-2xl {
  border-radius: 1rem !important;
}
.\!rounded-lg {
  border-radius: 0.5rem !important;
}
.\!rounded-md {
  border-radius: 0.375rem !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[18px\] {
  border-radius: 18px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[22\%\] {
  border-radius: 22%;
}
.rounded-\[24px\] {
  border-radius: 24px;
}
.rounded-\[28px\] {
  border-radius: 28px;
}
.rounded-\[30px\] {
  border-radius: 30px;
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-card {
  border-radius: 14px;
}
.rounded-frame {
  border-radius: 18px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-pill {
  border-radius: 9999px;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-l-\[6px\] {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.rounded-r-2xl {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.rounded-r-\[8px\] {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.\!border {
  border-width: 1px !important;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-t {
  border-top-width: 1px;
}
.border-dashed {
  border-style: dashed;
}
.border-dotted {
  border-style: dotted;
}
.border-none {
  border-style: none;
}
.\!border-red-200\/80 {
  border-color: rgb(254 202 202 / 0.8) !important;
}
.\!border-stone-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(231 229 228 / var(--tw-border-opacity, 1)) !important;
}
.\!border-stone-200\/80 {
  border-color: rgb(231 229 228 / 0.8) !important;
}
.border-\[\#1e9bff\] {
  --tw-border-opacity: 1;
  border-color: rgb(30 155 255 / var(--tw-border-opacity, 1));
}
.border-\[\#E4E4E8\] {
  --tw-border-opacity: 1;
  border-color: rgb(228 228 232 / var(--tw-border-opacity, 1));
}
.border-\[\#ECECEF\] {
  --tw-border-opacity: 1;
  border-color: rgb(236 236 239 / var(--tw-border-opacity, 1));
}
.border-\[\#c9c800\] {
  --tw-border-opacity: 1;
  border-color: rgb(201 200 0 / var(--tw-border-opacity, 1));
}
.border-\[rgba\(24\2c 24\2c 45\2c 0\.07\)\] {
  border-color: rgba(24,24,45,0.07);
}
.border-\[rgba\(24\2c 24\2c 45\2c 0\.18\)\] {
  border-color: rgba(24,24,45,0.18);
}
.border-\[var\(--pg-border\)\] {
  border-color: var(--pg-border);
}
.border-amber-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity, 1));
}
.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-200\/70 {
  border-color: rgb(253 230 138 / 0.7);
}
.border-amber-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.border-cream-border {
  --tw-border-opacity: 1;
  border-color: rgb(228 228 232 / var(--tw-border-opacity, 1));
}
.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
}
.border-hlab-black {
  --tw-border-opacity: 1;
  border-color: rgb(29 29 31 / var(--tw-border-opacity, 1));
}
.border-hlab-charcoal\/10 {
  border-color: rgb(58 58 60 / 0.1);
}
.border-hlab-lime {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 140 / var(--tw-border-opacity, 1));
}
.border-ink {
  --tw-border-opacity: 1;
  border-color: rgb(29 29 31 / var(--tw-border-opacity, 1));
}
.border-ink\/10 {
  border-color: rgb(29 29 31 / 0.1);
}
.border-ink\/20 {
  border-color: rgb(29 29 31 / 0.2);
}
.border-neutral-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-orange-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116 / var(--tw-border-opacity, 1));
}
.border-orange-600\/50 {
  border-color: rgb(234 88 12 / 0.5);
}
.border-pg-accent {
  border-color: var(--pg-accent);
}
.border-pg-border {
  border-color: var(--pg-border);
}
.border-pg-input {
  border-color: var(--pg-input);
}
.border-red-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.border-slate-700 {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}
.border-slate-800 {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}
.border-stone-100 {
  --tw-border-opacity: 1;
  border-color: rgb(245 245 244 / var(--tw-border-opacity, 1));
}
.border-stone-200 {
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity, 1));
}
.border-stone-200\/40 {
  border-color: rgb(231 229 228 / 0.4);
}
.border-stone-200\/60 {
  border-color: rgb(231 229 228 / 0.6);
}
.border-stone-200\/70 {
  border-color: rgb(231 229 228 / 0.7);
}
.border-stone-200\/80 {
  border-color: rgb(231 229 228 / 0.8);
}
.border-stone-200\/90 {
  border-color: rgb(231 229 228 / 0.9);
}
.border-stone-300 {
  --tw-border-opacity: 1;
  border-color: rgb(214 211 209 / var(--tw-border-opacity, 1));
}
.border-stone-300\/70 {
  border-color: rgb(214 211 209 / 0.7);
}
.border-stone-800 {
  --tw-border-opacity: 1;
  border-color: rgb(41 37 36 / var(--tw-border-opacity, 1));
}
.border-stone-900\/40 {
  border-color: rgb(28 25 23 / 0.4);
}
.border-transparent {
  border-color: transparent;
}
.border-violet-100 {
  --tw-border-opacity: 1;
  border-color: rgb(237 233 254 / var(--tw-border-opacity, 1));
}
.border-violet-200 {
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity, 1));
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white\/15 {
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/25 {
  border-color: rgb(255 255 255 / 0.25);
}
.border-white\/40 {
  border-color: rgb(255 255 255 / 0.4);
}
.border-white\/50 {
  border-color: rgb(255 255 255 / 0.5);
}
.border-t-stone-700 {
  --tw-border-opacity: 1;
  border-top-color: rgb(68 64 60 / var(--tw-border-opacity, 1));
}
.\!bg-stone-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-stone-900 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(28 25 23 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#0a0a0a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.bg-\[\#111\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1C1C1E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(28 28 30 / var(--tw-bg-opacity, 1));
}
.bg-\[\#62C554\] {
  --tw-bg-opacity: 1;
  background-color: rgb(98 197 84 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E1D8EB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(225 216 235 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E9F9F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(233 249 240 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F1635E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(241 99 94 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F1F1F4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(241 241 244 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F4BE4F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 190 79 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F4F3EF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 239 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F7F7F8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 248 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FAF9F6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 249 246 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FAFAF8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 248 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF7E6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 230 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f5f5f0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 240 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f5f5f4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fafaf9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 249 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fbfbfb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}
.bg-\[rgba\(15\2c 8\2c 4\2c 0\.38\)\] {
  background-color: rgba(15,8,4,0.38);
}
.bg-\[var\(--pg-chrome-bg\)\] {
  background-color: var(--pg-chrome-bg);
}
.bg-\[var\(--pg-sidebar-bg\2c \#f2f28e\)\] {
  background-color: var(--pg-sidebar-bg,#f2f28e);
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-amber-50\/60 {
  background-color: rgb(255 251 235 / 0.6);
}
.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-amber-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}
.bg-amber-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(146 64 14 / var(--tw-bg-opacity, 1));
}
.bg-black\/25 {
  background-color: rgb(0 0 0 / 0.25);
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/55 {
  background-color: rgb(0 0 0 / 0.55);
}
.bg-cream {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 251 / var(--tw-bg-opacity, 1));
}
.bg-cream-deep {
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 239 / var(--tw-bg-opacity, 1));
}
.bg-cream-deep\/40 {
  background-color: rgb(236 236 239 / 0.4);
}
.bg-cream\/60 {
  background-color: rgb(250 250 251 / 0.6);
}
.bg-cream\/85 {
  background-color: rgb(250 250 251 / 0.85);
}
.bg-dash-card {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}
.bg-emerald-400\/15 {
  background-color: rgb(52 211 153 / 0.15);
}
.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500\/20 {
  background-color: rgb(16 185 129 / 0.2);
}
.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-hlab-black {
  --tw-bg-opacity: 1;
  background-color: rgb(29 29 31 / var(--tw-bg-opacity, 1));
}
.bg-hlab-cream {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 251 / var(--tw-bg-opacity, 1));
}
.bg-hlab-lime {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 140 / var(--tw-bg-opacity, 1));
}
.bg-hlab-lime\/50 {
  background-color: rgb(255 255 140 / 0.5);
}
.bg-ink {
  --tw-bg-opacity: 1;
  background-color: rgb(29 29 31 / var(--tw-bg-opacity, 1));
}
.bg-ink-mute {
  --tw-bg-opacity: 1;
  background-color: rgb(110 110 115 / var(--tw-bg-opacity, 1));
}
.bg-ink\/10 {
  background-color: rgb(29 29 31 / 0.1);
}
.bg-ink\/85 {
  background-color: rgb(29 29 31 / 0.85);
}
.bg-ink\/\[0\.06\] {
  background-color: rgb(29 29 31 / 0.06);
}
.bg-ink\/\[0\.12\] {
  background-color: rgb(29 29 31 / 0.12);
}
.bg-paper {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-paper\/60 {
  background-color: rgb(255 255 255 / 0.6);
}
.bg-paper\/70 {
  background-color: rgb(255 255 255 / 0.7);
}
.bg-paper\/85 {
  background-color: rgb(255 255 255 / 0.85);
}
.bg-paper\/\[0\.72\] {
  background-color: rgb(255 255 255 / 0.72);
}
.bg-paper\/\[0\.82\] {
  background-color: rgb(255 255 255 / 0.82);
}
.bg-pg-background {
  background-color: var(--pg-background);
}
.bg-pg-border {
  background-color: var(--pg-border);
}
.bg-pg-muted {
  background-color: var(--pg-muted);
}
.bg-pg-popover {
  background-color: var(--pg-popover);
}
.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
}
.bg-purple-500\/15 {
  background-color: rgb(168 85 247 / 0.15);
}
.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-50\/60 {
  background-color: rgb(254 242 242 / 0.6);
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-stone-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1));
}
.bg-stone-100\/50 {
  background-color: rgb(245 245 244 / 0.5);
}
.bg-stone-100\/80 {
  background-color: rgb(245 245 244 / 0.8);
}
.bg-stone-100\/90 {
  background-color: rgb(245 245 244 / 0.9);
}
.bg-stone-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}
.bg-stone-200\/40 {
  background-color: rgb(231 229 228 / 0.4);
}
.bg-stone-200\/50 {
  background-color: rgb(231 229 228 / 0.5);
}
.bg-stone-200\/60 {
  background-color: rgb(231 229 228 / 0.6);
}
.bg-stone-200\/80 {
  background-color: rgb(231 229 228 / 0.8);
}
.bg-stone-200\/90 {
  background-color: rgb(231 229 228 / 0.9);
}
.bg-stone-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity, 1));
}
.bg-stone-300\/70 {
  background-color: rgb(214 211 209 / 0.7);
}
.bg-stone-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 162 158 / var(--tw-bg-opacity, 1));
}
.bg-stone-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 249 / var(--tw-bg-opacity, 1));
}
.bg-stone-50\/50 {
  background-color: rgb(250 250 249 / 0.5);
}
.bg-stone-50\/60 {
  background-color: rgb(250 250 249 / 0.6);
}
.bg-stone-50\/80 {
  background-color: rgb(250 250 249 / 0.8);
}
.bg-stone-50\/90 {
  background-color: rgb(250 250 249 / 0.9);
}
.bg-stone-50\/95 {
  background-color: rgb(250 250 249 / 0.95);
}
.bg-stone-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(68 64 60 / var(--tw-bg-opacity, 1));
}
.bg-stone-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 36 / var(--tw-bg-opacity, 1));
}
.bg-stone-800\/80 {
  background-color: rgb(41 37 36 / 0.8);
}
.bg-stone-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(28 25 23 / var(--tw-bg-opacity, 1));
}
.bg-stone-900\/10 {
  background-color: rgb(28 25 23 / 0.1);
}
.bg-stone-900\/5 {
  background-color: rgb(28 25 23 / 0.05);
}
.bg-stone-900\/60 {
  background-color: rgb(28 25 23 / 0.6);
}
.bg-transparent {
  background-color: transparent;
}
.bg-ui-mint-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(233 249 240 / var(--tw-bg-opacity, 1));
}
.bg-ui-peach-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(255 240 240 / var(--tw-bg-opacity, 1));
}
.bg-ui-rose-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(246 214 222 / var(--tw-bg-opacity, 1));
}
.bg-ui-sand-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 230 / var(--tw-bg-opacity, 1));
}
.bg-ui-sky-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(220 236 248 / var(--tw-bg-opacity, 1));
}
.bg-violet-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/60 {
  background-color: rgb(255 255 255 / 0.6);
}
.bg-white\/70 {
  background-color: rgb(255 255 255 / 0.7);
}
.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}
.bg-white\/90 {
  background-color: rgb(255 255 255 / 0.9);
}
.bg-white\/95 {
  background-color: rgb(255 255 255 / 0.95);
}
.bg-white\/\[0\.14\] {
  background-color: rgb(255 255 255 / 0.14);
}
.bg-yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 140 / var(--tw-bg-opacity, 1));
}
.bg-yellow\/30 {
  background-color: rgb(255 255 140 / 0.3);
}
.bg-ui-mint-ink {
  --tw-bg-opacity: 1;
  background-color: rgb(18 138 74 / var(--tw-bg-opacity, 1));
}
.bg-ui-sand-ink {
  --tw-bg-opacity: 1;
  background-color: rgb(179 117 9 / var(--tw-bg-opacity, 1));
}
.bg-ui-sky-ink {
  --tw-bg-opacity: 1;
  background-color: rgb(78 143 190 / var(--tw-bg-opacity, 1));
}
.bg-\[linear-gradient\(to_right\2c _rgba\(255\2c 255\2c 255\2c 0\.01\)_1px\2c _transparent_1px\)\2c _linear-gradient\(to_bottom\2c _rgba\(255\2c 255\2c 255\2c 0\.01\)_1px\2c _transparent_1px\)\] {
  background-image: linear-gradient(to right, rgba(255,255,255,0.01) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,0.01) 1px, transparent 1px);
}
.bg-\[radial-gradient\(circle_at_25\%_15\%\2c \#FBE7B6_0\%\2c \#E8C77E_45\%\2c \#B89752_100\%\)\] {
  background-image: radial-gradient(circle at 25% 15%,#FBE7B6 0%,#E8C77E 45%,#B89752 100%);
}
.bg-\[radial-gradient\(circle_at_30\%_20\%\2c \#F4F0E6_0\%\2c \#E8DCC2_55\%\2c \#D4C5A6_100\%\)\] {
  background-image: radial-gradient(circle at 30% 20%,#F4F0E6 0%,#E8DCC2 55%,#D4C5A6 100%);
}
.bg-\[radial-gradient\(circle_at_30\%_20\%\2c \#FBF6EB_0\%\2c \#F0E2C2_55\%\2c \#D9C28C_100\%\)\] {
  background-image: radial-gradient(circle at 30% 20%,#FBF6EB 0%,#F0E2C2 55%,#D9C28C 100%);
}
.bg-\[radial-gradient\(ellipse_at_bottom_right\2c _rgba\(20\2c 20\2c 20\2c 0\.6\)_0\%\2c _transparent_50\%\)\] {
  background-image: radial-gradient(ellipse at bottom right, rgba(20,20,20,0.6) 0%, transparent 50%);
}
.bg-\[radial-gradient\(ellipse_at_top\2c _rgba\(30\2c 30\2c 30\2c 0\.8\)_0\%\2c _transparent_50\%\)\] {
  background-image: radial-gradient(ellipse at top, rgba(30,30,30,0.8) 0%, transparent 50%);
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-amber-50 {
  --tw-gradient-from: #fffbeb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/20 {
  --tw-gradient-from: rgb(0 0 0 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/40 {
  --tw-gradient-from: rgb(0 0 0 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/55 {
  --tw-gradient-from: rgb(0 0 0 / 0.55) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/85 {
  --tw-gradient-from: rgb(0 0 0 / 0.85) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/90 {
  --tw-gradient-from: rgb(0 0 0 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-indigo-500 {
  --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/65 {
  --tw-gradient-from: rgb(255 255 255 / 0.65) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#faf9f5\] {
  --tw-gradient-to: rgb(250 249 245 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #faf9f5 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/40 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-transparent {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-violet-500 {
  --tw-gradient-to: rgb(139 92 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#ebe8e2\] {
  --tw-gradient-to: #ebe8e2 var(--tw-gradient-to-position);
}
.to-black\/10 {
  --tw-gradient-to: rgb(0 0 0 / 0.1) var(--tw-gradient-to-position);
}
.to-fuchsia-500 {
  --tw-gradient-to: #d946ef var(--tw-gradient-to-position);
}
.to-orange-50\/40 {
  --tw-gradient-to: rgb(255 247 237 / 0.4) var(--tw-gradient-to-position);
}
.to-stone-50\/80 {
  --tw-gradient-to: rgb(250 250 249 / 0.8) var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.bg-\[length\:100\%\] {
  background-size: 100%;
}
.bg-\[length\:70\%\] {
  background-size: 70%;
}
.bg-\[size\:24px_24px\] {
  background-size: 24px 24px;
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-current {
  fill: currentColor;
}
.fill-none {
  fill: none;
}
.fill-white {
  fill: #fff;
}
.stroke-current {
  stroke: currentColor;
}
.stroke-ui-mint-ink {
  stroke: #128A4A;
}
.stroke-ui-peach-ink {
  stroke: #D63438;
}
.stroke-ui-rose-ink {
  stroke: #B45373;
}
.stroke-ui-sand-ink {
  stroke: #B37509;
}
.stroke-ui-sky-ink {
  stroke: #4E8FBE;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-fill {
  -o-object-fit: fill;
     object-fit: fill;
}
.object-top {
  -o-object-position: top;
     object-position: top;
}
.\!p-0 {
  padding: 0px !important;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-9 {
  padding: 2.25rem;
}
.p-\[28px_26px\] {
  padding: 28px 26px;
}
.p-\[3px\] {
  padding: 3px;
}
.p-\[5\%\] {
  padding: 5%;
}
.\!px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.\!py-1\.5 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.\!py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[14px\] {
  padding-left: 14px;
  padding-right: 14px;
}
.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}
.px-\[22px\] {
  padding-left: 22px;
  padding-right: 22px;
}
.px-\[26px\] {
  padding-left: 26px;
  padding-right: 26px;
}
.px-\[9px\] {
  padding-left: 9px;
  padding-right: 9px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[11px\] {
  padding-top: 11px;
  padding-bottom: 11px;
}
.py-\[13px\] {
  padding-top: 13px;
  padding-bottom: 13px;
}
.py-\[14px\] {
  padding-top: 14px;
  padding-bottom: 14px;
}
.py-\[15px\] {
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}
.py-\[clamp\(36px\2c 5vw\2c 56px\)\] {
  padding-top: clamp(36px, 5vw, 56px);
  padding-bottom: clamp(36px, 5vw, 56px);
}
.py-\[clamp\(48px\2c 6vw\2c 72px\)\] {
  padding-top: clamp(48px, 6vw, 72px);
  padding-bottom: clamp(48px, 6vw, 72px);
}
.py-\[clamp\(56px\2c 6vw\2c 80px\)\] {
  padding-top: clamp(56px, 6vw, 80px);
  padding-bottom: clamp(56px, 6vw, 80px);
}
.py-\[clamp\(64px\2c 8vw\2c 112px\)\] {
  padding-top: clamp(64px, 8vw, 112px);
  padding-bottom: clamp(64px, 8vw, 112px);
}
.py-\[clamp\(72px\2c 8vw\2c 112px\)\] {
  padding-top: clamp(72px, 8vw, 112px);
  padding-bottom: clamp(72px, 8vw, 112px);
}
.py-\[clamp\(80px\2c 9vw\2c 120px\)\] {
  padding-top: clamp(80px, 9vw, 120px);
  padding-bottom: clamp(80px, 9vw, 120px);
}
.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-1\.5 {
  padding-bottom: 0.375rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-\[clamp\(40px\2c 5vw\2c 64px\)\] {
  padding-bottom: clamp(40px, 5vw, 64px);
}
.pb-\[clamp\(48px\2c 6vw\2c 80px\)\] {
  padding-bottom: clamp(48px, 6vw, 80px);
}
.pb-\[clamp\(56px\2c 7vw\2c 88px\)\] {
  padding-bottom: clamp(56px, 7vw, 88px);
}
.pb-\[clamp\(60px\2c 7vw\2c 96px\)\] {
  padding-bottom: clamp(60px, 7vw, 96px);
}
.pl-0 {
  padding-left: 0px;
}
.pl-1\.5 {
  padding-left: 0.375rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-\[18px\] {
  padding-left: 18px;
}
.pr-0 {
  padding-right: 0px;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-2\.5 {
  padding-right: 0.625rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-1\.5 {
  padding-top: 0.375rem;
}
.pt-14 {
  padding-top: 3.5rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-28 {
  padding-top: 7rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-3\.5 {
  padding-top: 0.875rem;
}
.pt-32 {
  padding-top: 8rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-7 {
  padding-top: 1.75rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[14px\] {
  padding-top: 14px;
}
.pt-\[18px\] {
  padding-top: 18px;
}
.pt-\[clamp\(140px\2c 16vw\2c 200px\)\] {
  padding-top: clamp(140px, 16vw, 200px);
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-baseline {
  vertical-align: baseline;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.align-\[0\.06em\] {
  vertical-align: 0.06em;
}
.font-antonia {
  font-family: var(--font-plus-jakarta), ui-sans-serif, system-ui, sans-serif;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace;
}
.font-pg-sans {
  font-family: var(--pg-font-sans), ui-sans-serif, system-ui, sans-serif;
}
.font-sans {
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
.font-serif {
  font-family: var(--font-plus-jakarta), ui-sans-serif, system-ui, sans-serif;
}
.\!text-\[11px\] {
  font-size: 11px !important;
}
.\!text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.\!text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-\[0\.55em\] {
  font-size: 0.55em;
}
.text-\[10\.5px\] {
  font-size: 10.5px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11\.5px\] {
  font-size: 11.5px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12\.5px\] {
  font-size: 12.5px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13\.5px\] {
  font-size: 13.5px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14\.5px\] {
  font-size: 14.5px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15\.5px\] {
  font-size: 15.5px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16\.5px\] {
  font-size: 16.5px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[17px\] {
  font-size: 17px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[19px\] {
  font-size: 19px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[26px\] {
  font-size: 26px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[30px\] {
  font-size: 30px;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[34px\] {
  font-size: 34px;
}
.text-\[36px\] {
  font-size: 36px;
}
.text-\[38px\] {
  font-size: 38px;
}
.text-\[40px\] {
  font-size: 40px;
}
.text-\[42px\] {
  font-size: 42px;
}
.text-\[44px\] {
  font-size: 44px;
}
.text-\[46px\] {
  font-size: 46px;
}
.text-\[56px\] {
  font-size: 56px;
}
.text-\[72px\] {
  font-size: 72px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-\[clamp\(22px\2c 2\.4vw\2c 32px\)\] {
  font-size: clamp(22px, 2.4vw, 32px);
}
.text-\[clamp\(28px\2c 3\.4vw\2c 40px\)\] {
  font-size: clamp(28px, 3.4vw, 40px);
}
.text-\[clamp\(28px\2c 3\.6vw\2c 44px\)\] {
  font-size: clamp(28px, 3.6vw, 44px);
}
.text-\[clamp\(32px\2c 4\.2vw\2c 48px\)\] {
  font-size: clamp(32px, 4.2vw, 48px);
}
.text-\[clamp\(36px\2c 5vw\2c 56px\)\] {
  font-size: clamp(36px, 5vw, 56px);
}
.text-\[clamp\(40px\2c 5\.6vw\2c 64px\)\] {
  font-size: clamp(40px, 5.6vw, 64px);
}
.text-\[clamp\(56px\2c 7vw\2c 84px\)\] {
  font-size: clamp(56px, 7vw, 84px);
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-\[0\.6875rem\] {
  font-size: 0.6875rem;
}
.text-\[1\.75rem\] {
  font-size: 1.75rem;
}
.text-\[3\.25rem\] {
  font-size: 3.25rem;
}
.text-\[clamp\(1\.35rem\2c 2\.4vw\2c 1\.75rem\)\] {
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
}
.\!font-medium {
  font-weight: 500 !important;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.italic {
  font-style: italic;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.\!leading-tight {
  line-height: 1.25 !important;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-\[1\.02\] {
  line-height: 1.02;
}
.leading-\[1\.05\] {
  line-height: 1.05;
}
.leading-\[1\.06\] {
  line-height: 1.06;
}
.leading-\[1\.08\] {
  line-height: 1.08;
}
.leading-\[1\.15\] {
  line-height: 1.15;
}
.leading-\[1\.18\] {
  line-height: 1.18;
}
.leading-\[1\.1\] {
  line-height: 1.1;
}
.leading-\[1\.25\] {
  line-height: 1.25;
}
.leading-\[1\.2\] {
  line-height: 1.2;
}
.leading-\[1\.32\] {
  line-height: 1.32;
}
.leading-\[1\.3\] {
  line-height: 1.3;
}
.leading-\[1\.45\] {
  line-height: 1.45;
}
.leading-\[1\.4\] {
  line-height: 1.4;
}
.leading-\[1\.55\] {
  line-height: 1.55;
}
.leading-\[1\.5\] {
  line-height: 1.5;
}
.leading-\[1\.65\] {
  line-height: 1.65;
}
.leading-\[1\.6\] {
  line-height: 1.6;
}
.leading-\[1\.7\] {
  line-height: 1.7;
}
.leading-\[1\] {
  line-height: 1;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[-0\.005em\] {
  letter-spacing: -0.005em;
}
.tracking-\[-0\.008em\] {
  letter-spacing: -0.008em;
}
.tracking-\[-0\.012em\] {
  letter-spacing: -0.012em;
}
.tracking-\[-0\.015em\] {
  letter-spacing: -0.015em;
}
.tracking-\[-0\.018em\] {
  letter-spacing: -0.018em;
}
.tracking-\[-0\.01em\] {
  letter-spacing: -0.01em;
}
.tracking-\[-0\.022em\] {
  letter-spacing: -0.022em;
}
.tracking-\[-0\.025em\] {
  letter-spacing: -0.025em;
}
.tracking-\[-0\.02em\] {
  letter-spacing: -0.02em;
}
.tracking-\[0\.02em\] {
  letter-spacing: 0.02em;
}
.tracking-\[0\.04em\] {
  letter-spacing: 0.04em;
}
.tracking-\[0\.06em\] {
  letter-spacing: 0.06em;
}
.tracking-\[0\.08em\] {
  letter-spacing: 0.08em;
}
.tracking-\[0\.12em\] {
  letter-spacing: 0.12em;
}
.tracking-\[0\.14em\] {
  letter-spacing: 0.14em;
}
.tracking-\[0\.16em\] {
  letter-spacing: 0.16em;
}
.tracking-\[0\.18em\] {
  letter-spacing: 0.18em;
}
.tracking-\[0\.1em\] {
  letter-spacing: 0.1em;
}
.tracking-\[0\.22em\] {
  letter-spacing: 0.22em;
}
.tracking-normal {
  letter-spacing: 0em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-stone-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(168 162 158 / var(--tw-text-opacity, 1)) !important;
}
.\!text-stone-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(120 113 108 / var(--tw-text-opacity, 1)) !important;
}
.\!text-stone-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(87 83 78 / var(--tw-text-opacity, 1)) !important;
}
.\!text-stone-800 {
  --tw-text-opacity: 1 !important;
  color: rgb(41 37 36 / var(--tw-text-opacity, 1)) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#0B99FF\] {
  --tw-text-opacity: 1;
  color: rgb(11 153 255 / var(--tw-text-opacity, 1));
}
.text-\[\#128A4A\] {
  --tw-text-opacity: 1;
  color: rgb(18 138 74 / var(--tw-text-opacity, 1));
}
.text-\[\#1D1D1F\] {
  --tw-text-opacity: 1;
  color: rgb(29 29 31 / var(--tw-text-opacity, 1));
}
.text-\[\#3A3A3C\] {
  --tw-text-opacity: 1;
  color: rgb(58 58 60 / var(--tw-text-opacity, 1));
}
.text-\[\#4A4A4F\] {
  --tw-text-opacity: 1;
  color: rgb(74 74 79 / var(--tw-text-opacity, 1));
}
.text-\[\#6E6E73\] {
  --tw-text-opacity: 1;
  color: rgb(110 110 115 / var(--tw-text-opacity, 1));
}
.text-\[\#735AA0\] {
  --tw-text-opacity: 1;
  color: rgb(115 90 160 / var(--tw-text-opacity, 1));
}
.text-\[\#8E8E93\] {
  --tw-text-opacity: 1;
  color: rgb(142 142 147 / var(--tw-text-opacity, 1));
}
.text-\[\#A0A0A5\] {
  --tw-text-opacity: 1;
  color: rgb(160 160 165 / var(--tw-text-opacity, 1));
}
.text-\[\#B37509\] {
  --tw-text-opacity: 1;
  color: rgb(179 117 9 / var(--tw-text-opacity, 1));
}
.text-\[\#B45373\] {
  --tw-text-opacity: 1;
  color: rgb(180 83 115 / var(--tw-text-opacity, 1));
}
.text-\[\#C7C7CC\] {
  --tw-text-opacity: 1;
  color: rgb(199 199 204 / var(--tw-text-opacity, 1));
}
.text-\[\#b94a3b\] {
  --tw-text-opacity: 1;
  color: rgb(185 74 59 / var(--tw-text-opacity, 1));
}
.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-current {
  color: currentColor;
}
.text-emerald-300 {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.text-emerald-400 {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.text-hlab-black {
  --tw-text-opacity: 1;
  color: rgb(29 29 31 / var(--tw-text-opacity, 1));
}
.text-hlab-charcoal {
  --tw-text-opacity: 1;
  color: rgb(58 58 60 / var(--tw-text-opacity, 1));
}
.text-hlab-charcoal\/60 {
  color: rgb(58 58 60 / 0.6);
}
.text-hlab-charcoal\/80 {
  color: rgb(58 58 60 / 0.8);
}
.text-hlab-cream {
  --tw-text-opacity: 1;
  color: rgb(250 250 251 / var(--tw-text-opacity, 1));
}
.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-inherit {
  color: inherit;
}
.text-ink {
  --tw-text-opacity: 1;
  color: rgb(29 29 31 / var(--tw-text-opacity, 1));
}
.text-ink-mute {
  --tw-text-opacity: 1;
  color: rgb(110 110 115 / var(--tw-text-opacity, 1));
}
.text-ink-soft {
  --tw-text-opacity: 1;
  color: rgb(58 58 60 / var(--tw-text-opacity, 1));
}
.text-ink\/60 {
  color: rgb(29 29 31 / 0.6);
}
.text-ink\/70 {
  color: rgb(29 29 31 / 0.7);
}
.text-ink\/80 {
  color: rgb(29 29 31 / 0.8);
}
.text-ink\/90 {
  color: rgb(29 29 31 / 0.9);
}
.text-neutral-700 {
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
}
.text-neutral-800 {
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}
.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}
.text-paper {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-paper\/70 {
  color: rgb(255 255 255 / 0.7);
}
.text-paper\/80 {
  color: rgb(255 255 255 / 0.8);
}
.text-paper\/90 {
  color: rgb(255 255 255 / 0.9);
}
.text-pg-muted-foreground {
  color: var(--pg-muted-foreground);
}
.text-pg-popover-foreground {
  color: var(--pg-popover-foreground);
}
.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}
.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-600\/90 {
  color: rgb(220 38 38 / 0.9);
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-stone-200 {
  --tw-text-opacity: 1;
  color: rgb(231 229 228 / var(--tw-text-opacity, 1));
}
.text-stone-300 {
  --tw-text-opacity: 1;
  color: rgb(214 211 209 / var(--tw-text-opacity, 1));
}
.text-stone-400 {
  --tw-text-opacity: 1;
  color: rgb(168 162 158 / var(--tw-text-opacity, 1));
}
.text-stone-500 {
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity, 1));
}
.text-stone-600 {
  --tw-text-opacity: 1;
  color: rgb(87 83 78 / var(--tw-text-opacity, 1));
}
.text-stone-700 {
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity, 1));
}
.text-stone-800 {
  --tw-text-opacity: 1;
  color: rgb(41 37 36 / var(--tw-text-opacity, 1));
}
.text-stone-900 {
  --tw-text-opacity: 1;
  color: rgb(28 25 23 / var(--tw-text-opacity, 1));
}
.text-stone-900\/40 {
  color: rgb(28 25 23 / 0.4);
}
.text-ui-mint-ink {
  --tw-text-opacity: 1;
  color: rgb(18 138 74 / var(--tw-text-opacity, 1));
}
.text-violet-500 {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}
.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/45 {
  color: rgb(255 255 255 / 0.45);
}
.text-white\/55 {
  color: rgb(255 255 255 / 0.55);
}
.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}
.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}
.text-white\/75 {
  color: rgb(255 255 255 / 0.75);
}
.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}
.text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}
.text-yellow {
  --tw-text-opacity: 1;
  color: rgb(255 255 140 / var(--tw-text-opacity, 1));
}
.text-blue {
  --tw-text-opacity: 1;
  color: rgb(0 102 197 / var(--tw-text-opacity, 1));
}
.text-ui-rose-ink {
  --tw-text-opacity: 1;
  color: rgb(180 83 115 / var(--tw-text-opacity, 1));
}
.text-ui-sand-ink {
  --tw-text-opacity: 1;
  color: rgb(179 117 9 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.decoration-hlab-lime {
  text-decoration-color: #ffff8c;
}
.decoration-ink-mute\/40 {
  text-decoration-color: rgb(110 110 115 / 0.4);
}
.decoration-stone-300 {
  text-decoration-color: #d6d3d1;
}
.decoration-2 {
  text-decoration-thickness: 2px;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.accent-ink {
  accent-color: #1D1D1F;
}
.accent-stone-800 {
  accent-color: #292524;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-55 {
  opacity: 0.55;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-\[0\.78\] {
  opacity: 0.78;
}
.\!shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_3px_rgba\(240\2c 238\2c 130\2c 0\.3\)\] {
  --tw-shadow: 0 0 0 3px rgba(240,238,130,0.3);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_24px_rgba\(28\2c 25\2c 23\2c 0\.10\)\] {
  --tw-shadow: 0 12px 24px rgba(28,25,23,0.10);
  --tw-shadow-colored: 0 12px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_24px_rgba\(28\2c 25\2c 23\2c 0\.12\)\] {
  --tw-shadow: 0 12px 24px rgba(28,25,23,0.12);
  --tw-shadow-colored: 0 12px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_36px_-12px_rgba\(24\2c 24\2c 45\2c 0\.22\)\] {
  --tw-shadow: 0 12px 36px -12px rgba(24,24,45,0.22);
  --tw-shadow-colored: 0 12px 36px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_18px_50px_-22px_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
  --tw-shadow: 0 18px 50px -22px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 18px 50px -22px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c 0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] {
  --tw-shadow: 0 1px 2px rgba(0,0,0,0.06),0 0 0 1px rgba(0,0,0,0.04);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.03\)\] {
  --tw-shadow: 0 1px 3px rgba(0,0,0,0.03);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] {
  --tw-shadow: 0 1px 3px rgba(0,0,0,0.04);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0 1px 3px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0 1px 4px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 1px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_48px_-22px_rgba\(28\2c 25\2c 23\2c 0\.38\)\] {
  --tw-shadow: 0 20px 48px -22px rgba(28,25,23,0.38);
  --tw-shadow-colored: 0 20px 48px -22px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_70px_-35px_rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  --tw-shadow: 0 24px 70px -35px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 24px 70px -35px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0 2px 8px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_20px_-8px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
  --tw-shadow: 0 6px 20px -8px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 6px 20px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_-12px_rgba\(24\2c 24\2c 45\2c 0\.18\)\] {
  --tw-shadow: 0 8px 24px -12px rgba(24,24,45,0.18);
  --tw-shadow-colored: 0 8px 24px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-card {
  --tw-shadow: 0 18px 34px -28px rgba(24, 24, 45, 0.18);
  --tw-shadow-colored: 0 18px 34px -28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lift {
  --tw-shadow: 0 28px 60px -36px rgba(24, 24, 45, 0.22);
  --tw-shadow-colored: 0 28px 60px -36px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xs {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-slate-900\/30 {
  --tw-shadow-color: rgb(15 23 42 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-violet-200 {
  --tw-shadow-color: #ddd6fe;
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-2 {
  outline-width: 2px;
}
.outline-\[\#1e9bff\] {
  outline-color: #1e9bff;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
  --tw-ring-inset: inset;
}
.ring-\[\#0B99FF\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(11 153 255 / var(--tw-ring-opacity, 1));
}
.ring-\[\#E4E4E8\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(228 228 232 / var(--tw-ring-opacity, 1));
}
.ring-amber-200\/80 {
  --tw-ring-color: rgb(253 230 138 / 0.8);
}
.ring-emerald-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1));
}
.ring-fuchsia-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(232 121 249 / var(--tw-ring-opacity, 1));
}
.ring-green-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity, 1));
}
.ring-indigo-300\/60 {
  --tw-ring-color: rgb(165 180 252 / 0.6);
}
.ring-indigo-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity, 1));
}
.ring-orange-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1));
}
.ring-orange-600\/20 {
  --tw-ring-color: rgb(234 88 12 / 0.2);
}
.ring-purple-200\/60 {
  --tw-ring-color: rgb(233 213 255 / 0.6);
}
.ring-purple-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1));
}
.ring-stone-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(231 229 228 / var(--tw-ring-opacity, 1));
}
.ring-stone-900\/10 {
  --tw-ring-color: rgb(28 25 23 / 0.1);
}
.ring-teal-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(45 212 191 / var(--tw-ring-opacity, 1));
}
.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[6px\] {
  --tw-blur: blur(6px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-2xl {
  --tw-backdrop-blur: blur(40px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[1px\] {
  --tw-backdrop-blur: blur(1px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-saturate-\[180\%\] {
  --tw-backdrop-saturate: saturate(180%);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background\2c border-color\2c opacity\] {
  transition-property: background,border-color,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background\2c transform\] {
  transition-property: background,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color\2c box-shadow\] {
  transition-property: color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[max-height\2c opacity\] {
  transition-property: max-height,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[max-width\2c background\2c border-color\2c box-shadow\] {
  transition-property: max-width,background,border-color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c background\2c border-color\2c color\] {
  transition-property: transform,background,border-color,color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c background\] {
  transition-property: transform,background;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c box-shadow\2c border-color\] {
  transition-property: transform,box-shadow,border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c box-shadow\] {
  transition-property: transform,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-100 {
  transition-duration: 100ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-700 {
  transition-duration: 700ms;
}
.ease-ease {
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-transform {
  will-change: transform;
}
.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}
.\[text-shadow\:0_1px_12px_rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  text-shadow: 0 1px 12px rgba(0,0,0,0.4);
}

/* ============================================================
   Humanolab · Design system variables (mirror of tailwind.config)
   See /DESIGN-SYSTEM.md
   ============================================================ */
:root {
  --yellow: #ffff8c;
  --blue: #0066c5;
  --cream: #FAFAFB;
  --ink: #1D1D1F;
  --paper: #FFFFFF;
  --cream-deep: #ECECEF;
  --cream-border: #E4E4E8;
  --ink-soft: #3A3A3C;
  --ink-mute: #6E6E73;

  --dash-bg: #F4F3EF;
  --dash-card: #FFFFFF;
  --dash-border: rgba(24, 24, 45, 0.07);
  --dash-shadow: 0 10px 24px -18px rgba(24, 24, 45, 0.18);

  /* UI palette pairs (used in dashboard mockups, biomarker pills, etc.) */
  --ui-mint-bg: #E9F9F0;  --ui-mint-ink: #128A4A;
  --ui-sand-bg: #FFF7E6;  --ui-sand-ink: #B37509;
  --ui-peach-bg: #FFF0F0; --ui-peach-ink: #D63438;
  --ui-rose-bg: #F6D6DE;  --ui-rose-ink: #B45373;
  --ui-sky-bg: #DCECF8;   --ui-sky-ink: #4E8FBE;
  --ui-lilac-bg: #E1D8EB; --ui-lilac-ink: #735AA0;

  /* Aliases to the next-font CSS variables for component-internal use */
  --sans: var(--font-inter), Inter, ui-sans-serif, system-ui, sans-serif;
  --serif: var(--font-plus-jakarta), Newsreader, ui-serif, Georgia, serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --radius-card: 14px;
  --radius-frame: 18px;
  --radius-pill: 9999px;
  --shadow-card: 0 18px 34px -28px rgba(24, 24, 45, 0.22);
  --shadow-lift: 0 28px 60px -36px rgba(24, 24, 45, 0.28);
  --container: 1240px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

html, body {
  background: var(--cream);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Defensive width containment — session replays showed some Meta in-app
   browser (Facebook/Instagram WebView) sessions rendering the page in an
   illegible narrow vertical column. `width: 100%` (not `100vw`, which can
   overflow past the visual viewport when a scrollbar or WebView chrome eats
   into it) + explicit overflow containment on every structural level is
   cheap insurance against that class of bug, regardless of root cause. */
main, section, header, footer {
  max-width: 100%;
}

/* Facebook/Instagram in-app browser fallback (see isMetaWebView() in
   src/app/[country]/layout.tsx, which stamps this class on <html> server-side
   based on the FBAN/FBAV/Instagram user-agent markers — before first paint,
   so there's no flash of broken layout while JS figures it out).
   Drops the two-column CSS Grid hero to plain block stacking: block-level
   100%-width elements are about the most universally-supported layout
   primitive there is, which matters when the rendering engine is an
   embedded WebView build we can't control or test directly. */
.is-meta-webview .bp-dx-hero {
  display: block;
}
.is-meta-webview .bp-dx-hero > * {
  width: 100%;
  max-width: 100%;
}
.is-meta-webview .bp-dx-card {
  position: static;
  margin-top: 20px;
}

/* === Legacy .btn / .btn-* classes (used by Hero + dashboard mockups
   that were lifted from the static index.html). The newer marketing
   components use src/components/ui/Button.tsx with Tailwind classes
   directly; these are for the legacy markup paths. === */
.btn {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--sans);
  font-weight: 600; font-size: 14px; line-height: 1;
  letter-spacing: -0.005em;
  border-radius: var(--radius-pill);
  border: 1px solid transparent;
  padding: 13px 22px;
  cursor: pointer;
  transition: transform .18s var(--ease), background .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease);
  white-space: nowrap;
}
.btn.lg { padding: 15px 26px; font-size: 14.5px; }
.btn:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.btn-primary { background: var(--ink); color: var(--yellow); }
.btn-primary:hover { transform: translateY(-1px); }
.btn-yellow { background: var(--yellow); color: var(--ink); padding: 11px 18px; }
.btn-yellow.lg { padding: 14px 24px; }
.btn-yellow:hover { transform: translateY(-1px); }
.btn-outline { background: transparent; color: var(--ink); border-color: var(--ink); }
.btn-outline:hover { background: var(--ink); color: var(--paper); }
.btn-on-color { background: var(--ink); color: var(--paper); }
.btn-on-color:hover { transform: translateY(-1px); }

/* === Eyebrow + pill + body class — shared marketing primitives === */
.eyebrow {
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink-mute);
}
.eyebrow.on-ink { color: var(--ink); }
.mono { font-family: var(--mono); font-size: 12px; letter-spacing: 0.02em; }
.eyebrow-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--paper);
  border: 1px solid var(--cream-border);
  border-radius: var(--radius-pill);
  padding: 7px 14px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink);
}
.eyebrow-pill .dot { width: 7px; height: 7px; border-radius: 50%; }
.eyebrow-pill .dot.y { background: var(--yellow); }
.eyebrow-pill .dot.b { background: var(--blue); }

/* === Display + section headlines used across marketing pages === */
.h-display {
  font-family: var(--sans);
  font-weight: 500;
  font-size: clamp(44px, 6.4vw, 76px);
  line-height: 1.04;
  letter-spacing: -0.022em;
  color: var(--ink);
  margin: 0;
}
.h-display .italic,
.h-display em {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 400;
  font-size: 1.02em;
  letter-spacing: -0.012em;
}
h2.h-section {
  font-family: var(--sans);
  font-weight: 500;
  font-size: clamp(32px, 4.2vw, 48px);
  line-height: 1.08;
  letter-spacing: -0.018em;
  color: var(--ink);
  margin: 0;
}
h2.h-section em,
h2.h-section .italic {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 400;
}
/* Base .hero anchor — matches legacy: cream gutter on top (where the
   transparent navbar floats) + slim cream gutter on left/right so the
   blue stage reads as a centered card with the video framed inside. */
.hero {
  position: relative;
  letter-spacing: 0.01em;
  padding: clamp(78px, 9vw, 110px) clamp(12px, 3vw, 40px) 0;
}

/* IBM Plex Sans wordmark used by the navbar + footer logo */
.wordmark {
  font-family: var(--font-ibm-plex-sans), 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  font-weight: 500;
  color: #1D1D1F;
}

/* === Italic emphasis device (marketing only) === */
.italic-em {
  font-family: var(--font-plus-jakarta), Plus Jakarta Sans, system-ui, serif;
  font-style: italic;
  font-weight: 400;
}

/* === Reveal motion === */
.reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .6s var(--ease), transform .6s var(--ease);
}
.reveal.in-view {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}

/* ============================================================
   Colombia (/co) — D2C clinic-structure layout, Humanolab brand
   (mapped to the live tokens: cream / yellow / warm ink)
   ============================================================ */
:root {
  --co-warm: #F5F5F7;          /* soft warm band (reviews) */
  --co-fill: #FAFAFB;          /* gentle lift from cream */
  --co-accent-soft: #faf6cf;   /* pale yellow pill */
  --co-gold-ink: #6E6E73;      /* legible gold for ticks/kickers */
  --co-gold: #c99a2e;          /* rating stars */
  --co-night: #1D1D1F;         /* warm-brown dark surface */
  --co-ink-faint: #A1A1A6;
}
.co-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 32px; }
.co-section { padding: clamp(64px, 9vh, 112px) 0; }
.co-section-tight { padding: clamp(44px, 6vh, 72px) 0; }
.co-fill { background: var(--co-fill); }
/* Display headings match the live site: Inter (sans) with serif-italic accents */
.co-d1 { font-family: var(--serif); font-weight: 500; line-height: 1.04; letter-spacing: -0.018em; font-size: clamp(34px, 4.6vw, 60px); color: var(--ink); margin: 0; }
.co-d2 { font-family: var(--serif); font-weight: 500; line-height: 1.08; letter-spacing: -0.015em; font-size: clamp(26px, 3vw, 38px); color: var(--ink); margin: 0; }
.co-d3 { font-family: var(--sans); font-weight: 600; line-height: 1.15; letter-spacing: -0.012em; font-size: clamp(20px, 2vw, 25px); color: var(--ink); margin: 0; }
.co-serif-i { font-family: var(--serif); font-style: italic; font-weight: 400; }
/* signature yellow pad behind italic emphasis on light grounds */
.co-mark {
  background-image: linear-gradient(transparent 58%, rgba(240, 238, 130, 0.85) 58%);
  background-repeat: no-repeat; padding: 0 0.06em;
  box-decoration-break: clone; -webkit-box-decoration-break: clone;
}
.co-lede { font-size: clamp(16px, 1.4vw, 19px); line-height: 1.6; color: var(--ink-soft); font-weight: 400; }

.co-eyebrow { font-family: var(--sans); font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.16em; color: var(--ink-mute); display: inline-flex; align-items: center; gap: 10px; }
.co-eyebrow .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--yellow); flex: none; box-shadow: 0 0 0 4px var(--co-accent-soft); }
.co-mono { font-family: var(--mono); }

/* promo bar */
.co-promo { position: relative; z-index: 82; background: var(--cream-deep); text-align: center; padding: 9px 16px; border-bottom: none; }
/* No seam between the sticky header and the hero — kill any border/shadow. */
.co-headwrap .co-topbar, .co-headwrap .co-bar { border-bottom: none; box-shadow: none; }
.co-promo .t { font-size: 13px; color: var(--ink-soft); }
.co-promo .code { font-weight: 600; color: var(--co-gold-ink); }
/* "funcional" only on tablet/desktop; one tight line on mobile. */
.co-promo-fn { display: none; }
@media (min-width: 768px) { .co-promo-fn { display: inline; } }
@media (max-width: 600px) {
  .co-promo { white-space: nowrap; }
  .co-promo .t { font-size: 11px; }
  .co-promo-badge { margin-right: 7px; font-size: 9.5px; padding: 2px 7px; }
}

/* glass top bar + icon nav */
.co-topbar { position: relative; z-index: 82; background: rgba(255, 255, 255,0.72); backdrop-filter: blur(22px) saturate(180%); -webkit-backdrop-filter: blur(22px) saturate(180%); }
.co-pill-btn { display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 15px; border-radius: var(--radius-pill); border: 1px solid var(--cream-border); background: rgba(255,255,255,0.6); font-size: 14px; font-weight: 500; color: var(--ink); transition: all 0.2s var(--ease); }
.co-pill-btn:hover { background: var(--paper); box-shadow: 0 1px 2px rgba(20, 20, 35,0.06); }
.co-flag { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 12px 0 8px; border-radius: var(--radius-pill); border: 1px solid var(--cream-border); background: rgba(255,255,255,0.6); font-size: 13px; font-weight: 600; color: var(--ink); }
.co-flag svg { border-radius: 3px; box-shadow: 0 0 0 1px rgba(20, 20, 35,0.08); }
.co-iconnav { display: flex; align-items: center; justify-content: center; gap: clamp(14px, 3.4vw, 52px); height: 62px; overflow-x: auto; scrollbar-width: none; }
.co-iconnav-more { display: none; } /* mobile/tablet only — shown ≤860px */
.co-iconnav-chev { display: inline-flex; } /* desktop dropdown caret — hidden ≤860px */
.co-iconnav-short { display: none; } /* short labels — swapped in ≤860px */
.co-iconnav::-webkit-scrollbar { display: none; }
.co-iconnav-item { display: flex; flex-direction: column; align-items: center; gap: 5px; color: var(--ink); font-size: 13px; font-weight: 500; white-space: nowrap; transition: color 0.2s; padding: 10px 2px 12px; position: relative; border: 0; background: none; cursor: pointer; }
.co-iconnav-item::after { content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; height: 2px; background: var(--ink); border-radius: 2px; transition: width 0.2s var(--ease); }
.co-iconnav-item:hover::after, .co-iconnav-item.is-active::after { width: 72%; }

/* mega-menu */
.co-megawrap { position: relative; }
.co-mega {
  position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%);
  z-index: 90; width: -moz-max-content; width: max-content; max-width: min(1060px, calc(100vw - 24px));
  background: rgba(255, 255, 255,0.98); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(20, 20, 35,0.08); border-radius: 24px;
  box-shadow: 0 28px 64px -26px rgba(20, 20, 35,0.34);
  transform-origin: top center;
}
@media (prefers-reduced-motion: no-preference) {
  .co-mega { animation: coMegaIn 0.24s var(--ease) both; }
  @keyframes coMegaIn {
    from { opacity: 0; transform: translateX(-50%) translateY(-8px) scale(0.985); }
    to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
  }
}
.co-mega-inner { display: grid; grid-template-columns: 200px auto 280px; gap: clamp(26px, 3vw, 48px); padding: 30px 34px 32px; align-items: start; max-width: none; }
.co-mega-head { display: flex; flex-direction: column; }
.co-mega-title { font-family: var(--serif); font-weight: 400; font-size: clamp(26px, 2.4vw, 34px); letter-spacing: -0.01em; color: var(--ink); margin: 0; }
.co-mega-book { margin-top: auto; padding-top: 28px; display: block; }
.co-mega-book-note { display: block; font-size: 13px; color: var(--ink-mute); margin-bottom: 6px; }
.co-mega-book-link { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 600; color: var(--ink); border-bottom: 1px solid var(--ink); padding-bottom: 3px; transition: gap 0.2s var(--ease); }
.co-mega-book:hover .co-mega-book-link { gap: 10px; }
.co-mega-cols { display: flex; gap: clamp(24px, 4vw, 56px); flex-wrap: wrap; }
.co-mega-collabel { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--ink-mute); margin-bottom: 14px; }
.co-mega-links { display: flex; flex-direction: column; gap: 2px; }
.co-mega-link { display: flex; align-items: center; gap: 11px; font-size: 14.5px; color: var(--ink-soft); padding: 7px 0; white-space: nowrap; transition: color 0.2s; }
.co-mega-link:hover { color: var(--ink); }
.co-mega-link-icn { width: 34px; height: 34px; border-radius: 9px; background: var(--co-fill); display: grid; place-items: center; color: var(--ink); flex: none; transition: background 0.2s; }
.co-mega-link-thumb { width: 34px; height: 34px; border-radius: 9px; -o-object-fit: cover; object-fit: cover; flex: none; }
.co-mega-link:hover .co-mega-link-icn { background: var(--cream-deep); }
.co-mega-feature { position: relative; border-radius: var(--radius-frame); overflow: hidden; min-height: 208px; display: block; }
.co-mega-feature img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: transform 0.3s var(--ease); }
.co-mega-feature:hover img { transform: scale(1.04); }
.co-mega-feature-veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,14,12,.08) 28%, rgba(15,14,12,.74)); }
.co-mega-feature-body { position: absolute; inset: 0; padding: 22px; display: flex; flex-direction: column; justify-content: flex-end; }
.co-mega-kicker { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; color: var(--yellow); }
.co-mega-feature-body h4 { color: #fff; font-size: 18px; font-weight: 400; margin-top: 8px; line-height: 1.25; max-width: 15ch; font-family: var(--serif); }
.co-mega-cta { display: inline-flex; align-items: center; gap: 7px; color: #fff; font-size: 14px; font-weight: 500; margin-top: 14px; }

/* hero */
.co-hero { position: relative; min-height: clamp(620px, 92vh, 920px); display: flex; align-items: center; overflow: hidden; }
.co-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 30%; object-position: 50% 30%; }
.co-hero-veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,14,12,.42) 0%, rgba(15,14,12,.30) 40%, rgba(15,14,12,.66) 100%); }
.co-hero-inner { position: relative; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 24px; padding: 40px 0; }
.co-hero-h1 { color: #fff; max-width: 16ch; margin: 0 auto; font-family: var(--serif); font-weight: 500; line-height: 1.05; letter-spacing: -0.018em; font-size: clamp(40px, 6.6vw, 76px); }
.co-hero-h1 em { font-family: var(--serif); font-style: italic; font-weight: 400; color: var(--yellow); }
.co-hero-sub { color: rgba(255,255,255,.9); font-size: clamp(15px, 1.5vw, 18px); line-height: 1.6; max-width: 560px; font-weight: 400; }
.co-hero-card { position: absolute; left: clamp(16px, 4vw, 56px); bottom: clamp(16px, 4vw, 48px); width: 268px; border-radius: var(--radius-frame); padding: 18px; box-shadow: 0 24px 60px -24px rgba(20,20,12,.4); z-index: 2; }
.co-glass { background: rgba(255,255,255,0.72); backdrop-filter: blur(18px) saturate(180%); -webkit-backdrop-filter: blur(18px) saturate(180%); border: 1px solid rgba(255,255,255,0.5); }

/* get-started ways */
.co-ways { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: clamp(40px, 6vh, 64px); }
.co-way { position: relative; border-radius: var(--radius-frame); overflow: hidden; aspect-ratio: 0.8; box-shadow: 0 6px 24px -10px rgba(20, 20, 35,.18); transition: transform 0.3s var(--ease), box-shadow 0.3s; }
/* Whole card is a link/button — reset native a/button chrome, keep card visuals. */
a.co-way, button.co-way { display: block; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background: transparent; padding: 0; margin: 0; font: inherit; color: inherit; text-align: left; text-decoration: none; cursor: pointer; }
.co-way:hover { transform: translateY(-4px); box-shadow: 0 24px 50px -24px rgba(20, 20, 35,.3); }
.co-way-img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.co-way-veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,14,12,.05) 35%, rgba(15,14,12,.62) 78%, rgba(15,14,12,.82)); }
.co-way-body { position: absolute; inset: 0; padding: 26px; display: flex; flex-direction: column; justify-content: flex-end; }
.co-way-icn { width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.16); backdrop-filter: blur(6px); display: grid; place-items: center; margin-bottom: 14px; }

/* presence */
.co-sedes { display: grid; grid-template-columns: 1fr 1.05fr; gap: clamp(36px, 5vw, 72px); align-items: center; }
.co-pill-loc { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 14px; border-radius: var(--radius-pill); background: var(--paper); border: 1px solid var(--cream-border); font-size: 13px; font-weight: 500; color: var(--ink); }
.co-sedes-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.co-sedes-col { display: flex; flex-direction: column; gap: 16px; }
.co-sedes-col-2 { padding-top: 36px; }
.co-sedes-grid img { width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--radius-frame); box-shadow: 0 6px 24px -10px rgba(20, 20, 35,.18); }

/* arrows */
.co-arrows { display: flex; gap: 10px; }
.co-arrows button { width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--cream-border); background: var(--paper); display: grid; place-items: center; color: var(--ink); transition: all 0.2s; cursor: pointer; }
.co-arrows button:hover { background: var(--ink); color: var(--cream); border-color: var(--ink); }

/* reviews */
.co-rev-track { display: flex; gap: 20px; margin-top: 36px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 6px; }
.co-rev-track::-webkit-scrollbar { display: none; }
.co-rev-card { flex: 0 0 min(420px, 82vw); scroll-snap-align: start; background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); padding: 30px; display: flex; flex-direction: column; justify-content: space-between; }

/* treatments */
.co-inf-track { display: flex; gap: 18px; margin-top: 36px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 6px; }
.co-inf-track::-webkit-scrollbar { display: none; }
.co-inf-card { flex: 0 0 230px; scroll-snap-align: start; }
.co-inf-imgwrap { position: relative; border-radius: var(--radius-frame); overflow: hidden; aspect-ratio: 1; box-shadow: 0 1px 2px rgba(20, 20, 35,.06); }
.co-inf-imgwrap img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: transform 0.3s var(--ease); }
.co-inf-card:hover .co-inf-imgwrap img { transform: scale(1.04); }
.co-badge { position: absolute; top: 12px; left: 12px; background: var(--co-accent-soft); color: var(--co-gold-ink); font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; padding: 5px 10px; border-radius: var(--radius-pill); }
.co-inf-name { margin-top: 14px; font-size: 16px; font-weight: 500; color: var(--ink); }
.co-inf-note { margin-top: 2px; font-size: 13px; color: var(--ink-mute); }

/* focus dark */
.co-focus { position: relative; border-radius: clamp(20px, 3vw, 28px); overflow: hidden; background: linear-gradient(150deg, #95571a 0%, #79430f 52%, #6a3a0c 100%); padding: clamp(40px, 5vw, 72px); }
.co-focus-aurora { position: absolute; inset: 0; pointer-events: none; opacity: 0.5; background: radial-gradient(460px 300px at 16% 18%, rgba(255,224,150,0.22), transparent 70%), radial-gradient(500px 340px at 88% 84%, rgba(255,180,90,0.16), transparent 72%); }
.co-focus-lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0.6; }
.co-focus-inner { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 4vw, 56px); align-items: center; }
.co-focus-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.co-focus-card { border-radius: var(--radius-frame); padding: 24px; background: rgba(255,255,255,0.06); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); border: 1px solid rgba(255,255,255,0.1); }
.co-focus-icn { width: 44px; height: 44px; border-radius: 12px; background: rgba(240,238,130,0.14); display: grid; place-items: center; }

/* waitlist */
.co-news { display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: center; }
.co-news-form { position: relative; width: min(440px, 100%); justify-self: end; }
.co-news-form input { width: 100%; height: 60px; border-radius: var(--radius-frame); border: 1px solid var(--cream-border); background: var(--paper); padding: 0 58px 0 22px; font-family: var(--sans); font-size: 16px; color: var(--ink); box-shadow: 0 1px 2px rgba(20, 20, 35,.06); }
.co-news-form input:focus { outline: none; border-color: var(--co-gold); box-shadow: 0 0 0 3px var(--co-accent-soft); }
.co-news-form input::-moz-placeholder { color: var(--co-ink-faint); }
.co-news-form input::placeholder { color: var(--co-ink-faint); }
.co-news-form button { position: absolute; right: 9px; top: 9px; width: 42px; height: 42px; border-radius: 12px; background: var(--ink); color: var(--yellow); display: grid; place-items: center; transition: all 0.2s; cursor: pointer; border: 0; }
.co-news-form button:hover { background: #2e2114; }
.co-news-form button:disabled { opacity: 0.6; }

/* footer */
.co-footer { border-top: 1px solid var(--cream-border); padding: clamp(56px, 8vh, 80px) 0 40px; }
.co-footer-top { display: grid; grid-template-columns: 1.2fr 2.4fr; gap: 48px; }
.co-footer-cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.co-footer-h { font-size: 14px; font-weight: 600; color: var(--ink); margin-bottom: 16px; }
.co-footer-links { display: flex; flex-direction: column; gap: 11px; }
.co-footer-links a { font-size: 14px; color: var(--ink-soft); transition: color 0.2s; }
.co-footer-links a:hover { color: var(--ink); }
.co-social { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--cream-border); display: grid; place-items: center; color: var(--ink); transition: all 0.2s; }
.co-social:hover { background: var(--ink); color: var(--cream); border-color: var(--ink); }
.co-footer-legal { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--cream-border); display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; align-items: center; }

/* reveal */
.co-reveal { opacity: 1; }
@media (prefers-reduced-motion: no-preference) {
  /* Base state animates into view on its own after 1.2s — a pure-CSS
     fallback so content is never stuck invisible if JS hydration is
     delayed (slow mobile networks, heavy competing asset downloads) or
     never runs at all. `.in` (added by the IntersectionObserver in
     Reveal.tsx) is more specific and fires first in the common case,
     overriding this timer. */
  .co-reveal { opacity: 0; transform: translateY(14px); animation: coRevUp 0.7s var(--ease) 1.2s both; }
  .co-reveal.in { animation: coRevUp 0.7s var(--ease) both; }
  @keyframes coRevUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
}
.co-nav-link { transition: color 0.18s var(--ease); }

@media (max-width: 980px) {
  .co-sedes { grid-template-columns: 1fr; }
  .co-focus-inner { grid-template-columns: 1fr; }
  .co-ways { grid-template-columns: 1fr 1fr; }
  .co-way { aspect-ratio: 0.92; }
  .co-footer-top { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 760px) {
  .co-wrap { padding: 0 20px; }
  .co-hide-sm { display: none; }
  .co-news { grid-template-columns: 1fr; gap: 20px; }
  .co-news-form { justify-self: stretch; }
  .co-focus-cards { grid-template-columns: 1fr; }
  .co-footer-cols { grid-template-columns: 1fr 1fr; }
  .co-iconnav { justify-content: flex-start; }
  .co-mega-inner { grid-template-columns: 1fr; gap: 26px; padding: 30px 26px 34px; }
  .co-mega-feature { min-height: 150px; }
  .co-hero-card { display: none; }
}
@media (max-width: 600px) {
  .co-ways { grid-template-columns: 1fr; max-width: 440px; margin-inline: auto; }
  .co-way { aspect-ratio: 1.05; }
  .co-footer-cols { grid-template-columns: 1fr 1fr; gap: 22px; }
}

/* ===== Colombia · Circle-style additions ===== */

/* location modal */
.co-modal-overlay { position: fixed; inset: 0; z-index: 200; background: rgba(20,16,10,0.55); backdrop-filter: blur(3px); display: grid; place-items: center; padding: 20px; animation: coFade 0.25s var(--ease) both; }
@keyframes coFade { from { opacity: 0; } to { opacity: 1; } }
.co-modal { position: relative; width: min(540px, 100%); background: var(--paper); border-radius: var(--r-2xl, 22px); padding: clamp(28px, 4vw, 44px); box-shadow: 0 40px 90px -30px rgba(20,16,10,0.5); animation: coModalRise 0.3s var(--ease) both; }
@keyframes coModalRise { from { transform: translateY(12px); opacity: 0; } to { transform: none; opacity: 1; } }
.co-modal-close { position: absolute; top: 16px; right: 16px; width: 36px; height: 36px; border-radius: 50%; border: 0; background: var(--cream); color: var(--ink); display: grid; place-items: center; cursor: pointer; transition: background 0.2s; }
.co-modal-close:hover { background: var(--cream-deep); }
.co-modal-title { font-family: var(--serif); font-weight: 400; font-size: clamp(26px, 3vw, 34px); letter-spacing: -0.01em; text-align: center; color: var(--ink); margin: 0 0 26px; }
.co-modal-list { display: grid; gap: 12px; }
.co-modal-opt { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; text-align: left; padding: 18px 20px; border-radius: 14px; border: 1px solid var(--cream-border); background: var(--paper); cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; color: var(--ink); }
.co-modal-opt:hover:not(:disabled) { border-color: #d8cdb6; box-shadow: 0 8px 24px -16px rgba(20, 20, 35,0.3); transform: translateY(-1px); }
.co-modal-opt.is-soon { opacity: 0.55; cursor: default; }
.co-modal-opt-name { display: block; font-size: 17px; font-weight: 600; color: var(--ink); }
.co-modal-opt-sub { display: block; font-size: 13.5px; color: var(--ink-mute); margin-top: 3px; }

/* hero rating row */
.co-hero-rating { display: inline-flex; align-items: center; gap: 10px; color: #fff; font-size: 14.5px; }
.co-hero-rating strong { font-weight: 600; }

/* focus orbit */
.co-focus-body { position: relative; text-align: center; display: flex; flex-direction: column; align-items: center; padding: clamp(8px, 2vw, 24px) 0; }
.co-focus-kicker { color: rgba(255,255,255,0.85); font-size: 14px; }
.co-focus-title { font-family: var(--serif); font-weight: 400; font-size: clamp(34px, 4.5vw, 56px); letter-spacing: -0.01em; color: #fff; margin: 8px 0 0; }
/* Floating squircle tiles — interactive "Lo que miramos" selector (microscopy imagery). */
.co-tiles { position: relative; --ts: clamp(58px, 13vw, 96px); width: min(560px, 100%); height: calc(var(--ts) * 2.55); margin: clamp(26px, 5vh, 52px) auto clamp(18px, 3vh, 30px); }
.co-tile { position: absolute; top: calc(var(--ts) * var(--m)); width: calc(var(--ts) * var(--k)); height: calc(var(--ts) * var(--k)); border-radius: 30%; overflow: hidden; transform: translateX(-50%) rotate(var(--rot)); box-shadow: 0 18px 40px -16px rgba(0,0,0,0.55), 0 4px 12px -6px rgba(0,0,0,0.4); }
.co-tile-img { -o-object-fit: cover; object-fit: cover; }
.co-tile--btn { padding: 0; border: 1.5px solid rgba(255,255,255,0.5); background: rgba(255,255,255,0.06); cursor: pointer; opacity: 0.72; transition: transform 0.45s var(--ease), opacity 0.35s var(--ease), border-color 0.3s, box-shadow 0.45s var(--ease); }
.co-tile--btn::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 52%, rgba(0,0,0,0.3)); opacity: 0; transition: opacity 0.35s; pointer-events: none; }
.co-tile--btn:hover { opacity: 1; border-color: rgba(255,255,255,0.85); transform: translateX(-50%) rotate(var(--rot)) translateY(-6px) scale(1.04); }
.co-tile--btn.is-on { opacity: 1; z-index: 3; border-color: #fff; transform: translateX(-50%) rotate(0deg) scale(1.24); box-shadow: 0 28px 64px -18px rgba(0,0,0,0.62), 0 0 0 4px rgba(255,255,255,0.18); }
.co-tile--btn.is-on::after { opacity: 1; }
.co-tile--deco { pointer-events: none; opacity: 0.5; filter: saturate(0.95); }
@media (prefers-reduced-motion: reduce) { .co-tile--btn, .co-tile--btn:hover, .co-tile--btn.is-on { transition: opacity 0.2s, border-color 0.2s; } }
.co-focus-text { color: rgba(255,255,255,0.86); font-size: clamp(15px, 1.5vw, 18px); line-height: 1.6; max-width: 600px; margin: 0 auto; }
.co-focus-nav { display: flex; gap: 14px; justify-content: center; margin-top: clamp(28px, 4vh, 44px); }
.co-focus-nav button { width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.3); background: rgba(255,255,255,0.08); color: #fff; display: grid; place-items: center; cursor: pointer; transition: background 0.2s; }
.co-focus-nav button:hover { background: rgba(255,255,255,0.18); }

/* product bento grid */
.co-grid-feature { position: relative; border-radius: var(--r-2xl, 22px); overflow: hidden; min-height: clamp(380px, 56vh, 560px); display: flex; }
.co-grid-feature > img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.co-grid-feature-veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,14,12,.15) 30%, rgba(15,14,12,.6)); }
.co-grid-feature-body { position: relative; margin: auto auto clamp(28px,4vw,44px); text-align: center; }
.co-grid-tag { display: inline-block; color: var(--yellow); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 8px; }
.co-grid-chips { position: absolute; inset: 0; pointer-events: none; }
.co-grid-chip { position: absolute; padding: 9px 16px; border-radius: var(--r-full); background: rgba(255,255,255,0.16); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.25); color: #fff; font-size: 13.5px; white-space: nowrap; }
.co-grid-chip:nth-child(1) { top: 12%; right: 8%; }
.co-grid-chip:nth-child(2) { top: 26%; right: 16%; }
.co-grid-chip:nth-child(3) { top: 20%; left: 9%; }
.co-grid-chip:nth-child(4) { top: 40%; left: 5%; }
.co-grid-chip:nth-child(5) { top: 8%; left: 22%; }
.co-grid-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.co-grid-card { position: relative; border-radius: var(--r-2xl, 22px); overflow: hidden; min-height: clamp(340px, 44vh, 460px); display: flex; }
.co-grid-card > img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.co-grid-card.is-dark .co-grid-card-veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,14,12,.05) 40%, rgba(15,14,12,.66)); }
.co-grid-card:not(.is-dark) { background: var(--co-fill); }
.co-grid-card:not(.is-dark) > img { inset: auto 0 0 0; height: 62%; }
.co-grid-card-body { position: relative; margin-top: auto; padding: 28px; }
.co-grid-card:not(.is-dark) .co-grid-card-body { position: absolute; top: 0; }

/* newsletter + footer panel */
.co-footer-wrap { background: var(--co-fill); }
.co-news-section { padding: clamp(48px, 7vh, 80px) 0 clamp(32px, 4vh, 48px); }
.co-news-formwrap { justify-self: end; width: min(440px, 100%); }
.co-news-done { display: flex; align-items: center; gap: 10px; color: var(--co-gold-ink); font-size: 15.5px; font-weight: 500; }
.co-news-check { width: 36px; height: 36px; border-radius: 50%; background: var(--co-accent-soft); display: grid; place-items: center; flex: none; }
.co-news-error { margin-top: 10px; color: #c0563f; font-size: 13.5px; }
.co-footer { padding: clamp(40px, 6vh, 64px) 0 40px; }

@media (max-width: 980px) {
  .co-grid-cards { grid-template-columns: 1fr 1fr; }
  .co-grid-feature { min-height: clamp(340px, 48vh, 460px); }
}
@media (max-width: 600px) {
  .co-grid-cards { grid-template-columns: 1fr; }
  .co-grid-card { min-height: clamp(300px, 56vh, 400px); }
  .co-grid-chips { display: none; }
}

/* ============================================================
   /co/bajar-de-peso — weight-loss campaign landing (bp-*)
   ============================================================ */

/* hero extras */
.bp-hero-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 16px; border-radius: var(--radius-pill); background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.28); backdrop-filter: blur(8px); color: #fff; font-size: 13px; font-weight: 600; letter-spacing: 0.01em; }
.bp-hero-chip span { opacity: 0.6; }
.bp-hero-note { color: rgba(255,255,255,0.9); font-size: clamp(14px, 1.3vw, 16px); line-height: 1.55; max-width: 480px; font-weight: 500; }
.bp-hero-ctas { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }

/* generic split (text + visual) */
.bp-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px, 5vw, 72px); align-items: center; }
.bp-split-text { min-width: 0; }

/* infographic — inputs flow into one output */
.bp-info { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: clamp(28px, 4vw, 44px); border-radius: var(--radius-frame); background: var(--paper); border: 1px solid var(--cream-border); box-shadow: var(--shadow-card); }
.bp-info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; width: 100%; }
.bp-info-node { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 64px; padding: 12px 10px; border-radius: var(--radius-card); background: var(--cream); border: 1px solid var(--cream-border); font-size: 14px; font-weight: 600; color: var(--ink); }
.bp-info-arrow { color: var(--ink-mute); display: grid; place-items: center; }
.bp-info-out { display: inline-flex; align-items: center; justify-content: center; padding: 14px 30px; border-radius: var(--radius-pill); background: var(--ink); color: var(--yellow); font-size: 16px; font-weight: 600; letter-spacing: -0.01em; }

/* factor cards */
.bp-factor-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: clamp(40px, 6vh, 60px); }
.bp-factor-card { background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); padding: 30px 28px; box-shadow: var(--shadow-card); transition: transform .25s var(--ease), box-shadow .25s var(--ease); height: 100%; }
.bp-factor-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lift); }
.bp-factor-icn { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; }
.bp-factor-icn.tint-sky { background: var(--ui-sky-bg); color: var(--ui-sky-ink); }
.bp-factor-icn.tint-mint { background: var(--ui-mint-bg); color: var(--ui-mint-ink); }
.bp-factor-icn.tint-sand { background: var(--ui-sand-bg); color: var(--ui-sand-ink); }
.bp-factor-icn.tint-peach { background: var(--ui-peach-bg); color: var(--ui-peach-ink); }
.bp-factor-icn.tint-rose { background: var(--ui-rose-bg); color: var(--ui-rose-ink); }
.bp-factor-icn.tint-lilac { background: var(--ui-lilac-bg); color: var(--ui-lilac-ink); }
.bp-factor-title { font-family: var(--sans); font-size: 20px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); margin: 20px 0 8px; }
.bp-factor-body { font-size: 14.5px; line-height: 1.55; color: var(--ink-soft); margin: 0; }

/* symptoms */
.bp-symptoms { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(32px, 4vw, 64px); align-items: center; }
.bp-symptoms-media { border-radius: var(--radius-frame); overflow: hidden; box-shadow: var(--shadow-card); aspect-ratio: 0.84; }
.bp-symptoms-media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.bp-checks { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px; }
.bp-check { display: flex; align-items: center; gap: 11px; text-align: left; padding: 13px 15px; border-radius: var(--radius-card); border: 1px solid var(--cream-border); background: var(--paper); font-size: 14px; font-weight: 500; color: var(--ink); cursor: pointer; transition: all .18s var(--ease); }
.bp-check:hover { border-color: var(--ink-mute); }
.bp-check-box { width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid var(--cream-border); display: grid; place-items: center; flex: none; color: #fff; transition: all .18s var(--ease); }
.bp-check.is-on { background: var(--co-accent-soft); border-color: var(--co-gold); }
.bp-check.is-on .bp-check-box { background: var(--ink); border-color: var(--ink); }

/* quiz */
.bp-quiz-band { padding: clamp(64px, 9vh, 112px) 0; background: linear-gradient(180deg, var(--co-fill), var(--cream-deep)); }
.bp-quiz-card { max-width: 660px; margin: 0 auto; background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); padding: clamp(28px, 4vw, 44px); box-shadow: var(--shadow-lift); }
.bp-quiz-progress { display: flex; align-items: center; gap: 16px; margin-bottom: 28px; }
.bp-quiz-bar { flex: 1; height: 6px; border-radius: var(--radius-pill); background: var(--cream-deep); overflow: hidden; }
.bp-quiz-bar span { display: block; height: 100%; border-radius: var(--radius-pill); background: var(--blue); transition: width .4s var(--ease); }
.bp-quiz-step { font-size: 12.5px; font-weight: 600; color: var(--ink-mute); white-space: nowrap; }
.bp-quiz-pane { animation: bpFade .35s var(--ease) both; }
@keyframes bpFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.bp-quiz-q { font-family: var(--sans); font-size: clamp(20px, 2.2vw, 26px); font-weight: 600; line-height: 1.2; letter-spacing: -0.015em; color: var(--ink); margin: 0 0 6px; }
.bp-quiz-lede { font-size: 15px; line-height: 1.55; color: var(--ink-soft); margin: 8px 0 0; }
.bp-quiz-opts { display: flex; flex-direction: column; gap: 10px; margin: 24px 0 28px; }
.bp-opt { display: flex; align-items: center; gap: 13px; text-align: left; padding: 16px 18px; border-radius: var(--radius-card); border: 1px solid var(--cream-border); background: var(--cream); font-size: 15px; font-weight: 500; color: var(--ink); cursor: pointer; transition: all .18s var(--ease); }
.bp-opt:hover { border-color: var(--ink-mute); background: var(--paper); }
.bp-opt-radio { width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--cream-border); flex: none; transition: all .18s var(--ease); }
.bp-opt.is-on { border-color: var(--co-gold); background: var(--co-accent-soft); }
.bp-opt.is-on .bp-opt-radio { border-color: var(--ink); border-width: 6px; }
.bp-quiz-next { background: var(--blue); color: #fff; }
.bp-quiz-next:disabled { opacity: 0.4; cursor: not-allowed; }
.bp-fields { display: grid; gap: 16px; margin: 22px 0 18px; }
.bp-field { display: flex; flex-direction: column; gap: 7px; }
.bp-field span { font-size: 13px; font-weight: 600; color: var(--ink-soft); }
.bp-field input, .bp-field select { height: 52px; border-radius: var(--radius-card); border: 1px solid var(--cream-border); background: var(--cream); padding: 0 16px; font-family: var(--sans); font-size: 15px; color: var(--ink); transition: all .18s var(--ease); }
.bp-field input:focus, .bp-field select:focus { outline: none; border-color: var(--co-gold); background: var(--paper); box-shadow: 0 0 0 3px var(--co-accent-soft); }
.bp-consent { display: flex; align-items: flex-start; gap: 11px; font-size: 13.5px; color: var(--ink-soft); line-height: 1.45; margin-bottom: 24px; cursor: pointer; }
.bp-consent input { width: 18px; height: 18px; margin-top: 1px; accent-color: var(--ink); flex: none; }
.bp-quiz-result { text-align: center; }
.bp-result-badge { width: 52px; height: 52px; border-radius: 50%; background: var(--ui-mint-bg); color: var(--ui-mint-ink); display: grid; place-items: center; margin: 0 auto 14px; }
.bp-result-tags { display: flex; flex-wrap: wrap; gap: 9px; justify-content: center; margin-top: 22px; }
.bp-result-tag { display: inline-flex; align-items: center; gap: 7px; padding: 9px 15px; border-radius: var(--radius-pill); background: var(--co-accent-soft); color: var(--co-gold-ink); font-size: 13.5px; font-weight: 600; }

/* paths diagram */
.bp-paths { display: flex; flex-direction: column; align-items: center; gap: 16px; margin-top: clamp(40px, 6vh, 56px); }
.bp-paths-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.bp-path-node { padding: 13px 22px; border-radius: var(--radius-pill); background: var(--paper); border: 1px solid var(--cream-border); font-size: 14.5px; font-weight: 600; color: var(--ink); box-shadow: var(--shadow-card); }
.bp-paths-arrow { color: var(--ink-mute); }
.bp-paths-out { padding: 16px 36px; border-radius: var(--radius-pill); background: var(--yellow); color: var(--ink); font-size: 17px; font-weight: 600; letter-spacing: -0.01em; }

/* timeline */
.bp-timeline { display: grid; grid-template-columns: repeat(5, 1fr); gap: 22px; margin-top: clamp(44px, 6vh, 64px); position: relative; }
.bp-timeline::before { content: ""; position: absolute; top: 22px; left: 8%; right: 8%; height: 1px; background: var(--cream-border); z-index: 0; }
.bp-tl-step { position: relative; z-index: 1; }
.bp-tl-dot { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--ink); color: var(--yellow); font-family: var(--mono); font-size: 13px; font-weight: 600; margin-bottom: 18px; }
.bp-tl-title { font-family: var(--sans); font-size: 16.5px; font-weight: 600; line-height: 1.25; letter-spacing: -0.01em; color: var(--ink); margin: 0 0 8px; }
.bp-tl-body { font-size: 13.5px; line-height: 1.5; color: var(--ink-soft); margin: 0; }

/* doctor */
.bp-doctor { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(32px, 5vw, 72px); align-items: center; }
.bp-doctor-media { border-radius: var(--radius-frame); overflow: hidden; box-shadow: var(--shadow-card); aspect-ratio: 0.82; }
.bp-doctor-media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.bp-doctor-quote { font-family: var(--serif); font-style: italic; font-weight: 400; font-size: clamp(24px, 3vw, 36px); line-height: 1.3; letter-spacing: -0.01em; color: var(--ink); margin: 22px 0 26px; }
.bp-doctor-by { display: flex; flex-direction: column; gap: 3px; }
.bp-doctor-name { font-size: 15px; font-weight: 600; color: var(--ink); }
.bp-doctor-role { font-size: 13.5px; color: var(--ink-mute); }

/* faq */
.bp-faq { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(32px, 5vw, 72px); align-items: start; }
.bp-faq-head { position: sticky; top: 120px; }
.bp-faq-list { display: flex; flex-direction: column; gap: 0; border-top: 1px solid var(--cream-border); }
.bp-faq-item { border-bottom: 1px solid var(--cream-border); }
.bp-faq-q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; text-align: left; padding: 22px 4px; font-family: var(--sans); font-size: 16.5px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); cursor: pointer; background: none; border: 0; }
.bp-faq-chev { color: var(--ink-mute); flex: none; transition: transform .25s var(--ease); }
.bp-faq-item.is-open .bp-faq-chev { transform: rotate(180deg); }
.bp-faq-a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s var(--ease); }
.bp-faq-item.is-open .bp-faq-a { grid-template-rows: 1fr; }
.bp-faq-a > p { overflow: hidden; margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--ink-soft); padding-right: 28px; }
.bp-faq-item.is-open .bp-faq-a > p { padding-bottom: 22px; }

/* final cta */
.bp-final { position: relative; overflow: hidden; border-radius: clamp(20px, 3vw, 28px); background: linear-gradient(140deg, #1d160d 0%, #2a2114 55%, #221a10 100%); padding: clamp(48px, 7vw, 96px) clamp(28px, 5vw, 72px); text-align: center; }
.bp-final-inner { position: relative; display: flex; flex-direction: column; align-items: center; gap: 18px; }
.bp-final-title { font-family: var(--serif); font-weight: 500; font-size: clamp(28px, 3.6vw, 48px); line-height: 1.08; letter-spacing: -0.02em; color: #fff; margin: 0; max-width: 18ch; }
.bp-final-sub { color: rgba(255,255,255,0.78); font-size: clamp(15px, 1.5vw, 18px); line-height: 1.6; max-width: 560px; margin: 0 0 10px; }

@media (max-width: 980px) {
  .bp-split { grid-template-columns: 1fr; }
  .bp-factor-grid { grid-template-columns: 1fr 1fr; }
  .bp-symptoms { grid-template-columns: 1fr; }
  .bp-symptoms-media { aspect-ratio: 1.4; max-height: 360px; }
  .bp-doctor { grid-template-columns: 1fr; }
  .bp-doctor-media { aspect-ratio: 1.3; max-height: 420px; }
  .bp-faq { grid-template-columns: 1fr; }
  .bp-faq-head { position: static; }
  .bp-timeline { grid-template-columns: 1fr; gap: 0; }
  .bp-timeline::before { top: 0; bottom: 0; left: 22px; right: auto; width: 1px; height: auto; }
  .bp-tl-step { padding: 0 0 28px 64px; }
  .bp-tl-dot { position: absolute; left: 0; top: 0; margin: 0; }
}
@media (max-width: 600px) {
  .bp-factor-grid { grid-template-columns: 1fr; max-width: 420px; margin-inline: auto; }
  .bp-checks { grid-template-columns: 1fr; }
  .bp-info-grid { grid-template-columns: 1fr 1fr; }
  .bp-hero-ctas { flex-direction: column; width: 100%; max-width: 340px; }
  .bp-hero-ctas .btn { justify-content: center; }
}

/* ===== Ported /v2 sections (ambassadors reel + outcomes carousel) ===== */
@font-face {
  font-family: 'Antonia';
  src: url('/fonts/Antonia-Variable.otf') format('opentype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
.scrollbar-hide::-webkit-scrollbar { display: none; }

/* ===== Single-row navbar (logo · 3 products · region/account) ===== */
.co-bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 68px; gap: 24px; }
.co-nav { display: flex; align-items: center; gap: clamp(20px, 3vw, 40px); justify-self: center; }
.co-nav-item { position: relative; }
.co-navlink { display: inline-flex; align-items: center; gap: 5px; font-size: 15px; font-weight: 500; color: var(--ink); padding: 22px 0; cursor: pointer; transition: color 0.18s var(--ease); }
.co-navlink:hover { color: var(--ink-soft); }
.co-dropdown { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); min-width: 220px; background: var(--paper); border: 1px solid var(--cream-border); border-radius: 14px; box-shadow: 0 22px 44px -18px rgba(20, 20, 35, 0.22); padding: 8px; display: flex; flex-direction: column; gap: 2px; z-index: 90; animation: coMegaIn 0.18s var(--ease) both; }
.co-dropdown-link { padding: 10px 14px; border-radius: 9px; font-size: 14.5px; color: var(--ink-soft); white-space: nowrap; transition: background 0.15s, color 0.15s; }
.co-dropdown-link:hover { background: var(--co-fill); color: var(--ink); }
@media (max-width: 860px) {
  /* Two-row nav via grid: row 1 = logo (left) + region/login (right), centered;
     row 2 = icon nav, full width. Grid keeps row 1 on a single line. */
  .co-bar { display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: "logo . right" "nav nav nav"; align-items: center; height: auto; row-gap: 18px; }
  /* Higher specificity than the later `.co-wrap { padding: 0 18px }` rule, which
     was silently resetting the bar's top/bottom padding to 0. */
  .co-bar.co-wrap { padding-block: 40px 22px; }
  .co-bar > :first-child { grid-area: logo; justify-self: start; align-self: center; }
  .co-bar > :last-child { grid-area: right; justify-self: end; display: flex; align-items: center; gap: 10px; }
  .co-iconnav { grid-area: nav; display: flex; align-items: flex-start; width: 100%; height: auto; justify-content: space-between; gap: 6px; margin-top: 4px; padding-top: 18px; border-top: 1px solid var(--cream-border); }
  .co-iconnav-item { flex: 1 1 0; min-width: 0; font-size: 11px; gap: 8px; padding: 6px 1px 4px; white-space: normal; text-align: center; line-height: 1.18; }
  .co-iconnav-item::after { display: none; }
  .co-iconnav-chev { display: none; }
  .co-iconnav-full { display: none; }
  .co-iconnav-short { display: inline; }
  .co-iconnav-more { display: flex; }
  .co-pill-btn--login { height: 34px; padding: 0 13px; font-size: 13px; }
  /* Desktop mega-dropdown never shows on mobile — the icon nav opens the
     glassy slide-down card instead (no double dropdown). */
  .co-mega { display: none !important; }
}
@media (max-width: 380px) {
  .co-pill-btn-label { display: none; }
  .co-pill-btn--login { padding: 0; width: 34px; justify-content: center; }
}

/* ===========================================================================
   Hims-style landing format (hl-*) — split hero with an embedded micro-quiz,
   full-screen assessment overlay, benefit checklist. Humanolab brand tokens.
   =========================================================================== */

/* —— split hero —— */
/* ── Immersive full-bleed hero — image is atmosphere, not a column ─────────── */
/* Taller hero — content sits in the upper half, image fills richly below */
.hl-hero { position: relative; overflow: hidden; min-height: clamp(720px, 96vh, 1040px); display: flex; align-items: flex-start; }
.hl-hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 0; }
/* Veil: dark on the left (copy legibility) → transparent toward the subject */
.hl-hero-veil { position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(105deg, rgba(10,12,18,0.90) 0%, rgba(10,12,18,0.75) 28%, rgba(10,12,18,0.42) 48%, rgba(10,12,18,0.12) 68%, rgba(10,12,18,0.02) 85%); }
/* Content layer — sits near the top, image breathes below */
.hl-hero-inner { position: relative; z-index: 3; width: 100%; max-width: 1320px; margin: 0 auto;
  padding: clamp(44px, 5.5vw, 80px) clamp(28px, 5vw, 72px);
  display: grid; grid-template-columns: 1fr clamp(340px, 32vw, 440px); gap: clamp(40px, 5vw, 80px); align-items: center; }
.hl-hero-copy { display: flex; flex-direction: column; align-items: flex-start; }
.hl-hero-h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(38px, 5vw, 70px); line-height: 1.0; letter-spacing: -0.018em; color: #fff; margin: 0; max-width: 13ch; text-shadow: 0 2px 16px rgba(0,0,0,0.45), 0 1px 3px rgba(0,0,0,0.5); }
.hl-hero-h1 em { font-family: var(--serif); font-style: italic; font-weight: 400; color: var(--yellow); }
.hl-hero-sub { margin: 18px 0 0; font-size: clamp(16px, 1.45vw, 20px); line-height: 1.45; color: rgba(255,255,255,0.90); max-width: 34ch; text-shadow: 0 1px 14px rgba(0,0,0,0.35); }
/* Quiz: frosted glass card — the hero image bleeds through, card feels atmospheric */
.hl-hero-quiz { background: rgba(252,249,244,0.66); backdrop-filter: blur(28px) saturate(150%); border: 1px solid rgba(255,255,255,0.14); border-radius: clamp(16px, 1.8vw, 22px); display: flex; align-items: center; justify-content: center; padding: clamp(28px, 3.5vw, 52px) clamp(24px, 3vw, 44px); box-shadow: 0 4px 28px -6px rgba(8,6,4,0.20); }
.hl-quiz { width: 100%; max-width: 460px; display: flex; flex-direction: column; align-items: center; }

/* 1-2-3 progress pill */
.hl-steps { position: relative; display: flex; width: 200px; background: var(--cream-deep); border-radius: var(--radius-pill); padding: 5px; margin: 0 0 30px; }
.hl-steps-fill { position: absolute; left: 5px; top: 5px; bottom: 5px; background: var(--yellow); border-radius: var(--radius-pill); transition: width .45s var(--ease); }
.hl-step-seg { position: relative; z-index: 1; flex: 1; text-align: center; padding: 7px 0; font-size: 13px; font-weight: 700; color: var(--ink); font-family: var(--mono); }

.hl-q { font-family: var(--sans); font-weight: 600; font-size: clamp(23px, 2.5vw, 33px); line-height: 1.12; letter-spacing: -0.02em; color: var(--ink); text-align: center; margin: 0 0 26px; }
.hl-opts { display: flex; flex-direction: column; gap: 12px; width: 100%; }
.hl-opt { width: 100%; padding: 16px 22px; border-radius: var(--radius-pill); border: 1px solid var(--cream-border); background: var(--paper); font-family: var(--sans); font-size: 16px; font-weight: 600; color: var(--ink); cursor: pointer; transition: all .16s var(--ease); }
.hl-opt:hover { border-color: var(--ink); transform: translateY(-1px); }
.hl-opt.solid { background: var(--yellow); color: var(--ink); border-color: var(--yellow); }
.hl-opt.solid:hover { background: #e7e46a; border-color: #e7e46a; }

.hl-hero-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 15px; border-radius: var(--radius-pill); background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.24); backdrop-filter: blur(6px); font-size: 12.5px; font-weight: 600; color: #fff; margin-bottom: 18px; }
.hl-hero-chip .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0 4px var(--co-accent-soft); flex: none; }

/* multi-select + info inputs inside the assessment overlay */
.hl-opt-check { display: flex; align-items: center; gap: 12px; text-align: left; }
.hl-tick { width: 22px; height: 22px; border-radius: 7px; border: 1.5px solid var(--cream-border); display: grid; place-items: center; flex: none; color: #fff; transition: all .16s var(--ease); }
.hl-opt-check.is-on { border-color: var(--co-gold); background: var(--co-accent-soft); }
.hl-opt-check.is-on .hl-tick { background: var(--ink); border-color: var(--ink); }
.hl-continue { margin-top: 22px; width: 100%; max-width: 460px; justify-content: center; }
.hl-form { width: 100%; max-width: 460px; }

.hl-quiz-note { margin: 26px 0 0; font-size: 12px; line-height: 1.5; color: var(--ink-soft); text-align: center; max-width: 42ch; }
.hl-more { margin-top: 16px; display: inline-flex; align-items: center; gap: 6px; background: none; border: 0; color: var(--ink-soft); font-family: var(--sans); font-size: 14px; font-weight: 600; cursor: pointer; }
.hl-more:hover { color: var(--ink); }

@media (max-width: 900px) {
  /* Stack vertically: image fills top, quiz card appears below */
  .hl-hero { min-height: 0; flex-direction: column; align-items: stretch; }
  .hl-hero-inner { grid-template-columns: 1fr; padding: 0; gap: 0; }
  .hl-hero-copy { padding: clamp(36px, 7vw, 60px) clamp(20px, 5vw, 32px) clamp(36px, 7vw, 60px); min-height: clamp(360px, 50vh, 500px); justify-content: flex-start; }
  /* Mobile veil: dark at top (text), fades downward to show subject */
  .hl-hero-veil { background: linear-gradient(to bottom, rgba(10,12,18,0.82) 0%, rgba(10,12,18,0.52) 45%, rgba(10,12,18,0.08) 100%); }
  /* Quiz below the image on mobile — solid background, no glass (nothing to blur through) */
  .hl-hero-quiz { background: #FAF8F4; backdrop-filter: none; border-radius: 0; box-shadow: none; border: none; border-top: 1px solid rgba(180,165,140,0.28); padding: clamp(28px, 6vw, 44px) clamp(20px, 5vw, 32px); }
}

/* —— full-screen assessment overlay —— */
.hl-overlay { position: fixed; inset: 0; z-index: 200; background: var(--cream); display: flex; flex-direction: column; animation: hlFade .26s var(--ease); }
@keyframes hlFade { from { opacity: 0; } to { opacity: 1; } }
.hl-ov-top { display: flex; align-items: center; gap: 14px; padding: 16px clamp(18px, 4vw, 40px); border-bottom: 1px solid var(--cream-border); }
.hl-ov-bar { flex: 1; height: 6px; border-radius: var(--radius-pill); background: var(--cream-deep); overflow: hidden; }
.hl-ov-bar span { display: block; height: 100%; border-radius: var(--radius-pill); background: var(--yellow); transition: width .4s var(--ease); }
.hl-ov-icon { width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--cream-border); background: var(--paper); display: grid; place-items: center; color: var(--ink); cursor: pointer; flex: none; }
.hl-ov-icon:hover { border-color: var(--ink); }
.hl-ov-icon:disabled { opacity: .35; cursor: default; }
.hl-ov-body { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 28px 24px clamp(40px, 8vh, 96px); overflow-y: auto; }
/* Center short steps, but let tall steps scroll from the TOP — auto margins
   (unlike justify-content:center) never clip the first line under the top bar. */
.hl-ov-body > * { margin-block: auto; width: 100%; }
/* Full-bleed result screen — no padding, children stretch/fill. */
.hl-result-screen { padding: 0 !important; align-items: stretch !important; justify-content: flex-start !important; }
.hl-result-screen > * { margin-block: 0 !important; }
/* Result: full-bleed photo with floating card on the right */
.ty-result  { flex: 1; position: relative; background-size: cover; background-position: center top; display: flex; align-items: center; padding: 52px 40px; gap: 32px; min-height: 100%; background-color: #1a0f05; }
.ty-overlay { position: absolute; inset: 0; background: linear-gradient(105deg, rgba(16,9,4,0.90) 0%, rgba(16,9,4,0.78) 40%, rgba(16,9,4,0.10) 80%, rgba(16,9,4,0) 100%); pointer-events: none; }
.ty-left    { position: relative; z-index: 1; flex: 0 0 42%; display: flex; flex-direction: column; justify-content: center; padding-right: 20px; }
.ty-card    { position: relative; z-index: 1; flex: 1; min-width: 0; background: #fff; border-radius: 20px; padding: 28px 24px; max-height: calc(100vh - 64px); overflow-y: auto; box-shadow: 0 20px 60px rgba(0,0,0,0.26); align-self: center; }
.ty-cal     { flex: 1; background: #faf9f7; display: flex; flex-direction: column; padding: 28px 40px; }
@media (max-width: 740px) {
  .ty-result  { flex-direction: column; padding: 36px 20px; min-height: auto; }
  .ty-left    { min-height: 56vh; flex: none; }
  .ty-card    { flex: none; width: 100%; max-height: none; }
  .ty-cal     { padding: 28px 20px; }
  .ty-overlay { background: linear-gradient(to bottom, rgba(16,9,4,0.84) 0%, rgba(16,9,4,0.46) 100%); }
}
.hl-ov-quiz { width: 100%; max-width: 540px; display: flex; flex-direction: column; align-items: center; margin-inline: auto; }
.hl-ov-kicker { font-family: var(--sans); font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.16em; color: var(--ink-mute); margin-bottom: 16px; }
/* Persistent "free appointment" reminder pill above every assessment step. */
.hl-ov-booking { display: inline-flex; align-items: center; gap: 7px; padding: 7px 14px; border-radius: 999px; background: var(--ui-mint-bg, #E7F2EA); color: var(--ui-mint-ink, #3F7A54); letter-spacing: 0.06em; text-transform: none; font-size: 12px; }
.hl-ov-booking svg { flex: none; }
.hl-ov-q { font-family: var(--sans); font-weight: 600; font-size: clamp(26px, 3.2vw, 40px); line-height: 1.1; letter-spacing: -0.022em; color: var(--ink); text-align: center; margin: 0 0 30px; max-width: 16ch; }

/* booking step reuses the bp-* form atoms; just lay them out centered */
.hl-book { width: 100%; max-width: 460px; text-align: center; }
.hl-book .bp-fields { text-align: left; }
.hl-book-badge { width: 56px; height: 56px; border-radius: 50%; background: var(--ui-mint-bg); color: var(--ui-mint-ink); display: grid; place-items: center; margin: 0 auto 16px; }
.hl-book-success { width: 100%; max-width: 460px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 14px; }
/* —— embedded Calendly on the completion screen —— */
.hl-book-cal { gap: 10px; }
/* Bare sizing container — Calendly renders its own card, so no extra box/padding. */
.hl-cal-embed { width: 100%; margin-top: 4px; }

/* —— aging risk quiz (/quiz/edad-biologica) —— */
.aq-intro { min-height: 100vh; display: flex; flex-direction: column; background: var(--cream); }
.aq-intro-header { padding: 20px clamp(16px, 4vw, 40px); }
.aq-intro-body { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 18px; max-width: 640px; margin: 0 auto; padding: 24px 24px 64px; }
.aq-intro-title { font-family: var(--sans); font-weight: 600; font-size: clamp(32px, 5.5vw, 52px); line-height: 1.08; letter-spacing: -0.02em; color: var(--ink); margin: 6px 0 0; }
.aq-intro-sub { font-size: 17px; line-height: 1.55; color: var(--ink-soft); max-width: 46ch; margin: 0; }
.aq-disclaimer { font-size: 12.5px; line-height: 1.5; color: var(--ink-mute); max-width: 40ch; margin: 18px 0 0; }

.aq-analyzing { flex: 1; width: 100%; max-width: 460px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.aq-spinner { width: 48px; height: 48px; border-radius: 50%; border: 3px solid var(--cream-deep); border-top-color: var(--yellow); animation: aqSpin 0.9s linear infinite; margin-bottom: 22px; }
@keyframes aqSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .aq-spinner { animation-duration: 2.4s; } }

.aq-result { width: 100%; max-width: 1080px; margin: 0 auto; padding: 40px 24px clamp(56px, 8vh, 96px); }
.aq-result-grid { display: grid; grid-template-columns: 1fr; gap: clamp(28px, 4vw, 44px); align-items: start; }
.aq-result-left { display: flex; flex-direction: column; gap: 28px; min-width: 0; }
.aq-result-head { text-align: left; display: flex; flex-direction: column; gap: 14px; }
.aq-result-headline { font-family: var(--sans); font-weight: 600; font-size: clamp(24px, 3vw, 32px); line-height: 1.28; color: var(--ink); max-width: 34ch; margin: 0; }
.aq-factor-grid { display: flex; flex-direction: column; gap: 12px; }
@media (min-width: 900px) {
  .aq-result-grid { grid-template-columns: 1.15fr 0.85fr; }
  .aq-result-right { position: sticky; top: 24px; }
}
.aq-cta-card { background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); box-shadow: var(--shadow-card); padding: clamp(24px, 3vw, 32px); display: flex; flex-direction: column; gap: 16px; }
.aq-cta-title { font-family: var(--sans); font-weight: 600; font-size: clamp(22px, 2.4vw, 27px); line-height: 1.25; color: var(--ink); margin: 0; }
.aq-cta-sub { font-size: 14.5px; line-height: 1.6; color: var(--ink-soft); margin: 0; }
.aq-cta-card .bp-dx-glance { margin: 0; }
.aq-cta-card .btn { width: 100%; justify-content: center; }
.aq-result-note { font-size: 13px; line-height: 1.5; color: var(--ink-mute); margin: 2px 0 0; }
.aq-factor-card { display: flex; gap: 14px; align-items: flex-start; background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-card); padding: 16px 18px; }
.aq-factor-icon { width: 38px; height: 38px; border-radius: 50%; background: var(--cream); color: var(--ink); display: grid; place-items: center; flex: none; }
.aq-factor-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.aq-factor-label { font-weight: 600; font-size: 15px; color: var(--ink); }
.aq-factor-status { font-size: 11px; font-weight: 700; letter-spacing: 0.04em; padding: 4px 10px; border-radius: 999px; white-space: nowrap; }
.aq-factor-note { font-size: 13.5px; line-height: 1.5; color: var(--ink-soft); margin: 6px 0 0; }
.aq-insights { background: var(--cream); border: 1px solid var(--cream-border); border-radius: var(--radius-card); padding: 18px 20px; }
.aq-insights-kicker { display: block; font-family: var(--sans); font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-mute); margin-bottom: 10px; }
.aq-insights-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.aq-insights-list li { font-size: 14px; line-height: 1.55; color: var(--ink-soft); padding-left: 18px; position: relative; }
.aq-insights-list li::before { content: ''; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--yellow); }

/* —— /vsl/programas (FrenosQuizPage) —— */
.fq-intro { display: flex; flex-direction: column; background: var(--cream); }
/* Full-bleed photographic hero — same bg/veil/logo-watermark mechanic as hl-hero,
   but single-column (no floating quiz card) since the quiz lives behind the CTA. */
.fq-hero { position: relative; overflow: hidden; min-height: clamp(640px, 92vh, 960px); display: flex; flex-direction: column; }
.fq-hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 0; }
.fq-hero-veil { position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, rgba(10,12,18,0.68) 0%, rgba(10,12,18,0.48) 34%, rgba(10,12,18,0.54) 62%, rgba(10,12,18,0.86) 100%); }
.fq-hero-header { position: relative; z-index: 3; padding: 20px clamp(16px, 4vw, 40px); }
.fq-hero-inner { position: relative; z-index: 3; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 18px; max-width: 680px; margin: 0 auto; padding: 24px 24px clamp(56px, 9vh, 96px); }
.fq-hero-h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(36px, 5.5vw, 64px); line-height: 1.04; letter-spacing: -0.018em; color: #fff; margin: 0; text-shadow: 0 2px 16px rgba(0,0,0,0.55), 0 1px 4px rgba(0,0,0,0.6); text-wrap: balance; }
.fq-hero-sub { font-size: clamp(18px, 2vw, 23px); line-height: 1.5; color: rgba(255,255,255,0.94); max-width: 46ch; text-shadow: 0 1px 14px rgba(0,0,0,0.4); margin: 0; }
/* The shared .btn-primary (dark bg) disappears against this dark photo —
   white stands out here; the second CTA below (.fq-intro-cta2, cream bg)
   keeps the normal dark button since it already has contrast there. */
.fq-hero-inner .btn-primary { background: #fff; color: var(--ink); }
.fq-intro-cta2 { display: flex; justify-content: center; padding: 8px 24px 72px; background: var(--cream); }
.fq-analyzing { flex: 1; width: 100%; max-width: 460px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 80px 24px; }
.fq-vsl { width: 100%; max-width: 720px; margin: 0 auto; padding: 8px 4px clamp(56px, 8vh, 96px); }
.fq-urgency { display: flex; width: -moz-fit-content; width: fit-content; align-items: center; gap: 8px; background: var(--ui-peach-bg); color: var(--ui-peach-ink); padding: 8px 16px; border-radius: var(--radius-pill); font-size: 13px; font-weight: 700; margin: 0 auto 28px; text-align: center; }
.fq-urgency .clock { font-variant-numeric: tabular-nums; }
.fq-vsl-head { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 28px; }
/* Bigger than the shared .bp-quiz-lede default — this is the CTA pointing at
   the video, it needs to read clearly, not blend in as fine print. */
.fq-vsl-head .bp-quiz-lede { font-size: 17px; font-weight: 600; color: var(--ink); }
.fq-video { position: relative; aspect-ratio: 16 / 9; background: var(--ink); border-radius: var(--radius-frame); display: flex; align-items: center; justify-content: center; overflow: hidden; margin-bottom: 10px; }
.fq-play { width: 60px; height: 60px; border-radius: 50%; background: var(--yellow); display: flex; align-items: center; justify-content: center; }
.fq-play::after { content: ''; border-style: solid; border-width: 10px 0 10px 16px; border-color: transparent transparent transparent var(--ink); margin-left: 3px; }
.fq-video-caption { text-align: center; font-size: 12.5px; color: var(--ink-mute); font-style: italic; margin: 0 0 36px; }
.fq-booking { text-align: center; margin-bottom: 8px; }
.fq-booking .bp-quiz-lede { font-size: 18px; font-weight: 700; color: var(--ink); }
.fq-prequal { margin-top: 56px; background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); box-shadow: var(--shadow-card); padding: clamp(28px, 4vw, 40px); }
.fq-prequal h3 { font-family: var(--sans); font-weight: 600; font-size: clamp(21px, 2.6vw, 26px); color: var(--ink); margin: 14px 0 18px; max-width: 24ch; }
.fq-prequal p { color: var(--ink-soft); font-size: 15px; line-height: 1.7; margin: 0 0 14px; }
.fq-no-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 22px; }
.fq-no-chip { font-size: 12.5px; font-weight: 600; color: var(--ink-mute); background: var(--cream); border: 1px solid var(--cream-border); border-radius: 999px; padding: 6px 12px; }
.fq-postagenda { width: 100%; max-width: 720px; margin: 0 auto; padding: 8px 4px clamp(56px, 8vh, 96px); }
.fq-important { display: inline-flex; align-items: center; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ui-sand-ink); background: var(--ui-sand-bg); border-radius: var(--radius-pill); padding: 6px 14px; }
.fq-postagenda-list { margin-top: 32px; }
.fq-pending { color: var(--ui-peach-ink); font-weight: 700; }

/* Booking widget + objection FAQ side by side, so nobody is stuck looking at
   GHL's own "meeting scheduled" confirmation with no way to keep reading.
   Stacks on mobile — a 2-column grid makes no sense under ~760px. */
.fq-booking-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 4vw, 56px); align-items: start; max-width: 1200px; margin: 0 auto; }
.fq-booking-col { min-width: 0; }
.fq-booking-col-faq .fq-postagenda { max-width: none; margin: 0; padding: 0; }
.fq-booking-col-faq .fq-postagenda-list { max-height: 640px; overflow-y: auto; padding-right: 8px; }
@media (max-width: 900px) {
  .fq-booking-split { grid-template-columns: 1fr; }
  .fq-booking-col-faq .fq-postagenda-list { max-height: none; overflow-y: visible; padding-right: 0; }
}

/* —— /whitepaper/perfil-lipidico (WhitepaperLipidosPage) —— */
.wp-page { background: var(--cream); min-height: 100vh; }
.wp-topbar { padding: 20px clamp(16px, 4vw, 40px); }
.wp-hero { width: 100%; max-width: 680px; margin: 0 auto; padding: 8px 24px clamp(48px, 8vh, 88px); text-align: center; display: flex; flex-direction: column; align-items: center; }
.wp-h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(22px, 2.6vw, 30px); line-height: 1.2; letter-spacing: -0.01em; color: var(--ink); margin: 16px 0 0; text-wrap: balance; }
.wp-teaser { font-size: 14.5px; line-height: 1.65; color: var(--ink-soft); max-width: 56ch; margin: 18px 0 0; }
.wp-stat-strip { display: flex; gap: clamp(20px, 4vw, 40px); margin: 32px 0 8px; flex-wrap: wrap; justify-content: center; }
.wp-stat { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.wp-stat-num { font-family: var(--serif); font-size: clamp(22px, 3vw, 28px); font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
.wp-stat-label { font-size: 12px; color: var(--ink-mute); font-weight: 600; }

/* Two-column pre-gate hero: mockup + form card on the left, marketing copy
   on the right (matches the reference lead-magnet layout). */
/* Named grid areas (not just two columns) so the heading can sit above the
   mockup card on mobile while staying beside it on desktop — without
   duplicating any content. */
.wp-hero2 {
  width: 100%; max-width: 1080px; margin: 0 auto; padding: 8px 24px clamp(48px, 8vh, 88px);
  display: grid; gap: clamp(20px, 4vw, 64px); align-items: start;
  grid-template-columns: 340px 1fr;
  grid-template-areas: "card heading" "card teaser" "card discover" "card closing";
}
@media (max-width: 860px) {
  /* Tighter rhythm on mobile — the desktop gap (up to 64px) reads as huge
     dead air once everything stacks into one column of short text blocks. */
  .wp-hero2 { grid-template-columns: 1fr; grid-template-areas: "heading" "card" "teaser" "discover" "closing"; gap: 20px; }
}
.wp-hero2-left { grid-area: card; background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); box-shadow: var(--shadow-card); padding: 20px; display: flex; flex-direction: column; gap: 20px; }
.wp-hero2-heading { grid-area: heading; text-align: left; align-self: end; }
.wp-hero-intro-mobile { display: none; }
@media (max-width: 860px) {
  .wp-hero-intro-mobile { display: block; font-size: 14.5px; line-height: 1.55; color: var(--ink-soft); margin: 10px 0 0; }
}
.wp-hero2-teaser { grid-area: teaser; text-align: left; }
.wp-hero2-discover { grid-area: discover; text-align: left; }
.wp-hero2-closing { grid-area: closing; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; text-align: left; }

.wp-mock { position: relative; height: 248px; border-radius: 16px; background: linear-gradient(160deg, var(--ink) 0%, var(--ink-soft) 100%); overflow: hidden; }
.wp-mock-page { position: absolute; width: 140px; aspect-ratio: 3 / 4; border-radius: 8px; background: var(--paper); box-shadow: 0 14px 28px -8px rgba(0,0,0,0.45); left: 50%; }
.wp-mock-page-3 { bottom: 16px; transform: translateX(-50%) rotate(-10deg); opacity: 0.45; }
.wp-mock-page-2 { bottom: 22px; transform: translateX(-50%) rotate(5deg); opacity: 0.75; }
.wp-mock-page-1 { bottom: 28px; transform: translateX(-50%) rotate(-2deg); display: flex; flex-direction: column; padding: 20px 16px 16px; gap: 10px; }
.wp-mock-eyebrow { font-size: 7px; font-weight: 800; letter-spacing: 0.14em; color: var(--ink-mute); margin: 0; }
.wp-mock-stat { font-family: var(--serif); font-size: 26px; font-weight: 600; color: var(--blue); line-height: 1; margin: 0; }
.wp-mock-caption { font-size: 8.5px; line-height: 1.4; color: var(--ink-soft); max-width: 100px; margin: 0; }
.wp-mock-avatar { width: 34px; height: 34px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-top: auto; border: 2px solid var(--paper); box-shadow: 0 2px 6px rgba(0,0,0,0.2); }

.wp-badge { display: inline-flex; font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; background: var(--cream-deep); color: var(--ink-mute); border-radius: 6px; padding: 6px 12px; }
.wp-highlight { color: var(--blue); font-weight: 700; }
.wp-discover-label { font-weight: 700; color: var(--ink); font-size: 15px; margin-bottom: 2px; }
.wp-discover ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.wp-discover li { font-size: 14.5px; line-height: 1.6; color: var(--ink-soft); padding-left: 18px; position: relative; }
.wp-discover li::before { content: ''; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--blue); }
.wp-discover li b { color: var(--blue); font-weight: 700; }
.wp-closing { font-weight: 700; color: var(--ink); font-size: 15.5px; margin: 0; }
.wp-share { display: flex; align-items: center; gap: 14px; margin-top: 4px; }
.wp-share-label { font-size: 13px; color: var(--ink-mute); font-weight: 600; }
.wp-share-icons { display: flex; gap: 10px; }
.wp-share-icon { width: 32px; height: 32px; border-radius: 50%; background: var(--ink); color: var(--cream); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; border: none; cursor: pointer; padding: 0; transition: transform 0.15s var(--ease); }
.wp-share-icon:hover { transform: translateY(-1px); }

.wp-gate-form { width: 100%; display: flex; flex-direction: column; gap: 10px; }
.wp-gate-form-label { font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-mute); margin-bottom: 4px; }
.wp-input-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.wp-field { display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--ink-soft); }
.wp-phone-row { display: grid; grid-template-columns: 92px 1fr; gap: 8px; }
.wp-input-prefix { text-align: center; padding-left: 6px; padding-right: 6px; cursor: pointer; }
.wp-required { color: var(--ui-peach-ink); margin-left: 2px; }
.wp-input { width: 100%; min-width: 0; border: 1px solid var(--cream-border); background: var(--cream); border-radius: var(--radius-card); padding: 13px 16px; font-family: var(--sans); font-size: 15px; color: var(--ink); }
.wp-input:focus { outline: 2px solid var(--ink); outline-offset: 1px; }
.wp-gate-note { font-size: 12.5px; color: var(--ink-mute); line-height: 1.5; margin: 2px 0 0; }
.wp-gate-note a { color: var(--ink); text-decoration: underline; }
.wp-gate-error { font-size: 13px; color: var(--ui-peach-ink); }
.wp-input-invalid { border-color: var(--ui-peach-ink) !important; }
.wp-field-error { font-size: 12px; font-weight: 600; color: var(--ui-peach-ink); }

.wp-article { width: 100%; max-width: 680px; margin: 0 auto; padding: 0 24px clamp(64px, 9vh, 120px); animation: fadeUp .4s var(--ease); }
.wp-section { margin: 0 0 40px; }
.wp-h2 { font-family: var(--serif); font-weight: 500; font-size: clamp(22px, 2.8vw, 27px); color: var(--ink); margin: 0 0 16px; }
.wp-h3 { font-family: var(--sans); font-weight: 700; font-size: 17px; color: var(--ink); margin: 10px 0 14px; }
.wp-p { font-size: 15.5px; line-height: 1.75; color: var(--ink-soft); margin: 0 0 16px; max-width: 68ch; }
.wp-p b { color: var(--ink); font-weight: 700; }

.wp-callout { background: var(--ui-mint-bg); border-radius: var(--radius-frame); padding: 28px clamp(20px, 3vw, 32px); margin: 0 0 40px; }
.wp-list { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 12px; }
.wp-list li { font-size: 15px; line-height: 1.65; color: var(--ink-soft); }

.wp-table-wrap { overflow-x: auto; margin: 4px 0 28px; }
.wp-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.wp-table caption { text-align: left; font-size: 12.5px; font-weight: 700; color: var(--ink-mute); margin-bottom: 10px; caption-side: top; }
.wp-table th, .wp-table td { text-align: left; padding: 10px 14px; border-bottom: 1px solid var(--cream-border); color: var(--ink-soft); }
.wp-table th { color: var(--ink); font-weight: 700; font-size: 12.5px; text-transform: uppercase; letter-spacing: 0.04em; }
.wp-table-nums td:not(:first-child), .wp-table-nums th:not(:first-child) { font-variant-numeric: tabular-nums; text-align: right; }

.wp-chart { margin: 0 0 32px; }
.wp-chart-caption { font-size: 12.5px; font-weight: 700; color: var(--ink-mute); margin-bottom: 14px; }
.wp-bar-row { display: grid; grid-template-columns: minmax(120px, 0.85fr) 2fr 52px; align-items: center; gap: 12px; margin-bottom: 10px; }
.wp-bar-label { font-size: 13px; color: var(--ink-soft); }
.wp-bar-track { height: 26px; background: var(--cream-deep); border-radius: var(--radius-pill); overflow: hidden; }
.wp-bar-fill { height: 100%; background: var(--blue); border-radius: var(--radius-pill); transition: filter 0.15s var(--ease); }
.wp-bar-track:hover .wp-bar-fill { filter: brightness(0.9); }
.wp-bar-value { font-size: 13px; font-weight: 700; color: var(--ink); text-align: right; font-variant-numeric: tabular-nums; }

.wp-refs { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 10px; }
.wp-refs li { font-size: 12.5px; line-height: 1.6; color: var(--ink-mute); }

.wp-authors { width: 100%; padding: clamp(32px, 5vh, 56px) 0 clamp(24px, 4vh, 48px); }
.wp-doctor-media { position: relative; }
.wp-doctor-badge { position: absolute; top: 16px; left: 16px; z-index: 2; display: inline-flex; align-items: center; gap: 8px; background: rgba(29,29,31,0.85); backdrop-filter: blur(4px); color: var(--cream); font-size: 10.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; border-radius: var(--radius-pill); padding: 7px 14px; max-width: calc(100% - 32px); }
.wp-doctor-badge .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--yellow); flex-shrink: 0; }
.wp-linkedin { display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; font-size: 13px; font-weight: 700; color: var(--blue); }
.wp-linkedin:hover { text-decoration: underline; }
.wp-contributors { width: 100%; max-width: 680px; margin: 0 auto; padding: 0 32px; }
.wp-contributors-label { font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-mute); margin-bottom: 12px; }
.wp-contributor { font-size: 13.5px; color: var(--ink-soft); line-height: 1.6; margin: 0 0 6px; }
.wp-contributor b { color: var(--ink); }

/* —— benefit checklist section —— */
.hl-benefits { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 72px); align-items: center; }
.hl-benefits.solo { grid-template-columns: 1fr; max-width: 720px; margin: 0 auto; text-align: center; }
.hl-benefits-media { position: relative; border-radius: var(--radius-frame); overflow: hidden; box-shadow: var(--shadow-card); aspect-ratio: 0.92; }
.hl-benefits-media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.hl-benefits-pills { position: absolute; left: 18px; top: 18px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.hl-pill { display: inline-flex; align-items: center; gap: 9px; padding: 10px 16px; border-radius: var(--radius-pill); background: rgba(252,251,246,0.82); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.5); font-size: 14px; font-weight: 600; color: var(--ink); box-shadow: 0 10px 24px -16px rgba(24,24,45,0.4); }
.hl-pill span { width: 22px; height: 22px; border-radius: 50%; background: var(--yellow); display: grid; place-items: center; color: var(--ink); flex: none; }
.hl-benefit-list { display: flex; flex-direction: column; gap: 12px; margin: 26px 0 30px; }
.hl-benefit-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; border-radius: var(--radius-card); background: var(--co-fill); border: 1px solid var(--cream-border); font-size: 16px; font-weight: 600; color: var(--ink); }
.hl-benefit-row .ic { color: var(--ui-mint-ink); flex: none; }
.hl-benefits.solo .hl-benefit-list { max-width: 520px; margin-inline: auto; }

@media (max-width: 900px) {
  .hl-benefits { grid-template-columns: 1fr; }
  .hl-benefits-media { aspect-ratio: 1.3; max-height: 420px; }
}

/* ===== /co/para-empresas (B2B corporate page) ===== */
.field { width: 100%; height: 50px; padding: 0 16px; border-radius: var(--r-lg, 12px); border: 1px solid var(--cream-border); background: var(--paper); color: var(--ink); font-family: var(--sans); font-size: 15px; transition: border-color 0.18s var(--ease), box-shadow 0.18s var(--ease); }
.field:focus { outline: none; border-color: var(--co-gold); box-shadow: 0 0 0 3px var(--co-accent-soft); }
.field::-moz-placeholder { color: var(--co-ink-faint, #A1A1A6); }
.field::placeholder { color: var(--co-ink-faint, #A1A1A6); }

.co-emp-why { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: clamp(36px, 5vw, 72px); align-items: center; }
.co-emp-stat { background: var(--co-accent-soft); border-radius: var(--r-2xl, 22px); padding: clamp(28px, 4vw, 44px); }
.co-emp-stat-num { font-family: var(--serif); font-weight: 400; font-size: clamp(48px, 7vw, 84px); line-height: 1; color: var(--co-gold); letter-spacing: -0.02em; }
.co-emp-stat-note { margin-top: 18px; font-size: clamp(15px, 1.4vw, 17px); line-height: 1.55; color: var(--ink-soft); max-width: 22ch; }

.co-emp-cards { margin-top: clamp(40px, 6vh, 64px); display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.co-emp-card { background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--r-xl, 16px); padding: 26px; height: 100%; }
.co-emp-card-icn { width: 46px; height: 46px; border-radius: 13px; background: var(--co-accent-soft); display: grid; place-items: center; }
.co-emp-card-title { font-family: var(--sans); font-weight: 600; font-size: 19px; color: var(--ink); margin-top: 18px; letter-spacing: -0.01em; }
.co-emp-card-body { margin-top: 10px; font-size: 14.5px; line-height: 1.55; color: var(--ink-soft); }

.co-emp-cols { margin-top: clamp(40px, 6vh, 64px); display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(24px, 3vw, 44px); }
.co-emp-col-icn { display: inline-grid; place-items: center; color: var(--co-gold-ink); margin-bottom: 16px; }
.co-emp-col-title { font-family: var(--sans); font-weight: 600; font-size: 18px; color: var(--ink); letter-spacing: -0.01em; }
.co-emp-col-body { margin-top: 10px; font-size: 14.5px; line-height: 1.55; color: var(--ink-soft); }

.co-emp-form-band { position: relative; border-radius: clamp(20px, 3vw, 28px); overflow: hidden; padding: clamp(36px, 5vw, 72px); }
.co-emp-form-img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.co-emp-form-veil { position: absolute; inset: 0; background: linear-gradient(115deg, rgba(20,16,10,.82) 30%, rgba(20,16,10,.45)); }
.co-emp-form-inner { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 72px); align-items: center; }
.co-emp-card-form { background: var(--paper); border-radius: var(--r-2xl, 22px); padding: clamp(24px, 3vw, 36px); box-shadow: 0 30px 70px -30px rgba(20,16,10,.5); }
.co-emp-progress { height: 4px; border-radius: 4px; background: var(--cream-deep); overflow: hidden; margin-bottom: 26px; }
.co-emp-progress span { display: block; height: 100%; background: var(--co-gold); border-radius: 4px; transition: width 0.35s var(--ease); }
.co-emp-form-q { font-family: var(--sans); font-weight: 600; font-size: 18px; color: var(--ink); letter-spacing: -0.01em; }
.co-emp-opts { display: grid; gap: 10px; margin-top: 18px; }
.co-emp-opt { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; padding: 15px 16px; border-radius: var(--r-lg, 12px); border: 1px solid var(--cream-border); background: var(--paper); font-size: 15px; color: var(--ink); cursor: pointer; transition: border-color 0.18s, background 0.18s; }
.co-emp-opt:hover { border-color: #d8cdb6; }
.co-emp-opt.is-sel { border-color: var(--co-gold); background: var(--co-accent-soft); }
.co-emp-radio { width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid var(--ink-mute); flex: none; transition: border-color 0.18s; }
.co-emp-opt.is-sel .co-emp-radio { border-color: var(--co-gold); border-width: 5px; }
.co-emp-form-nav { display: flex; gap: 12px; margin-top: 24px; }
.co-emp-check { width: 56px; height: 56px; border-radius: 50%; background: var(--co-accent-soft); color: var(--co-gold-ink); display: grid; place-items: center; margin: 0 auto; }

@media (max-width: 980px) {
  .co-emp-why { grid-template-columns: 1fr; }
  .co-emp-cards { grid-template-columns: repeat(2, 1fr); }
  .co-emp-cols { grid-template-columns: repeat(2, 1fr); }
  .co-emp-form-inner { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .co-emp-cards { grid-template-columns: 1fr; }
  .co-emp-cols { grid-template-columns: 1fr; }
}

/* ============================================================
   Flagship program pages (bp-pg-*) — /co/perdida-de-peso, /menopausia, /testosterona
   ============================================================ */

/* sticky program CTA bar */
.bp-pg-stickybar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 70; background: rgba(252,251,246,0.92); backdrop-filter: blur(18px) saturate(180%); -webkit-backdrop-filter: blur(18px) saturate(180%); border-top: 1px solid var(--cream-border); box-shadow: 0 -8px 24px -18px rgba(24,24,45,0.28); transform: translateY(100%); transition: transform .3s var(--ease); }
.bp-pg-stickybar.is-show { transform: none; }
.bp-pg-stickybar-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 64px; }
.bp-pg-stickybar-title { font-family: var(--sans); font-size: 16px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); }

/* hero — full-bleed image, content panel right */
.bp-pg-hero { position: relative; min-height: clamp(620px, 92vh, 900px); display: flex; align-items: center; overflow: hidden; }
.bp-pg-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 30%; object-position: 50% 30%; }
.bp-pg-hero-veil { position: absolute; inset: 0; background: linear-gradient(105deg, rgba(15,14,12,.18) 0%, rgba(15,14,12,.32) 42%, rgba(15,14,12,.62) 100%); }
.bp-pg-hero-inner { position: relative; width: 100%; display: flex; justify-content: flex-end; }
.bp-pg-hero-body { width: min(520px, 100%); }
.bp-pg-hero-eye { font-family: var(--sans); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.16em; color: rgba(255,255,255,.78); }
.bp-pg-hero-h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(40px, 5.2vw, 68px); line-height: 1.02; letter-spacing: -0.018em; color: #fff; margin: 14px 0 0; }
.bp-pg-hero-sub { color: rgba(255,255,255,.9); font-size: clamp(15px, 1.5vw, 18px); line-height: 1.55; margin: 18px 0 26px; max-width: 42ch; }
.bp-pg-incl { margin-top: 26px; border-radius: var(--radius-frame); padding: 20px 22px; }
.bp-pg-incl-h { font-size: 13px; font-weight: 700; color: var(--ink); padding-bottom: 12px; margin-bottom: 4px; border-bottom: 1px solid rgba(20, 20, 35,0.12); }
.bp-pg-incl ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.bp-pg-incl li { display: flex; align-items: center; gap: 12px; padding: 9px 0; font-size: 14.5px; font-weight: 500; color: var(--ink); }
.bp-pg-incl-icn { color: var(--ink); display: grid; place-items: center; width: 22px; flex: none; }

/* why — benefit cards + tall feature image */
.bp-pg-why { display: grid; grid-template-columns: 1.5fr 1fr; gap: clamp(20px, 3vw, 40px); margin-top: clamp(40px, 6vh, 60px); align-items: stretch; }
.bp-pg-why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.bp-pg-why-card { background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); padding: 28px 26px; height: 100%; display: flex; flex-direction: column; }
.bp-pg-why-icn { width: 48px; height: 48px; border-radius: 13px; background: var(--co-accent-soft); color: var(--co-gold-ink); display: grid; place-items: center; }
.bp-pg-why-title { font-family: var(--sans); font-size: clamp(20px, 2vw, 25px); font-weight: 600; letter-spacing: -0.012em; color: var(--ink); margin: 18px 0 8px; }
.bp-pg-why-body { font-size: 14.5px; line-height: 1.55; color: var(--ink-soft); margin: 0; }
.bp-pg-why-src { display: flex; gap: 8px; align-items: flex-start; margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--cream-border); font-size: 12.5px; line-height: 1.5; color: var(--ink-mute); }
.bp-pg-why-src svg { flex: none; margin-top: 1px; }
.bp-pg-why-media { border-radius: var(--radius-frame); overflow: hidden; box-shadow: var(--shadow-card); min-height: 280px; }
.bp-pg-why-media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

/* packages table */
.bp-pg-table { margin-top: clamp(36px, 5vh, 52px); background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); box-shadow: var(--shadow-card); overflow: hidden; }
.bp-pg-trow { display: grid; grid-template-columns: 1.7fr 1fr 1fr; align-items: center; padding: 0 clamp(16px, 2.4vw, 30px); border-bottom: 1px solid var(--cream-border); }
.bp-pg-trow:last-child { border-bottom: 0; }
.bp-pg-thead { padding-top: 8px; padding-bottom: 8px; }
.bp-pg-tlabel { font-size: 14.5px; font-weight: 500; color: var(--ink); padding: 16px 14px 16px 0; }
.bp-pg-thead .bp-pg-tlabel { padding: 0; }
.bp-pg-tier { text-align: center; padding: 18px 6px; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.bp-pg-tier-name { font-family: var(--sans); font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--ink); }
.bp-pg-tier-badge { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--co-gold-ink); background: var(--co-accent-soft); padding: 3px 10px; border-radius: var(--radius-pill); }
.bp-pg-tcell { text-align: center; padding: 14px 6px; font-size: 14px; font-weight: 500; color: var(--ink); }
.bp-pg-tick { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid var(--co-gold); color: var(--co-gold-ink); }
.bp-pg-dash { color: var(--co-ink-faint); }
.bp-pg-cellv { color: var(--ink-soft); }
.bp-pg-tprice { background: var(--cream); }
.bp-pg-tprice .bp-pg-tlabel { font-weight: 700; }
.bp-pg-tprice .bp-pg-tcell { font-size: 16px; font-weight: 700; color: var(--ink); }
.bp-pg-pkg-foot { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-top: 26px; }
.bp-pg-note { font-size: 12.5px; line-height: 1.55; color: var(--ink-mute); max-width: 640px; margin: 0; }

/* extra treatments — centered */
.bp-pg-extra { text-align: center; max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.bp-pg-extra-lede { font-size: 16px; font-weight: 600; color: var(--ink-soft); line-height: 1.5; margin: 28px auto 0; max-width: 30ch; }
.bp-pg-extra-items { display: flex; flex-direction: column; gap: 14px; margin-top: 22px; }
.bp-pg-extra-item { font-size: 16px; color: var(--ink-soft); }

/* process — phase bar + schedule */
.bp-pg-phasebar { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: clamp(36px, 5vh, 52px); border-radius: var(--radius-card); overflow: hidden; border: 1px solid var(--cream-border); }
.bp-pg-phase { padding: 18px 20px; display: flex; flex-direction: column; gap: 3px; text-align: center; }
.bp-pg-phase-0 { background: #F3ECDB; }
.bp-pg-phase-1 { background: var(--cream-deep); }
.bp-pg-phase-2 { background: #F6F1E5; }
.bp-pg-phase-dur { font-size: 14px; font-weight: 700; color: var(--ink); }
.bp-pg-phase-lbl { font-size: 13px; color: var(--ink-mute); }
.bp-pg-sched { margin-top: 26px; background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); box-shadow: var(--shadow-card); overflow: hidden; }
.bp-pg-sched-row { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(20px, 4vw, 56px); padding: clamp(24px, 3vw, 34px) clamp(20px, 3vw, 40px); border-bottom: 1px solid var(--cream-border); }
.bp-pg-sched-row:last-child { border-bottom: 0; }
.bp-pg-sched-when { font-family: var(--serif); font-size: clamp(24px, 2.6vw, 34px); font-weight: 400; letter-spacing: -0.01em; color: var(--ink); }
.bp-pg-sched-head { display: flex; align-items: center; gap: 11px; font-family: var(--sans); font-size: 17px; font-weight: 700; color: var(--ink); margin-bottom: 14px; }
.bp-pg-sched-icn { color: var(--ink); display: grid; place-items: center; }
.bp-pg-sched-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.bp-pg-sched-list li { position: relative; padding-left: 18px; font-size: 14.5px; line-height: 1.5; color: var(--ink-soft); }
.bp-pg-sched-list li::before { content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--co-gold); }

/* bento */
.bp-pg-bento { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 1fr; gap: 4px; margin-top: clamp(40px, 6vh, 56px); border-radius: var(--radius-frame); overflow: hidden; }
.bp-pg-tile { position: relative; aspect-ratio: 1; overflow: hidden; }
.bp-pg-tile.is-img img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: transform .4s var(--ease); }
.bp-pg-tile.is-img:hover img { transform: scale(1.04); }
.bp-pg-tile.is-text { background: var(--cream-deep); display: flex; align-items: center; padding: clamp(20px, 2.4vw, 30px); }
.bp-pg-tile.is-text p { font-family: var(--sans); font-size: clamp(15px, 1.4vw, 18px); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: var(--ink); margin: 0; }

@media (max-width: 980px) {
  .bp-pg-hero-inner { justify-content: flex-start; }
  .bp-pg-why { grid-template-columns: 1fr; }
  .bp-pg-why-media { min-height: 280px; max-height: 380px; }
  .bp-pg-bento { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
  .bp-pg-why-grid { grid-template-columns: 1fr; }
  .bp-pg-table { font-size: 13px; }
  .bp-pg-trow { grid-template-columns: 1.4fr 0.8fr 0.8fr; padding-inline: 14px; }
  .bp-pg-tlabel { font-size: 13px; }
  .bp-pg-sched-row { grid-template-columns: 1fr; gap: 12px; }
  .bp-pg-phase { padding: 14px 10px; }
  .bp-pg-phase-dur { font-size: 12.5px; }
  .bp-pg-phase-lbl { font-size: 11.5px; }
}

.co-grid-pill { position: absolute; top: 16px; left: 16px; z-index: 2; background: var(--co-accent-soft); color: var(--co-gold-ink); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; padding: 6px 12px; border-radius: var(--r-full, 999px); }

/* ===== /co/consulta (initial consultation product page) ===== */
.co-cons-hero { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 64px); align-items: start; }
.co-cons-img { border-radius: var(--r-2xl, 22px); overflow: hidden; aspect-ratio: 4/4.4; box-shadow: 0 6px 24px -10px rgba(20, 20, 35,.18); }
.co-cons-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.co-cons-badge { display: inline-flex; align-items: center; height: 30px; padding: 0 13px; border-radius: var(--r-full, 999px); background: #e8f4ec; color: #2f7a4c; font-size: 12.5px; font-weight: 600; }
.co-cons-meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 16px; padding-bottom: 18px; border-bottom: 1px solid var(--cream-border); flex-wrap: wrap; }
.co-cons-price { font-size: 20px; font-weight: 600; color: var(--ink); }
.co-cons-loc { display: inline-flex; align-items: center; gap: 6px; font-size: 14.5px; font-weight: 500; color: var(--blue); }
.co-cons-acc { margin-top: 8px; }
.co-cons-acc-item { border-top: 1px solid var(--cream-border); }
.co-cons-acc-item:last-child { border-bottom: 1px solid var(--cream-border); }
.co-cons-acc-q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 2px; background: none; border: 0; cursor: pointer; text-align: left; font-family: var(--serif); font-weight: 400; font-size: clamp(19px, 2vw, 23px); color: var(--ink); }
.co-cons-acc-icn { flex: none; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--cream-border); display: grid; place-items: center; color: var(--ink); }
.co-cons-acc-a { padding: 0 60px 24px 2px; color: var(--ink-soft); font-size: 16px; line-height: 1.6; max-width: 600px; }

.co-cons-areas { margin-top: clamp(36px, 5vh, 56px); display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.co-cons-area { position: relative; display: block; border-radius: var(--r-xl, 16px); overflow: hidden; aspect-ratio: 1.7; box-shadow: 0 6px 24px -12px rgba(20, 20, 35,.18); transition: transform 0.3s var(--ease), box-shadow 0.3s; }
.co-cons-area:hover { transform: translateY(-3px); box-shadow: 0 22px 44px -22px rgba(20, 20, 35,.3); }
.co-cons-area img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.co-cons-area-veil { position: absolute; inset: 0; background: linear-gradient(120deg, rgba(15,14,12,.55) 10%, rgba(15,14,12,.15) 70%); }
.co-cons-area-title { position: absolute; left: 22px; bottom: 22px; right: 60px; color: #fff; font-family: var(--sans); font-weight: 600; font-size: clamp(17px, 1.6vw, 20px); line-height: 1.2; letter-spacing: -0.01em; }
.co-cons-area-arrow { position: absolute; right: 18px; bottom: 18px; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.92); color: var(--ink); display: grid; place-items: center; }

@media (max-width: 900px) {
  .co-cons-hero { grid-template-columns: 1fr; gap: 26px; }
  .co-cons-img { aspect-ratio: 16/11; max-height: 54vh; }
  .co-cons-areas { grid-template-columns: 1fr 1fr; }
  .co-cons-acc-a { padding-right: 8px; }
}
@media (max-width: 560px) {
  .co-cons-areas { grid-template-columns: 1fr; max-width: 460px; margin-inline: auto; }
  .co-cons-acc-q { font-size: 18px; padding: 18px 2px; }
}

/* ============================================================
   Examen de salud product page (bp-dx-*) — /co/examen-de-salud
   ============================================================ */

/* product hero */
.bp-dx-hero-wrap { padding-top: clamp(40px, 5vh, 64px); }
.bp-dx-hero { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(32px, 4vw, 64px); align-items: start; }
.bp-dx-card { position: relative; border-radius: clamp(20px, 2.4vw, 28px); overflow: hidden; aspect-ratio: 0.92; box-shadow: var(--shadow-card); position: sticky; top: 96px; }
.bp-dx-card img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.bp-dx-card-veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,14,12,.04) 40%, rgba(15,14,12,.5) 100%); }
.bp-dx-card-body { position: absolute; inset: 0; padding: clamp(24px, 3vw, 40px); display: flex; flex-direction: column; justify-content: flex-end; }
.bp-dx-card-title { font-family: var(--sans); font-weight: 700; font-size: clamp(26px, 3vw, 40px); line-height: 1.04; letter-spacing: -0.02em; color: #fff; margin: 0; max-width: 10ch; }
.bp-dx-card-chips { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 18px; }
.bp-dx-card-chip { display: inline-flex; align-items: center; gap: 7px; color: #fff; font-size: 14.5px; font-weight: 500; }
.bp-dx-card-chip svg { opacity: .92; }

.bp-dx-info { min-width: 0; }
.bp-dx-badge { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--co-gold-ink); }
.bp-dx-name { font-family: var(--serif); font-weight: 500; font-size: clamp(38px, 4.4vw, 58px); line-height: 1.0; letter-spacing: -0.018em; color: var(--ink); margin: 8px 0 0; }
.bp-dx-price { margin-top: 10px; font-size: 20px; font-weight: 600; color: var(--ink); }
.bp-dx-price span { font-size: 14px; font-weight: 500; color: var(--ink-mute); margin-left: 4px; }
.bp-dx-block { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--cream-border); }
.bp-dx-block-h { font-size: 17px; font-weight: 700; color: var(--ink); margin-bottom: 14px; }
.bp-dx-glance { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.bp-dx-glance li { display: flex; align-items: center; gap: 13px; font-size: 15px; font-weight: 500; color: var(--ink); }
.bp-dx-glance-icn { color: var(--co-gold-ink); width: 24px; display: grid; place-items: center; flex: none; }
.bp-dx-whylist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.bp-dx-whylist li { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; line-height: 1.45; color: var(--ink-soft); }
.bp-dx-whytick { width: 22px; height: 22px; border-radius: 50%; background: var(--co-accent-soft); color: var(--co-gold-ink); display: grid; place-items: center; flex: none; margin-top: 1px; }
.bp-dx-focus-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 14px; }
.bp-dx-compare { font-size: 14px; font-weight: 600; color: var(--blue); }
.bp-dx-focus-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.bp-dx-focus { display: flex; align-items: center; gap: 11px; text-align: left; padding: 13px 14px; border-radius: var(--radius-card); border: 1px solid var(--cream-border); background: var(--paper); font-size: 14px; font-weight: 600; color: var(--ink); cursor: pointer; transition: all .18s var(--ease); }
.bp-dx-focus:hover { border-color: var(--ink-mute); }
.bp-dx-focus.is-on { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.bp-dx-focus-icn { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; flex: none; }
.bp-dx-focus-icn.tint-sky { background: var(--ui-sky-bg); color: var(--ui-sky-ink); }
.bp-dx-focus-icn.tint-mint { background: var(--ui-mint-bg); color: var(--ui-mint-ink); }
.bp-dx-focus-icn.tint-sand { background: var(--ui-sand-bg); color: var(--ui-sand-ink); }
.bp-dx-focus-icn.tint-peach { background: var(--ui-peach-bg); color: var(--ui-peach-ink); }
.bp-dx-focus-icn.tint-rose { background: var(--ui-rose-bg); color: var(--ui-rose-ink); }
.bp-dx-focus-icn.tint-lilac { background: var(--ui-lilac-bg); color: var(--ui-lilac-ink); }
.bp-dx-helper { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 18px; padding: 16px 18px; border-radius: var(--radius-card); background: var(--co-fill); border: 1px solid var(--cream-border); color: var(--ink); transition: background .18s var(--ease); }
.bp-dx-helper:hover { background: var(--paper); }
.bp-dx-helper span { font-size: 14px; color: var(--ink-soft); }
.bp-dx-helper strong { color: var(--ink); font-weight: 600; }
.bp-dx-helper svg { color: var(--ink-mute); flex: none; }

/* immersive full-bleed sections */
.bp-dx-imm { position: relative; min-height: clamp(560px, 90vh, 820px); display: flex; align-items: center; overflow: hidden; }
.bp-dx-imm img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.bp-dx-imm-veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,14,12,.46) 0%, rgba(15,14,12,.34) 45%, rgba(15,14,12,.58) 100%); }
.bp-dx-imm-veil.is-light { background: linear-gradient(180deg, rgba(15,14,12,.30) 0%, rgba(15,14,12,.22) 50%, rgba(15,14,12,.42) 100%); }
.bp-dx-imm-body { position: relative; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 16px; }
.bp-dx-imm-kicker { font-family: var(--sans); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.16em; color: var(--yellow); }
.bp-dx-imm-title { font-family: var(--serif); font-weight: 500; font-size: clamp(40px, 6vw, 80px); line-height: 1.02; letter-spacing: -0.025em; color: #fff; margin: 0; max-width: 16ch; }
.bp-dx-imm-sub { color: rgba(255,255,255,.92); font-size: clamp(16px, 1.6vw, 20px); line-height: 1.5; max-width: 52ch; font-weight: 500; }

/* focus fit */
.bp-dx-fitgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: clamp(40px, 6vh, 56px); }
.bp-dx-fitcard { display: flex; align-items: center; gap: 13px; padding: 18px 20px; border-radius: var(--radius-frame); border: 1px solid var(--cream-border); background: var(--paper); font-size: 16px; font-weight: 600; color: var(--ink); box-shadow: var(--shadow-card); }

/* everything (split) */
.bp-dx-everything { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px, 5vw, 80px); align-items: center; }
/* Booking-confirmation prep video (large, unboxed) + checklist card, side by side */
.bp-video-prep-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: clamp(28px, 4vw, 48px); align-items: start; }
@media (max-width: 760px) { .bp-video-prep-grid { grid-template-columns: 1fr; } }
.bp-dx-everything-list { display: flex; flex-direction: column; gap: 26px; }
.bp-dx-ev-item { display: flex; gap: 16px; align-items: flex-start; }
.bp-dx-ev-icn { width: 44px; height: 44px; border-radius: 12px; background: var(--co-accent-soft); color: var(--co-gold-ink); display: grid; place-items: center; flex: none; }
.bp-dx-ev-title { font-family: var(--sans); font-size: 18px; font-weight: 700; letter-spacing: -0.01em; color: var(--ink); margin: 2px 0 5px; }
.bp-dx-ev-body { font-size: 14.5px; line-height: 1.5; color: var(--ink-soft); margin: 0; }

/* why (4 columns) */
.bp-dx-why { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(20px, 3vw, 40px); margin-top: clamp(44px, 6vh, 64px); }
.bp-dx-why-icn { width: 56px; height: 56px; border-radius: 50%; background: var(--co-accent-soft); color: var(--co-gold-ink); display: grid; place-items: center; margin-bottom: 22px; }
.bp-dx-why-title { font-family: var(--sans); font-size: 19px; font-weight: 700; letter-spacing: -0.01em; color: var(--ink); margin: 0 0 8px; }
.bp-dx-why-body { font-size: 14px; line-height: 1.55; color: var(--ink-soft); margin: 0; }

/* testimonials */
.bp-dx-revs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: clamp(40px, 6vh, 56px); }
.bp-dx-rev { background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); padding: 30px 28px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: var(--shadow-card); }
.bp-dx-rev-text { font-size: 15.5px; line-height: 1.6; color: var(--ink); margin: 0 0 24px; }
.bp-dx-rev-foot { display: flex; align-items: center; justify-content: space-between; padding-top: 18px; border-top: 1px solid var(--cream-border); }
.bp-dx-rev-name { font-size: 14.5px; font-weight: 600; color: var(--ink); }
.bp-dx-rev-stars { display: inline-flex; align-items: center; gap: 8px; }
.bp-dx-rev-g { font-size: 13px; font-weight: 600; color: var(--ink-mute); }
.bp-dx-rating { display: flex; align-items: center; gap: 12px; margin-top: 28px; }
.bp-dx-rating-g { font-family: var(--serif); font-size: 22px; font-weight: 600; color: var(--ink); }
.bp-dx-rating strong { font-size: 17px; color: var(--ink); }
.bp-dx-rating-count { font-size: 14px; color: var(--ink-mute); }

/* sticky bar title with price */
.bp-dx-sticky-title { font-family: var(--sans); font-size: 16px; font-weight: 700; letter-spacing: -0.01em; color: var(--ink); display: flex; flex-direction: column; line-height: 1.2; }
.bp-dx-sticky-title span { font-size: 12.5px; font-weight: 500; color: var(--ink-mute); }

@media (max-width: 980px) {
  .bp-dx-hero { grid-template-columns: 1fr; }
  .bp-dx-card { position: relative; top: 0; max-width: 520px; }
  .bp-dx-everything { grid-template-columns: 1fr; }
  .bp-dx-why { grid-template-columns: 1fr 1fr; }
  .bp-dx-revs { grid-template-columns: 1fr; }
  .bp-dx-fitgrid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .bp-dx-focus-grid { grid-template-columns: 1fr; }
  .bp-dx-why { grid-template-columns: 1fr; }
  .bp-dx-fitgrid { grid-template-columns: 1fr; }
}

.co-footer-text { font-size: 14px; color: var(--ink-soft); cursor: default; }

/* ============================================================
   Simple info pages (bp-info-*) — Sobre nosotros, Regala, Contacto
   ============================================================ */
.bp-info-hero { padding-top: clamp(56px, 9vh, 104px); padding-bottom: clamp(40px, 6vh, 72px); }
.bp-info-h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(40px, 5.4vw, 72px); line-height: 1.02; letter-spacing: -0.018em; color: var(--ink); margin: 18px 0 0; }
.bp-info-text { max-width: 820px; margin-inline: auto; }
.bp-info-text-body { margin-top: 22px; display: flex; flex-direction: column; gap: 16px; }
.bp-info-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: clamp(40px, 6vh, 56px); }
.bp-info-card { background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); padding: 30px 28px; box-shadow: var(--shadow-card); display: flex; flex-direction: column; height: 100%; }
a.bp-info-card.is-link { transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
a.bp-info-card.is-link:hover { transform: translateY(-4px); box-shadow: var(--shadow-lift); }
.bp-info-icn { width: 52px; height: 52px; border-radius: 14px; background: var(--co-accent-soft); color: var(--co-gold-ink); display: grid; place-items: center; margin-bottom: 20px; }
.bp-info-num { font-family: var(--mono); font-size: 14px; font-weight: 600; color: var(--co-gold-ink); width: 44px; height: 44px; border-radius: 50%; background: var(--co-accent-soft); display: grid; place-items: center; margin-bottom: 20px; }
.bp-info-card-title { font-family: var(--sans); font-size: 20px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); margin: 0 0 8px; }
.bp-info-card-body { font-size: 14.5px; line-height: 1.55; color: var(--ink-soft); margin: 0; }
.bp-info-card-cta { display: inline-flex; align-items: center; gap: 6px; margin-top: 18px; font-size: 14px; font-weight: 600; color: var(--blue); }
@media (max-width: 820px) { .bp-info-cards { grid-template-columns: 1fr; max-width: 440px; margin-inline: auto; } }

/* /co/examen-de-salud — split-card sections (replaces full-bleed immersive bands) */
.bp-dx-split-card { border-radius: var(--radius-frame, 18px); overflow: hidden; aspect-ratio: 4 / 3.1; box-shadow: 0 8px 28px -14px rgba(20, 20, 35,.2); }
.bp-dx-split-card img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.bp-split--flip { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px, 5vw, 72px); align-items: center; }
.bp-split--flip > :first-child { order: 2; }
@media (max-width: 900px) {
  .bp-split--flip { grid-template-columns: 1fr; }
  .bp-split--flip > :first-child { order: 0; }
}

/* ============================================================
   Regala Humanolab — digital gift cards (gift-*) — /co/regalo
   ============================================================ */
.gift-hero { text-align: center; padding: clamp(48px, 8vh, 104px) 0 clamp(16px, 3vh, 32px); }
.gift-eyebrow { font-family: var(--sans); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.18em; color: var(--ink-mute); }
.gift-h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(40px, 6.4vw, 80px); line-height: 1.02; letter-spacing: -0.02em; color: var(--ink); margin: 16px auto 0; max-width: 16ch; }
.gift-h1 em { font-style: italic; font-weight: 400; }
.gift-hero-sub { margin: 22px auto 0; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.55; color: var(--ink-soft); max-width: 46ch; }
.gift-h2 { font-family: var(--serif); font-weight: 500; font-size: clamp(30px, 3.6vw, 46px); line-height: 1.06; letter-spacing: -0.018em; color: var(--ink); margin: 0; }

/* digital / printed toggle (digital-only) */
.gift-toggle { display: inline-flex; gap: 4px; padding: 5px; background: var(--cream-deep); border-radius: var(--radius-pill); margin: 22px auto 0; }
.gift-toggle-seg { padding: 9px 22px; border-radius: var(--radius-pill); font-family: var(--sans); font-size: 14.5px; font-weight: 600; }
.gift-toggle-seg.is-on { background: var(--paper); color: var(--ink); border: 1px solid var(--blue); }
.gift-toggle-seg.is-off { color: var(--ink-mute); }

/* product grid */
.gift-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(24px, 4vw, 56px); max-width: 920px; margin: clamp(40px, 6vh, 64px) auto 0; }
.gift-card { display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; }
.gift-badge { display: inline-block; margin-top: 18px; font-family: var(--sans); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--co-gold-ink); }
.gift-prod-title { font-family: var(--serif); font-weight: 500; font-size: clamp(24px, 2.4vw, 32px); letter-spacing: -0.01em; color: var(--ink); margin: 14px 0 0; }
.gift-card .gift-badge + .gift-prod-title { margin-top: 6px; }
.gift-prod-desc { font-size: 15px; line-height: 1.55; color: var(--ink-soft); margin: 12px 0 0; max-width: 38ch; }
.gift-prod-price { font-size: 18px; font-weight: 600; color: var(--ink); margin-top: 16px; }
.gift-prod-cta { display: flex; gap: 12px; margin-top: 20px; flex-wrap: wrap; justify-content: center; }
.gift-btn-outline { background: var(--paper); color: var(--ink); border: 1px solid var(--cream-border); }
.gift-btn-outline:hover { border-color: var(--ink); }

/* product card frame — gift card resting on a soft beige surface (Circle style) */
.gift-card-frame { width: 100%; aspect-ratio: 1.1; border-radius: 22px; background: linear-gradient(180deg, #ECE6D8 0%, #E4DCCA 100%); display: flex; align-items: center; justify-content: center; padding: clamp(26px, 6%, 56px); position: relative; overflow: hidden; margin-bottom: 4px; }
.gift-card-frame::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 34%; background: linear-gradient(180deg, transparent, rgba(255,255,255,0.22)); }
.gift-card-frame .gift-card-art { width: 100%; max-width: none; box-shadow: 0 28px 38px -18px rgba(60,42,16,0.45); position: relative; z-index: 1; }

/* faux gift card art */
.gift-card-art { width: 100%; max-width: 380px; aspect-ratio: 1.62; border-radius: 20px; padding: 22px; box-shadow: var(--shadow-card); display: flex; }
.gift-card-art.tone-amber { background: linear-gradient(145deg, #f3d27a 0%, #e0a23f 55%, #b9772a 100%); }
.gift-card-art.tone-blue { background: linear-gradient(145deg, #8fc5fb 0%, #65ACF7 55%, #3f7fc6 100%); }
.gift-card-face { position: relative; flex: 1; display: flex; flex-direction: column; color: #fff; }
.gift-card-mark { opacity: 0.95; filter: drop-shadow(0 1px 2px rgba(0,0,0,.15)); }
.gift-card-mark svg circle, .gift-card-mark svg path { stroke: #fff !important; }
.gift-card-mark svg path[fill] { fill: rgba(255,255,255,.85) !important; }
.gift-card-label { margin-top: auto; font-family: var(--mono); font-size: 13px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,.95); }
.gift-card-wm { position: absolute; right: 0; bottom: 0; font-family: var(--sans); font-weight: 600; font-size: 17px; letter-spacing: -0.01em; color: rgba(255,255,255,.95); }

/* gift modal */
.gift-modal-back { position: fixed; inset: 0; z-index: 200; background: rgba(30,22,12,0.5); backdrop-filter: blur(4px); display: flex; align-items: flex-start; justify-content: center; padding: clamp(16px, 5vh, 64px) 16px; overflow-y: auto; animation: hlFade .2s var(--ease); }
.gift-modal { position: relative; width: 100%; max-width: 520px; background: var(--paper); border-radius: var(--radius-frame); box-shadow: var(--shadow-lift); padding: clamp(24px, 3.4vw, 40px); }
.gift-modal-x { position: absolute; top: 16px; right: 16px; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--cream-border); background: var(--paper); display: grid; place-items: center; color: var(--ink); cursor: pointer; }
.gift-modal-x:hover { border-color: var(--ink); }
.gift-modal-head { display: flex; align-items: center; gap: 18px; margin-bottom: 24px; }
.gift-modal-head .gift-card-art { width: 150px; flex: none; padding: 14px; border-radius: 14px; }
.gift-modal-head .gift-card-label { font-size: 9.5px; }
.gift-modal-head .gift-card-wm { font-size: 12px; }
.gift-modal-title { font-family: var(--serif); font-weight: 500; font-size: 24px; letter-spacing: -0.01em; color: var(--ink); margin: 4px 0 2px; }
.gift-modal-price { font-size: 15px; font-weight: 600; color: var(--ink-soft); }
.gift-modal .bp-field textarea { border-radius: var(--radius-card); border: 1px solid var(--cream-border); background: var(--cream); padding: 12px 16px; font-family: var(--sans); font-size: 15px; color: var(--ink); resize: vertical; }
.gift-modal .bp-field textarea:focus { outline: none; border-color: var(--co-gold); background: var(--paper); box-shadow: 0 0 0 3px var(--co-accent-soft); }
.gift-success { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 16px 0; }

@media (max-width: 760px) {
  .gift-grid { grid-template-columns: 1fr; max-width: 420px; }
  .gift-modal-head { flex-direction: column; text-align: center; }
  .gift-modal-head .gift-card-art { width: 100%; max-width: 280px; }
}

/* envelope hero — a Humanolab card tucked into the provided envelope PNG.
   The clip-path matches the blank card silhouette measured from envelope.png. */
.gift-env { position: relative; width: min(440px, 84vw); aspect-ratio: 864 / 912; margin: clamp(16px, 3vh, 32px) auto 0; }
.gift-env-img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; z-index: 1; pointer-events: none; }
.gift-env-card { position: absolute; inset: 0; z-index: 2;
  background: linear-gradient(145deg, #f3d27a 0%, #e0a23f 52%, #b9772a 100%);
  clip-path: polygon(18.6% 5.2%, 93.5% 19.7%, 89.8% 40.3%, 65.2% 61.5%, 50% 65.4%, 35.4% 61.5%, 13.3% 40.3%); }
.gift-env-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(160deg, rgba(80,45,12,0) 30%, rgba(80,45,12,0.34)); }
.gift-env-inner { position: absolute; z-index: 3; left: 27%; top: 22%; width: 50%; transform: rotate(11.5deg); transform-origin: center; text-align: center; color: #fff; }
.gift-env-mark { display: inline-grid; place-items: center; margin-bottom: 9px; }
.gift-env-mark svg circle, .gift-env-mark svg path { stroke: #fff !important; }
.gift-env-mark svg path[fill] { fill: rgba(255,255,255,0.9) !important; }
.gift-env-tag { font-family: var(--serif); font-weight: 500; font-size: clamp(13px, 1.7vw, 19px); line-height: 1.22; letter-spacing: -0.01em; margin: 0; text-shadow: 0 1px 10px rgba(0,0,0,0.28); }
.gift-env-tag em { font-style: italic; font-weight: 400; }

/* examen-de-salud — section-as-card container (PillarsDeep format, no color) */
.bp-dx-cardsec { background: var(--paper); border: 1px solid var(--cream-border); border-radius: clamp(20px, 3vw, 28px); padding: clamp(26px, 4vw, 56px); box-shadow: 0 18px 40px -30px rgba(20, 20, 35,.18); }
.bp-dx-num { font-family: var(--mono); font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-mute); }
.bp-dx-steplist { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.bp-dx-steplist li { position: relative; padding-left: 18px; font-size: 15px; line-height: 1.4; color: var(--ink-soft); }
.bp-dx-steplist li::before { content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: var(--ink-mute); }
.bp-dx-plan-trust { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 22px; }
.bp-dx-plan-trust span { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 500; color: var(--ink-soft); }

/* ============================================================================
   /co — tablet + mobile optimization pass
   ============================================================================ */

/* region chip is now a button; mobile burger + slide-down menu */
.co-flag { cursor: pointer; font-family: inherit; line-height: 1; transition: background 0.2s; }
.co-flag:hover { background: var(--paper); }
.co-burger { display: none; width: 42px; height: 42px; border-radius: var(--radius-pill); border: 1px solid var(--cream-border); background: rgba(255,255,255,0.6); color: var(--ink); place-items: center; cursor: pointer; }
/* full-screen fixed panel below the bar — robust while scrolled, and uses its
   OWN keyframe (coMegaIn carries a translateX(-50%) meant for the mega card). */
/* Scrim behind the floating menu card — dims the page, taps to close. Sits
   below the header (z-80) so the logo bar stays crisp and visible. */
.co-mobile-scrim { position: fixed; inset: 0; z-index: 78; background: rgba(28,22,14,0.24); backdrop-filter: blur(2px); touch-action: none; overscroll-behavior: contain; animation: coScrimIn 0.2s ease both; }
.co-mobile { overscroll-behavior: contain; }
@keyframes coScrimIn { from { opacity: 0; } to { opacity: 1; } }

/* Floating glassy card — padded off every edge, never full-bleed. */
.co-mobile { position: fixed; top: 120px; left: 12px; right: 12px; z-index: 79; max-height: calc(100dvh - 140px); overflow-y: auto; -webkit-overflow-scrolling: touch; background: rgba(246,244,239,0.82); backdrop-filter: blur(30px) saturate(180%); border: 1px solid rgba(255,255,255,0.55); border-radius: 26px; box-shadow: 0 28px 64px -22px rgba(20, 20, 35,0.45), inset 0 1px 0 rgba(255,255,255,0.6); animation: coMobileIn 0.24s var(--ease) both; }
/* (menu card is absolute → top: 100% auto-follows the header height) */
@keyframes coMobileIn { from { opacity: 0; transform: translateY(-10px) scale(0.98); } to { opacity: 1; transform: none; } }
.co-mobile-nav { display: flex; flex-direction: column; padding: 14px 22px 20px; }
.co-mobile-link { display: flex; align-items: center; gap: 12px; width: 100%; padding: 16px 4px; font-family: inherit; font-size: 17px; font-weight: 500; color: var(--ink); text-align: left; background: none; border: 0; border-bottom: 1px solid var(--cream-border); cursor: pointer; }

/* Product-category accordion (mobile/tablet) */
.co-mobile-acc { border-bottom: 1px solid var(--cream-border); }
.co-mobile-acc-head { display: flex; align-items: center; gap: 12px; width: 100%; padding: 16px 4px; font-family: inherit; font-size: 17px; font-weight: 600; color: var(--ink); text-align: left; background: none; border: 0; cursor: pointer; }
.co-mobile-acc-label { flex: 1; }
.co-mobile-acc-chev { display: inline-flex; color: var(--ink-soft); transition: transform 0.28s var(--ease); }
.co-mobile-acc.is-open .co-mobile-acc-chev { transform: rotate(180deg); }
.co-mobile-acc-panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.3s var(--ease); }
.co-mobile-acc.is-open .co-mobile-acc-panel { grid-template-rows: 1fr; }
.co-mobile-acc-inner { overflow: hidden; min-height: 0; }
.co-mobile-acc.is-open .co-mobile-acc-inner { padding-bottom: 12px; }

.co-mobile-sub { display: flex; align-items: center; gap: 13px; padding: 9px 4px; font-size: 15.5px; color: var(--ink-soft); }
.co-mobile-sub:active { color: var(--ink); }
.co-mobile-thumb { width: 40px; height: 40px; border-radius: 11px; -o-object-fit: cover; object-fit: cover; flex: none; }
.co-mobile-thumb--icn { display: grid; place-items: center; background: var(--co-fill); color: var(--ink); }
/* No trailing divider inside the card. */
.co-mobile-nav > :last-child, .co-mobile-acc:last-child { border-bottom: 0; }
/* Keep the bar solid behind the logo while the menu is open (legible on overlay/scrolled pages). */
.co-headwrap.is-menuopen .co-topbar { background: var(--cream); box-shadow: none; }
@media (min-width: 861px) { .co-mobile, .co-mobile-scrim { display: none !important; } }
@media (max-width: 860px) {
  .co-burger { display: grid; }
  .co-hide-mobile { display: none; }
}

/* tablet — drop dense multi-column grids to 2-up */
@media (max-width: 1024px) {
  .bp-dx-why { grid-template-columns: repeat(2, 1fr); }
  .bp-dx-revs { grid-template-columns: 1fr; }
  .co-cons-areas { grid-template-columns: repeat(2, 1fr); }
}

/* small tablet / large phone — collapse the two-column splits */
@media (max-width: 900px) {
  .bp-dx-hero { grid-template-columns: 1fr; }
  .co-cons-hero { grid-template-columns: 1fr; }
  .bp-dx-everything { grid-template-columns: 1fr; gap: 28px; }
  .co-focus-inner { grid-template-columns: 1fr; }
  .bp-dx-fitgrid { grid-template-columns: repeat(3, 1fr); }
}

/* phone — single column + tighter rhythm */
@media (max-width: 640px) {
  .co-section { padding: 54px 0; }
  .co-section-tight { padding: 38px 0; }
  .co-grid-cards { grid-template-columns: 1fr; }
  .bp-dx-why { grid-template-columns: 1fr; }
  .bp-dx-fitgrid { grid-template-columns: 1fr 1fr; }
  .bp-dx-focus-grid { grid-template-columns: 1fr; }
  .co-cons-areas { grid-template-columns: 1fr; }
  .co-focus-cards { grid-template-columns: 1fr; }
  .co-footer-cols { grid-template-columns: 1fr 1fr; }
  .co-footer-legal { flex-direction: column; align-items: flex-start; gap: 14px; }
  .co-promo .t { font-size: 11.5px; }
  .co-hero { min-height: 78vh; }
  .bp-dx-cardsec { padding: 22px; }
  .co-cons-acc-a { padding-right: 8px; }
  .bp-pg-stickybar-in { gap: 10px; }
}

/* never let media break the layout on small screens */
@media (max-width: 640px) {
  .co-wrap { padding: 0 18px; }
  img, video { max-width: 100%; }
}

/* phone — keep oversized display headings inside the viewport */
@media (max-width: 640px) {
  .co-hero-h1 { max-width: 100%; font-size: clamp(30px, 8.4vw, 46px); }
  .co-d1 { font-size: clamp(27px, 7vw, 40px); }
  .co-bar { gap: 10px; }
  .co-flag { padding: 0 9px 0 7px; gap: 6px; }
  .co-promo { padding: 7px 14px; }
}

/* Examen de salud — plan selector (Examen único vs Membresía) */
.bp-dx-plans { display: flex; flex-direction: column; gap: 10px; }
.bp-dx-plan { display: flex; align-items: center; gap: 13px; text-align: left; padding: 14px 16px; border-radius: var(--radius-card); border: 1px solid var(--cream-border); background: var(--paper); cursor: pointer; transition: all .18s var(--ease); }
.bp-dx-plan:hover { border-color: var(--ink-mute); }
.bp-dx-plan.is-on { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.bp-dx-plan-radio { width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--cream-border); flex: none; transition: all .18s var(--ease); }
.bp-dx-plan.is-on .bp-dx-plan-radio { border-color: var(--ink); border-width: 6px; }
.bp-dx-plan-main { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.bp-dx-plan-top { display: flex; align-items: center; gap: 8px; }
.bp-dx-plan-name { font-size: 15px; font-weight: 600; color: var(--ink); }
.bp-dx-plan-badge { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--co-gold-ink); background: var(--co-accent-soft); padding: 2px 8px; border-radius: var(--radius-pill); }
.bp-dx-plan-summary { font-size: 12.5px; color: var(--ink-mute); line-height: 1.4; }
.bp-dx-plan-price { font-size: 15px; font-weight: 700; color: var(--ink); white-space: nowrap; flex: none; }

/* Examen de salud — "Regala salud" gift card */
.bp-dx-gift { display: flex; align-items: center; gap: 16px; margin-top: 14px; padding: 16px 18px; border-radius: var(--radius-card); border: 1px solid var(--cream-border); background: var(--paper); transition: background .18s var(--ease); }
.bp-dx-gift:hover { background: var(--co-fill); }
.bp-dx-gift-tile { width: 52px; height: 52px; border-radius: 10px; background: linear-gradient(150deg, #F2C24B, #DFA01C); color: #fff; display: grid; place-items: center; font-weight: 700; font-size: 17px; flex: none; box-shadow: 0 6px 14px -8px rgba(180,130,20,.6); }
.bp-dx-gift-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bp-dx-gift-body strong { font-size: 15px; font-weight: 600; color: var(--ink); }
.bp-dx-gift-body > span { font-size: 13.5px; color: var(--ink-soft); line-height: 1.4; }
.bp-dx-gift-cta { display: inline-flex; align-items: center; gap: 5px; color: var(--blue); font-weight: 600; font-size: 13.5px; margin-top: 4px; }

/* Examen de salud — wearables integration */
.bp-dx-wear-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: clamp(36px, 5vh, 52px); }
.bp-dx-wear-card { display: flex; flex-direction: column; align-items: center; gap: 14px; width: clamp(132px, 15vw, 162px); padding: 26px 16px; border-radius: var(--radius-frame); border: 1px solid var(--cream-border); background: var(--paper); box-shadow: var(--shadow-card); transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
.bp-dx-wear-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lift); }
.bp-dx-wear-icn { width: 56px; height: 56px; border-radius: 16px; background: var(--cream); color: var(--ink); display: grid; place-items: center; }
.bp-dx-wear-name { font-size: 14.5px; font-weight: 600; color: var(--ink); text-align: center; letter-spacing: -0.01em; }
@media (max-width: 560px) { .bp-dx-wear-card { width: calc(50% - 7px); } }

/* Examen de salud — enfoques shown as static (non-clickable) chips */
.bp-dx-focus--static { cursor: default; }
.bp-dx-focus--static:hover { border-color: var(--cream-border); }

/* Examen de salud — "+ más wearables" card */
.bp-dx-wear-more { border-style: dashed; background: var(--co-fill); }
.bp-dx-wear-more .bp-dx-wear-icn { background: var(--co-accent-soft); color: var(--co-gold-ink); }
.bp-dx-wear-more .bp-dx-wear-name { color: var(--ink-soft); }

/* ============================================================
   Specialized test pages (bp-tt-*) — /co/vo2-max, /co/my-biome
   ============================================================ */
.bp-tt-hero-wrap { padding-top: clamp(40px, 5vh, 64px); }
.bp-tt-hero { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 4vw, 64px); align-items: start; }

/* gallery — 1 big + 2 thumbs */
.bp-tt-gallery { display: block; }
.bp-tt-shot { border-radius: clamp(16px, 2vw, 24px); overflow: hidden; box-shadow: var(--shadow-card); }
.bp-tt-shot--big { aspect-ratio: 1 / 1.02; }
.bp-tt-shot img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

/* product info */
.bp-tt-info { min-width: 0; position: sticky; top: 96px; }
.bp-tt-eyebrow { font-family: var(--sans); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.14em; color: var(--ink-mute); }
.bp-tt-title { font-family: var(--serif); font-weight: 500; font-size: clamp(34px, 4vw, 54px); line-height: 1.02; letter-spacing: -0.018em; color: var(--ink); margin: 10px 0 0; }
.bp-tt-sub { font-size: clamp(15px, 1.4vw, 17px); line-height: 1.6; color: var(--ink-soft); margin: 18px 0 26px; }
.bp-tt-block { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--cream-border); }
.bp-tt-block-h { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--ink-mute); margin-bottom: 14px; }
.bp-tt-incl { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.bp-tt-incl li { display: flex; align-items: center; gap: 12px; font-size: 15.5px; font-weight: 500; color: var(--ink); }
.bp-tt-tick { width: 22px; height: 22px; border-radius: 50%; background: var(--ink); color: #fff; display: grid; place-items: center; flex: none; }
.bp-tt-stats { display: flex; flex-wrap: wrap; gap: 14px 28px; margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--cream-border); }
.bp-tt-stat { display: flex; align-items: center; gap: 12px; }
.bp-tt-stat-icn { width: 40px; height: 40px; border-radius: 11px; background: var(--co-accent-soft); color: var(--co-gold-ink); display: grid; place-items: center; flex: none; }
.bp-tt-stat-label { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--ink-mute); }
.bp-tt-stat-value { font-size: 15.5px; font-weight: 700; color: var(--ink); margin-top: 2px; }

/* suitable for */
.bp-tt-suit { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(28px, 4vw, 64px); align-items: start; }
.bp-tt-suit-list { display: flex; flex-direction: column; gap: 12px; }
.bp-tt-suit-row { display: flex; align-items: center; gap: 14px; padding: 16px 20px; border-radius: var(--radius-card); background: var(--paper); border: 1px solid var(--cream-border); font-size: 15.5px; font-weight: 500; color: var(--ink); }
.bp-tt-suit-tick { width: 24px; height: 24px; border-radius: 50%; background: var(--ink); color: #fff; display: grid; place-items: center; flex: none; }

/* detail sections */
.bp-tt-secs { display: flex; flex-direction: column; }
.bp-tt-sec { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(24px, 4vw, 64px); padding: clamp(34px, 5vw, 56px) 0; border-top: 1px solid var(--cream-border); }
.bp-tt-sec:first-child { border-top: 0; padding-top: 0; }
.bp-tt-sec-h { margin: 0; }
.bp-tt-sec-body { display: flex; flex-direction: column; gap: 16px; max-width: 620px; }
.bp-tt-sec-bullets { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.bp-tt-sec-bullets li { position: relative; padding-left: 20px; font-size: clamp(16px, 1.4vw, 19px); line-height: 1.5; color: var(--ink-soft); }
.bp-tt-sec-bullets li::before { content: ""; position: absolute; left: 0; top: 10px; width: 7px; height: 7px; border-radius: 50%; background: var(--co-gold); }

@media (max-width: 920px) {
  .bp-tt-hero { grid-template-columns: 1fr; }
  .bp-tt-info { position: relative; top: 0; }
  .bp-tt-suit { grid-template-columns: 1fr; }
  .bp-tt-sec { grid-template-columns: 1fr; gap: 12px; }
}

/* Test pages — "request pricing" line */
.bp-tt-price { margin: 22px 0 6px; font-size: 17px; font-weight: 700; color: var(--ink); }

/* mega-menu: support a second feature card (stacks in the right column) */
.co-mega-feats { display: flex; flex-direction: column; gap: 12px; }
.co-mega-feats:has(> a:nth-child(2)) .co-mega-feature { min-height: 124px; }

/* program memberships (3/6/12-month plans) */
.bp-mem-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: clamp(32px, 5vh, 48px); }
.bp-mem-card { position: relative; background: var(--paper); border: 1px solid var(--cream-border); border-radius: clamp(18px, 2.4vw, 24px); padding: clamp(26px, 3vw, 36px) clamp(22px, 2.6vw, 30px); display: flex; flex-direction: column; gap: 12px; transition: transform 0.25s var(--ease), box-shadow 0.25s; }
.bp-mem-card.is-hi { border-color: var(--blue); box-shadow: 0 18px 44px -24px rgba(0,102,197,.32); }
.bp-mem-card:hover { transform: translateY(-3px); box-shadow: 0 22px 48px -26px rgba(20, 20, 35,.28); }
.bp-mem-badge { position: absolute; top: 18px; right: 18px; background: var(--co-accent-soft); color: var(--co-gold-ink); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 5px 11px; border-radius: var(--radius-pill); }
.bp-mem-card.is-hi .bp-mem-badge { background: var(--blue); color: #fff; }
.bp-mem-tag { font-size: 12.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--ink-mute); }
.bp-mem-term { font-family: var(--serif); font-weight: 400; font-size: clamp(32px, 4vw, 46px); line-height: 1; letter-spacing: -0.01em; color: var(--ink); }
.bp-mem-blurb { font-size: 14.5px; line-height: 1.55; color: var(--ink-soft); margin: 2px 0 8px; flex: 1; }
.bp-mem-cancel { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; color: var(--co-gold-ink); font-size: 15px; font-weight: 600; }
.bp-mem-cancel svg { color: #2f7a4c; }
.bp-mem-setup { margin-top: 18px; background: var(--co-fill); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); padding: 22px 24px; }
.bp-mem-setup-h { display: block; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--ink); margin-bottom: 7px; }
.bp-mem-setup p { color: var(--ink-soft); font-size: 15px; line-height: 1.55; margin: 0; max-width: 640px; }
@media (max-width: 860px) { .bp-mem-grid { grid-template-columns: 1fr; max-width: 460px; margin-inline: auto; } }

/* ===== weight-loss "ultimate" sections (bp-hiw / bp-yr / bp-feat / bp-cmp) ===== */

/* How it works — segmented toggle + steps / checklist */
.bp-hiw-toggle { display: inline-flex; gap: 4px; margin: 22px auto 0; padding: 5px; background: var(--cream-deep); border-radius: var(--radius-pill); }
.bp-hiw-seg { border: 0; background: transparent; cursor: pointer; font-family: inherit; font-size: 15px; font-weight: 500; color: var(--ink-soft); padding: 9px 22px; border-radius: var(--radius-pill); transition: background 0.2s, color 0.2s; }
.bp-hiw-seg.is-on { background: var(--ink); color: var(--cream); }
.bp-hiw-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(20px, 3vw, 36px); margin-top: clamp(40px, 6vh, 56px); }
.bp-hiw-step { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.bp-hiw-num { width: 46px; height: 46px; border-radius: 14px; background: var(--co-accent-soft); color: var(--co-gold-ink); display: grid; place-items: center; font-family: var(--serif); font-size: 22px; }
.bp-hiw-step-t { font-family: var(--sans); font-weight: 600; font-size: 17px; letter-spacing: -0.01em; color: var(--ink); margin: 0; }
.bp-hiw-step-b { font-size: 14.5px; line-height: 1.55; color: var(--ink-soft); margin: 0; max-width: 30ch; }
.bp-hiw-items { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px 28px; margin-top: clamp(40px, 6vh, 52px); text-align: left; max-width: 880px; margin-inline: auto; }
.bp-hiw-item { display: flex; align-items: flex-start; gap: 12px; font-size: 15.5px; line-height: 1.4; color: var(--ink); }
.bp-hiw-check { flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--co-accent-soft); color: var(--co-gold-ink); display: grid; place-items: center; margin-top: 1px; }

/* First year — 3-col results timeline */
.bp-yr-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 3vw, 32px); margin-top: clamp(36px, 5vh, 52px); align-items: start; }
.bp-yr-col { display: flex; flex-direction: column; gap: 14px; }
.bp-yr-img { border-radius: var(--radius-frame, 18px); overflow: hidden; aspect-ratio: 4 / 3; box-shadow: 0 8px 26px -16px rgba(20, 20, 35,.22); }
.bp-yr-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.bp-yr-term { font-family: var(--sans); font-weight: 700; font-size: 20px; letter-spacing: -0.01em; color: var(--ink); }
.bp-yr-hi { background: var(--co-accent-soft); color: var(--ink); font-weight: 600; font-size: 16px; padding: 13px 18px; border-radius: 14px; }
.bp-yr-list { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.bp-yr-list li { position: relative; padding-left: 20px; font-size: 15px; line-height: 1.5; color: var(--ink-soft); }
.bp-yr-list li::before { content: ""; position: absolute; left: 2px; top: 8px; width: 7px; height: 7px; border-radius: 50%; background: var(--co-gold); }

/* Features — 6 image cards */
.bp-feat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2vw, 22px); margin-top: clamp(36px, 5vh, 52px); }
.bp-feat-card { display: flex; flex-direction: column; align-items: flex-start; background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame, 18px); padding: clamp(22px, 2.4vw, 30px); box-shadow: 0 1px 2px rgba(20, 20, 35,.05); transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
.bp-feat-card:hover { transform: translateY(-3px); box-shadow: 0 22px 46px -28px rgba(20, 20, 35,.28); }
.bp-feat-icn { width: 54px; height: 54px; border-radius: 15px; display: grid; place-items: center; flex: none; margin-bottom: 18px; }
.bp-feat-icn.t-sky { background: var(--ui-sky-bg); color: var(--ui-sky-ink); }
.bp-feat-icn.t-mint { background: var(--ui-mint-bg); color: var(--ui-mint-ink); }
.bp-feat-icn.t-sand { background: var(--ui-sand-bg); color: var(--ui-sand-ink); }
.bp-feat-icn.t-peach { background: var(--ui-peach-bg); color: var(--ui-peach-ink); }
.bp-feat-icn.t-rose { background: var(--ui-rose-bg); color: var(--ui-rose-ink); }
.bp-feat-icn.t-lilac { background: var(--ui-lilac-bg); color: var(--ui-lilac-ink); }
.bp-feat-titlerow { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.bp-feat-t { font-family: var(--sans); font-weight: 600; font-size: 18.5px; letter-spacing: -0.01em; color: var(--ink); margin: 0; }
.bp-feat-badge { background: var(--co-accent-soft); color: var(--co-gold-ink); font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 4px 9px; border-radius: var(--radius-pill); }
.bp-feat-b { font-size: 14.5px; line-height: 1.55; color: var(--ink-soft); margin: 9px 0 0; }

/* Compare — Humanolab vs traditional (middle column highlighted) */
.bp-cmp { margin-top: clamp(32px, 5vh, 48px); border: 1px solid var(--cream-border); border-radius: clamp(16px, 2vw, 22px); overflow: hidden; background: var(--paper); }
.bp-cmp-row { display: grid; grid-template-columns: 0.95fr 1.1fr 1fr; align-items: stretch; }
.bp-cmp-row + .bp-cmp-row { border-top: 1px solid var(--cream-border); }
.bp-cmp-need { display: flex; align-items: center; padding: 18px 22px; font-weight: 600; font-size: 15px; color: var(--ink); }
.bp-cmp-them { display: flex; align-items: center; padding: 18px 22px; font-size: 14.5px; line-height: 1.45; color: var(--ink-soft); }
.bp-cmp-us { display: flex; align-items: center; gap: 10px; padding: 18px 22px; font-size: 14.5px; line-height: 1.45; color: #fff; background: var(--ink); }
.bp-cmp-head .bp-cmp-us { border-radius: 16px 16px 0 0; }
.bp-cmp-row:last-child .bp-cmp-us { border-radius: 0 0 16px 16px; }
.bp-cmp-head { font-weight: 700; }
.bp-cmp-us-h { justify-content: center; font-family: var(--serif); font-weight: 400; font-size: 22px; }
.bp-cmp-them-h { color: var(--ink); font-weight: 700; }
.bp-cmp-tick { flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--yellow); color: var(--ink); display: grid; place-items: center; }

/* responsive */
@media (max-width: 900px) {
  .bp-hiw-steps { grid-template-columns: repeat(2, 1fr); }
  .bp-feat-grid { grid-template-columns: repeat(2, 1fr); }
  .bp-yr-grid { grid-template-columns: 1fr; max-width: 460px; margin-inline: auto; }
}
@media (max-width: 720px) {
  .bp-cmp-row { grid-template-columns: 0.8fr 1fr 1fr; }
  .bp-cmp-need, .bp-cmp-us, .bp-cmp-them { padding: 13px 11px; font-size: 12.5px; }
  .bp-cmp-us-h { font-size: 15px; }
  .bp-cmp-tick { width: 18px; height: 18px; }
}
@media (max-width: 560px) {
  .bp-hiw-steps { grid-template-columns: 1fr; max-width: 360px; margin-inline: auto; }
  .bp-feat-grid { grid-template-columns: 1fr; max-width: 420px; margin-inline: auto; }
}

/* promo bar as a clickable CTA + home weight-loss value-prop block */
.co-promo { display: block; text-decoration: none; cursor: pointer; transition: background 0.2s; }
.co-promo:hover { background: var(--cream-deep); }
.co-wl-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(18px, 2.4vw, 28px); margin-top: clamp(36px, 5vh, 52px); }
.co-wl-card { background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame, 18px); padding: clamp(24px, 2.6vw, 32px); height: 100%; }
.co-wl-icn { width: 48px; height: 48px; border-radius: 14px; background: var(--co-accent-soft); color: var(--co-gold-ink); display: grid; place-items: center; margin-bottom: 18px; }
.co-wl-title { font-family: var(--sans); font-weight: 600; font-size: 19px; letter-spacing: -0.01em; color: var(--ink); margin: 0; }
.co-wl-body { font-size: 14.5px; line-height: 1.55; color: var(--ink-soft); margin: 8px 0 0; }
@media (max-width: 900px) { .co-wl-grid { grid-template-columns: 1fr; max-width: 460px; margin-inline: auto; } }

/* attention-grabbing yellow promo banner */
.co-promo { background: var(--yellow); border-bottom-color: rgba(20, 20, 35,0.14); }
.co-promo:hover { background: #e7e565; }
.co-promo .t { color: var(--ink); font-weight: 500; }
.co-promo .code { color: var(--ink); font-weight: 700; }

/* ===========================================================================
   /quiz mega-update — per-page theme + richer section variants (scoped to
   main[data-theme] so nothing leaks to non-quiz pages).
   =========================================================================== */

/* —— theme tokens + clean surface overrides —— */
/* Headlines are intentionally NOT overridden per theme: every /quiz headline
   uses the same home-page font (var(--serif) = Newsreader, the .co-d1/.co-d2/
   .hl-hero-h1 defaults). Only CTA color + surfaces change between themes. */
main[data-theme="warm"]  { --hl-cta-bg: var(--yellow); --hl-cta-fg: var(--ink); --qh-cta-bg: var(--yellow); --qh-cta-fg: var(--ink); }
main[data-theme="clean"] { --hl-cta-bg: var(--ink); --hl-cta-fg: #fff; --qh-cta-bg: #fff; --qh-cta-fg: var(--ink); background: #fff; }
main[data-theme="clean"] .co-fill { background: #fff; }

/* —— full-bleed hero (image + headline + CTA + feature strip) —— */
.qh { position: relative; min-height: clamp(620px, 96vh, 1000px); display: flex; overflow: hidden; isolation: isolate; }
.qh-img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 0; }
.qh-veil { position: absolute; inset: 0; z-index: 1; background:
  linear-gradient(180deg, rgba(14,16,20,0.42) 0%, rgba(14,16,20,0.12) 26%, rgba(14,16,20,0.20) 54%, rgba(14,16,20,0.62) 82%, rgba(14,16,20,0.82) 100%); }
.qh-inner { position: relative; z-index: 2; width: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding-top: clamp(80px, 14vh, 150px); padding-bottom: 0; color: #fff; }
.qh-main { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: clamp(28px, 5vw, 80px); align-items: end; padding-bottom: clamp(28px, 4vh, 48px); }
.qh-eyebrow { display: inline-flex; align-items: center; gap: 9px; font-family: var(--sans); font-size: 12.5px; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(255,255,255,0.88); margin-bottom: clamp(16px, 3vh, 26px); }
.qh-eyebrow .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0 4px rgba(240,238,129,0.28); flex: none; }
.qh-h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(44px, 6.6vw, 92px); line-height: 0.98; letter-spacing: -0.02em; color: #fff; margin: 0; max-width: 13ch; text-shadow: 0 2px 30px rgba(0,0,0,0.22); }
.qh-h1 em { font-style: italic; font-weight: 400; }
.qh-side { max-width: 480px; justify-self: end; width: 100%; }
.qh-sub { font-size: clamp(15px, 1.45vw, 18px); line-height: 1.55; color: rgba(255,255,255,0.92); margin: 0 0 24px; text-shadow: 0 1px 14px rgba(0,0,0,0.3); }
.qh-cta { display: inline-flex; align-items: center; gap: 10px; height: 60px; padding: 0 32px; border: 0; border-radius: var(--radius-pill); background: var(--qh-cta-bg); color: var(--qh-cta-fg); font-family: var(--sans); font-size: 17px; font-weight: 600; letter-spacing: -0.01em; cursor: pointer; transition: transform .18s var(--ease), filter .18s var(--ease); box-shadow: 0 16px 40px -18px rgba(0,0,0,0.5); }
.qh-cta:hover { transform: translateY(-2px); filter: brightness(0.97); }
.qh-note { margin: 16px 0 0; font-size: 12.5px; line-height: 1.5; color: rgba(255,255,255,0.74); max-width: 42ch; }
.qh-more { margin-top: 14px; display: inline-flex; align-items: center; gap: 6px; background: none; border: 0; color: rgba(255,255,255,0.9); font-family: var(--sans); font-size: 14px; font-weight: 600; cursor: pointer; }
.qh-more:hover { color: #fff; }
.qh-features { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,0.22); }
.qh-feature { display: flex; gap: 14px; align-items: flex-start; padding: 22px 26px 28px; border-left: 1px solid rgba(255,255,255,0.16); }
.qh-feature:first-child { border-left: 0; padding-left: 0; }
.qh-feat-icn { color: #fff; opacity: 0.92; flex: none; margin-top: 1px; }
.qh-feat-title { font-family: var(--sans); font-size: 15.5px; font-weight: 600; color: #fff; letter-spacing: -0.01em; }
.qh-feat-sub { font-size: 13px; line-height: 1.4; color: rgba(255,255,255,0.72); margin-top: 3px; }

@media (max-width: 900px) {
  .qh { min-height: 0; }
  .qh-main { grid-template-columns: 1fr; gap: 22px; padding-top: 40px; }
  .qh-side { max-width: 100%; justify-self: start; }
  .qh-features { grid-template-columns: 1fr 1fr; }
  .qh-feature:nth-child(odd) { border-left: 0; padding-left: 0; }
  .qh-feature { padding: 18px 16px; }
}
@media (max-width: 560px) {
  .qh-features { grid-template-columns: 1fr; }
  .qh-feature { border-left: 0; padding-left: 0; border-top: 1px solid rgba(255,255,255,0.14); }
  .qh-feature:first-child { border-top: 0; }
}
main[data-theme="clean"] .bp-factor-card,
main[data-theme="clean"] .bp-info,
main[data-theme="clean"] .bp-photocard,
main[data-theme="clean"] .bp-day-card { border-color: #ECEAE4; box-shadow: 0 18px 34px -28px rgba(0,0,0,0.14); }
/* Clean theme: keep the same warm paper card — consistent across themes */
@media (max-width: 900px) {
  main[data-theme="clean"] .hl-hero-quiz { border-top-color: #dedad3; }
}

/* clean-hero wordmark */
.hl-hero-wm { display: inline-flex; margin-bottom: 18px; }
.hl-hero-wm img { height: 26px; }

/* —— hero trust badges + trust line —— */
.hl-trust-row { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 22px; }
.hl-trust-badge { display: inline-flex; align-items: center; gap: 9px; font-size: 13.5px; font-weight: 600; color: rgba(255,255,255,0.92); text-shadow: 0 1px 8px rgba(0,0,0,0.3); }
.hl-trust-icn { width: 28px; height: 28px; border-radius: 50%; background: var(--co-accent-soft); color: var(--co-gold-ink); display: grid; place-items: center; flex: none; }
.hl-trust-line { display: inline-flex; align-items: center; gap: 8px; margin: 18px 0 0; font-size: 13px; font-weight: 500; color: var(--ink-mute); }
.hl-trust-line svg { flex: none; }

/* —— hero multi-select tiles —— */
.hl-qtiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%; margin-bottom: 4px; }
.hl-qtile { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 18px 10px 14px; border-radius: var(--radius-card); border: 1px solid var(--cream-border); background: var(--paper); font-size: 14px; font-weight: 600; color: var(--ink); cursor: pointer; transition: all .16s var(--ease); text-align: center; }
.hl-qtile:hover { border-color: var(--ink-mute); }
.hl-qtile.is-on { border-color: var(--ink); background: var(--co-accent-soft); }
.hl-qtile-icn { color: var(--ink); }
.hl-qtile-box { position: absolute; top: 8px; right: 8px; width: 18px; height: 18px; border-radius: 5px; border: 1.5px solid var(--cream-border); display: grid; place-items: center; color: #fff; }
.hl-qtile.is-on .hl-qtile-box { background: var(--ink); border-color: var(--ink); }
.hl-q-continue { margin-top: 18px; width: 100%; justify-content: center; background: var(--hl-cta-bg); color: var(--hl-cta-fg); }

/* —— flow icon tiles —— */
.bp-info-node.has-icn { flex-direction: column; gap: 8px; min-height: 88px; }
.bp-info-icn { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; }

/* —— benefits: leading icons + accordion —— */
.hl-benefit-row { gap: 14px; }
.hl-benefit-lbl { flex: 1; }
.hl-benefit-icn { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; flex: none; }
.hl-benefit-acc-list { display: flex; flex-direction: column; gap: 10px; margin: 26px 0 30px; }
.hl-benefit-acc { border: 1px solid var(--cream-border); border-radius: var(--radius-card); background: var(--paper); overflow: hidden; }
.hl-benefit-acc-q { width: 100%; display: flex; align-items: center; gap: 13px; padding: 16px 18px; background: none; border: 0; cursor: pointer; text-align: left; font-family: var(--sans); font-size: 15.5px; font-weight: 600; color: var(--ink); }
.hl-benefit-acc-q > span:nth-child(2) { flex: 1; }
.hl-benefit-acc-chev { color: var(--ink-mute); transition: transform .25s var(--ease); }
.hl-benefit-acc.is-open .hl-benefit-acc-chev { transform: rotate(180deg); }
.hl-benefit-acc-a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s var(--ease); }
.hl-benefit-acc.is-open .hl-benefit-acc-a { grid-template-rows: 1fr; }
.hl-benefit-acc-a > p { overflow: hidden; margin: 0; padding: 0 18px; font-size: 14px; line-height: 1.55; color: var(--ink-soft); }
.hl-benefit-acc.is-open .hl-benefit-acc-a > p { padding-bottom: 16px; }

/* —— photo cards —— */
.bp-photocard-grid { display: grid; gap: 18px; margin-top: clamp(40px, 6vh, 60px); }
.bp-photocard-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.bp-photocard-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
.bp-photocard { background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); overflow: hidden; box-shadow: var(--shadow-card); transition: transform .25s var(--ease), box-shadow .25s var(--ease); height: 100%; }
.bp-photocard:hover { transform: translateY(-4px); box-shadow: var(--shadow-lift); }
.bp-pc-photo { aspect-ratio: 1.5; overflow: hidden; }
.bp-pc-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.bp-pc-body { padding: 18px 18px 20px; position: relative; }
.bp-pc-chip { position: absolute; top: -22px; left: 16px; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; box-shadow: 0 6px 16px -8px rgba(24,24,45,0.35); }
.bp-pc-title { font-family: var(--sans); font-size: 17px; font-weight: 600; color: var(--ink); margin: 18px 0 6px; letter-spacing: -0.01em; }
.bp-pc-text { font-size: 13.5px; line-height: 1.5; color: var(--ink-soft); margin: 0; }

/* —— shared CTA banner —— */
.bp-banner-wrap { display: flex; justify-content: center; margin-top: clamp(36px, 5vh, 52px); }
.bp-cta-banner { display: inline-flex; align-items: center; gap: 14px; width: min(760px, 100%); padding: 18px 26px; border-radius: var(--radius-pill); border: 0; cursor: pointer; background: var(--hl-cta-bg); color: var(--hl-cta-fg); text-align: left; transition: filter .18s var(--ease), transform .18s var(--ease); }
.bp-cta-banner:hover { transform: translateY(-1px); filter: brightness(0.97); }
.bp-cta-banner-ic { width: 30px; height: 30px; border-radius: 50%; background: rgba(0,0,0,0.10); display: grid; place-items: center; flex: none; }
.bp-cta-banner-txt { flex: 1; display: flex; flex-direction: column; line-height: 1.25; }
.bp-cta-banner-txt b { font-family: var(--sans); font-size: 16.5px; font-weight: 600; letter-spacing: -0.01em; }
.bp-cta-banner-txt span { font-size: 13.5px; opacity: 0.82; }

/* —— generic split media (+ floating caption) —— */
.bp-media { position: relative; border-radius: var(--radius-frame); overflow: hidden; box-shadow: var(--shadow-card); aspect-ratio: 1.02; }
.bp-media.bp-media-tall { aspect-ratio: 0.82; }
.bp-media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.bp-media-cap { position: absolute; left: 18px; bottom: 18px; right: 22%; background: var(--paper); border-radius: var(--radius-frame); padding: 16px 18px; box-shadow: var(--shadow-lift); }
.bp-media-cap-ic { width: 32px; height: 32px; border-radius: 50%; background: var(--co-accent-soft); color: var(--co-gold-ink); display: grid; place-items: center; margin-bottom: 8px; }
.bp-media-cap b { font-family: var(--sans); font-size: 15px; font-weight: 600; color: var(--ink); }
.bp-media-cap p { margin: 6px 0 0; font-size: 13px; line-height: 1.5; color: var(--ink-soft); }

/* —— stages (age/stage nodes) —— */
.bp-stages { margin-top: 28px; display: flex; flex-direction: column; gap: 16px; }
.bp-stage-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; position: relative; }
.bp-stage-row::before { content: ""; position: absolute; top: 9px; left: 16%; right: 16%; height: 1px; background: var(--cream-border); }
.bp-stage-node { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; position: relative; z-index: 1; padding: 22px 4px 0; }
.bp-stage-dot { position: absolute; top: 4px; left: 2px; width: 12px; height: 12px; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0 4px var(--co-accent-soft); }
.bp-stage-node b { font-family: var(--sans); font-size: 17px; font-weight: 700; color: var(--ink); }
.bp-stage-node span { font-size: 12.5px; line-height: 1.45; color: var(--ink-soft); }
.bp-stage-chev { color: var(--ink-mute); }
.bp-stage-hl { display: inline-flex; align-items: center; gap: 10px; align-self: flex-start; padding: 13px 22px; border-radius: var(--radius-pill); background: var(--yellow); color: var(--ink); font-size: 16px; font-weight: 600; }

/* —— day timeline (photo time cards) —— */
.bp-day-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: clamp(40px, 6vh, 56px); }
.bp-day-card { background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); overflow: hidden; box-shadow: var(--shadow-card); }
.bp-day-photo { aspect-ratio: 1.5; overflow: hidden; }
.bp-day-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.bp-day-foot { display: flex; align-items: center; gap: 13px; padding: 16px 18px; }
.bp-day-chip { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; flex: none; }
.bp-day-foot b { display: block; font-family: var(--sans); font-size: 16px; font-weight: 700; color: var(--ink); }
.bp-day-foot span { font-size: 13.5px; color: var(--ink-soft); }

/* —— factors row (circular pastel) —— */
.bp-factrow { display: flex; flex-wrap: wrap; gap: 22px 26px; margin: 26px 0 4px; }
.bp-factrow-item { display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; color: var(--ink); }
.bp-factrow-icn { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; }
.bp-factrow-sum { display: inline-flex; align-items: center; gap: 10px; margin-top: 22px; padding: 14px 24px; border-radius: var(--radius-pill); background: var(--yellow); color: var(--ink); font-size: 15.5px; font-weight: 600; }

/* —— reasons (numbered why) —— */
.bp-reasons { display: flex; flex-direction: column; gap: 24px; margin-top: 26px; }
.bp-reason { display: grid; grid-template-columns: 34px 1fr; gap: 16px; align-items: start; }
.bp-reason-num { width: 30px; height: 30px; border-radius: 50%; background: var(--co-accent-soft); color: var(--co-gold-ink); font: 700 14px var(--sans); display: grid; place-items: center; }
.bp-reason-body h4 { font-family: var(--sans); font-size: 18px; font-weight: 600; color: var(--ink); margin: 2px 0 6px; letter-spacing: -0.01em; }
.bp-reason-body p { font-size: 14.5px; line-height: 1.55; color: var(--ink-soft); margin: 0; }

/* —— bento (photo grid + bullet list) —— */
.bp-bento-split { align-items: center; }
.bp-bento { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 130px; gap: 12px; }
.bp-bento--single { display: block; }
.bp-bento--single .bp-bento-photo { height: clamp(380px, 46vw, 540px); }
.bp-bento-photo { border-radius: var(--radius-card); overflow: hidden; box-shadow: var(--shadow-card); }
.bp-bento-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.bp-bento-photo.tall { grid-row: span 2; }
.bp-bento-photo.wide { grid-column: span 2; }
.bp-bento-list { list-style: none; margin: 26px 0 0; padding: 0; display: flex; flex-direction: column; gap: 18px; }
.bp-bento-bullet { display: flex; align-items: flex-start; gap: 13px; font-size: 15.5px; font-weight: 600; color: var(--ink); line-height: 1.4; }
.bp-bento-icn { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; flex: none; }
.bp-bento-bullet sup { font-size: 10px; color: var(--ink-mute); margin-left: 2px; }
.bp-bento-notes { margin-top: 22px; }
.bp-bento-notes p { font-size: 11.5px; line-height: 1.5; color: var(--ink-mute); margin: 4px 0 0; }
.bp-bento-notes sup { margin-right: 2px; }

/* —— vertical timeline (icons + optional phone) —— */
.bp-tl-phone { border-radius: var(--radius-frame); overflow: hidden; box-shadow: var(--shadow-card); aspect-ratio: 0.84; }
.bp-tl-phone img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.bp-vtl { display: flex; flex-direction: column; margin-top: 28px; }
.bp-vtl-step { display: grid; grid-template-columns: 26px 52px 1fr; gap: 14px; align-items: start; padding-bottom: 26px; position: relative; }
.bp-vtl-step:not(:last-child)::before { content: ""; position: absolute; left: 66px; top: 52px; bottom: 0; width: 1px; background: var(--cream-border); }
.bp-vtl-num { width: 24px; height: 24px; border-radius: 50%; background: var(--yellow); color: var(--ink); font: 700 12px var(--mono); display: grid; place-items: center; margin-top: 14px; }
.bp-vtl-icn { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; }
.bp-vtl-body { padding-top: 6px; }
.bp-vtl-title { font-family: var(--sans); font-size: 19px; font-weight: 600; color: var(--ink); margin: 0 0 6px; letter-spacing: -0.01em; }
.bp-vtl-text { font-size: 14px; line-height: 1.55; color: var(--ink-soft); margin: 0; }

/* —— responsive collapses —— */
@media (max-width: 980px) {
  .bp-photocard-grid.cols-4 { grid-template-columns: repeat(2, 1fr); }
  .bp-photocard-grid.cols-3 { grid-template-columns: repeat(2, 1fr); }
  .bp-day-grid { grid-template-columns: 1fr; max-width: 460px; margin-inline: auto; }
  .bp-bento-split { grid-template-columns: 1fr; }
  .bp-bento { grid-auto-rows: 150px; }
}
@media (max-width: 600px) {
  .bp-photocard-grid.cols-4, .bp-photocard-grid.cols-3 { grid-template-columns: 1fr; max-width: 360px; margin-inline: auto; }
  .bp-stage-row { grid-template-columns: 1fr; gap: 14px; }
  .bp-stage-row::before { display: none; }
  .bp-vtl-step { grid-template-columns: 22px 44px 1fr; }
  .bp-vtl-step:not(:last-child)::before { left: 58px; }
  .hl-qtiles { grid-template-columns: repeat(2, 1fr); }
  .bp-factrow { gap: 18px; justify-content: center; }
}

/* consulta — inline Calendly booking card (tight, no extra chrome) */
.co-cal-card { background: var(--paper, #FFFFFF); border: 1px solid var(--cream-border, rgba(20, 20, 35,0.08)); border-radius: 20px; padding: 0; box-shadow: 0 18px 44px -26px rgba(20, 20, 35,0.24); overflow: hidden; }
.co-cal-card .cal-embed { border-radius: inherit; overflow: hidden; }

/* consulta-gratis — free 15-min call landing */
.co-cg-head { max-width: 720px; }
.co-cg-trust { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 24px; }
.co-cg-trust-item { display: inline-flex; align-items: center; gap: 9px; font-family: var(--sans); font-size: 14.5px; font-weight: 500; color: var(--ink-soft); }
.co-cg-trust-item svg { color: var(--ink); flex: none; }
/* keep the scheduler from floating in a sea of cream — cap + center it */
.co-cg-cal { margin-top: clamp(24px, 4vh, 40px); max-width: 760px; margin-left: auto; margin-right: auto; }
@media (max-width: 640px) {
  .co-cal-card { border-radius: 16px; }
  .co-cg-cal { margin-top: 22px; }
}

/* home weight-loss section — image banner card between text and features */
.co-wl-img { margin-top: clamp(28px, 4vh, 44px); border-radius: var(--r-2xl, 22px); overflow: hidden; aspect-ratio: 2.6; box-shadow: 0 10px 30px -16px rgba(20, 20, 35,.24); }
.co-wl-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.co-wl-grid { margin-top: clamp(16px, 2.5vw, 24px); }
@media (max-width: 640px) { .co-wl-img { aspect-ratio: 16/10; } }

/* ===========================================================================
   /co home hero — big rounded video card with the navbar floating over it
   (Do Health / Superpower style). The header overlays the card via .is-overlay.
   =========================================================================== */
.ch-hero { background: var(--cream); padding: 16px; }
.ch-card { position: relative; border-radius: clamp(20px, 2vw, 32px); overflow: hidden; min-height: clamp(620px, 88vh, 980px); display: flex; }
.ch-card-media { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 30%; object-position: 50% 30%; z-index: 0; }
/* hide the iOS/Safari native play-button overlay on background hero videos */
video[aria-hidden="true"]::-webkit-media-controls,
video[aria-hidden="true"]::-webkit-media-controls-start-playback-button,
video[aria-hidden="true"]::-webkit-media-controls-overlay-play-button,
video[aria-hidden="true"]::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
  appearance: none;
}
.ch-card-veil { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(12,16,26,0.60) 0%, rgba(12,16,26,0.40) 22%, rgba(12,16,26,0.30) 46%, rgba(10,14,24,0.55) 74%, rgba(8,12,22,0.82) 100%); }
.ch-card-body { position: relative; z-index: 2; width: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding-top: clamp(64px, 12vh, 130px); color: #fff; }
.ch-main { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: clamp(28px, 5vw, 80px); align-items: end; padding-bottom: clamp(40px, 6vh, 64px); }
.ch-eyebrow { display: inline-flex; align-items: center; gap: 9px; font-family: var(--sans); font-size: 12.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.88); margin-bottom: clamp(14px, 3vh, 24px); }
.ch-eyebrow .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0 4px rgba(240,238,129,0.28); flex: none; }
.ch-h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(44px, 6.6vw, 92px); line-height: 0.98; letter-spacing: -0.02em; color: #fff; margin: 0; max-width: 13ch; text-shadow: 0 2px 12px rgba(0,0,0,0.45), 0 1px 3px rgba(0,0,0,0.5); }
.ch-h1 em { font-style: italic; font-weight: 400; }
/* signature yellow pad behind the italic emphasis — like the marketing headlines */
.ch-h1 em.ch-mark {
  background-image: linear-gradient(transparent 56%, rgba(240, 238, 130, 0.92) 56%);
  background-repeat: no-repeat; padding: 0 0.08em;
  box-decoration-break: clone; -webkit-box-decoration-break: clone;
}
.ch-side { max-width: 480px; justify-self: end; width: 100%; }
.ch-sub { font-size: clamp(15px, 1.45vw, 18px); line-height: 1.55; color: rgba(255,255,255,0.92); margin: 0 0 22px; text-shadow: 0 1px 14px rgba(0,0,0,0.3); }
.ch-ctas { display: flex; gap: 12px; flex-wrap: wrap; }
.ch-cta-ghost { display: inline-flex; align-items: center; height: 52px; padding: 0 24px; border-radius: var(--radius-pill); border: 1px solid rgba(255,255,255,0.6); background: rgba(255,255,255,0.08); color: #fff; font-family: var(--sans); font-size: 15px; font-weight: 600; text-decoration: none; transition: background .18s var(--ease); }
.ch-cta-ghost:hover { background: rgba(255,255,255,0.18); }
.ch-features { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,0.22); }
/* Treatment heroes carry 4 features (home hero has 3). 4 → 2 → 1 responsively. */
.ch-features--4 { grid-template-columns: repeat(4, 1fr); }
.ch-feature { display: flex; gap: 14px; align-items: flex-start; padding: 22px 26px 28px; border-left: 1px solid rgba(255,255,255,0.16); }
.ch-feature:first-child { border-left: 0; padding-left: 0; }
.ch-feat-icn { color: #fff; opacity: 0.92; flex: none; margin-top: 1px; }
.ch-feat-title { font-family: var(--sans); font-size: 15.5px; font-weight: 600; color: #fff; letter-spacing: -0.01em; }
.ch-feat-sub { font-size: 13px; line-height: 1.4; color: rgba(255,255,255,0.72); margin-top: 3px; }

@media (max-width: 900px) {
  .ch-card { min-height: clamp(560px, 78vh, 760px); }
  .ch-card-body { padding-top: clamp(40px, 9vh, 80px); }
  .ch-main { grid-template-columns: 1fr; gap: 18px; padding-bottom: clamp(28px, 4vh, 44px); }
  .ch-side { max-width: 100%; justify-self: start; }
  .ch-features { grid-template-columns: repeat(3, 1fr); }
  .ch-features--4 { grid-template-columns: 1fr 1fr; }
  .ch-features--4 .ch-feature:nth-child(odd) { border-left: 0; padding-left: 0; }
  .ch-features--4 .ch-feature:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,0.16); }
  .ch-feature { padding: 16px 14px; }
}
@media (max-width: 560px) {
  .ch-hero { padding: 10px; }
  .ch-card { min-height: 78vh; border-radius: 18px; }
  .ch-h1 { font-size: clamp(34px, 9vw, 46px); max-width: 100%; }
  .ch-sub { font-size: 15px; }
  .ch-ctas { width: 100%; }
  .ch-ctas > * { flex: 1 1 auto; justify-content: center; }
  .ch-features { grid-template-columns: 1fr; }
  .ch-feature { border-left: 0; padding-left: 0; padding-right: 0; border-top: 1px solid rgba(255,255,255,0.14); }
  .ch-feature:first-child { border-top: 0; }
}

/* navbar: full-width bar at top → smoothly morphs into a floating pill on scroll */
.co-topbar { border-bottom: 0 !important; transition: background 0.4s var(--ease), box-shadow 0.4s var(--ease), padding 0.4s var(--ease); }
.co-bar {
  /* pill-able defaults so the morph animates rather than snaps */
  border: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  transition: max-width 0.45s var(--ease), height 0.45s var(--ease), padding 0.45s var(--ease),
    background 0.45s var(--ease), border-color 0.45s var(--ease), border-radius 0.45s var(--ease),
    box-shadow 0.45s var(--ease), backdrop-filter 0.45s var(--ease);
}
.co-headwrap.is-scrolled .co-promo { display: none; }
.co-headwrap.is-scrolled .co-topbar { background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; padding-top: 10px; }
/* Menu open: keep the logo bar solid + sticky even when scrolled (so the
   Humanolab logo stays visible above the menu card). Wins over is-scrolled. */
.co-headwrap.is-menuopen.is-scrolled .co-topbar,
.co-headwrap.is-menuopen .co-topbar { background: rgba(255, 255, 255,0.82); backdrop-filter: blur(22px) saturate(180%); box-shadow: none; padding-top: 0; }
.co-headwrap.is-menuopen.is-scrolled .co-bar { max-width: none; margin: 0; height: 60px; background: transparent; backdrop-filter: none; border-radius: 0; box-shadow: none; border: 0; }
.co-headwrap.is-scrolled .co-bar {
  max-width: 1080px; margin: 0 auto; height: 60px; padding: 0 24px;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(18px) saturate(180%); -webkit-backdrop-filter: blur(18px) saturate(180%);
  border-color: rgba(20, 20, 35, 0.08);
  border-radius: var(--radius-pill, 999px);
  box-shadow: 0 12px 34px -18px rgba(20, 20, 35, 0.32);
}
.co-headwrap.is-scrolled .co-flag,
.co-headwrap.is-scrolled .co-pill-btn { display: none; }
/* on phones the pill should be a touch smaller and sit further from the edges */
@media (max-width: 640px) {
  .co-headwrap.is-scrolled .co-topbar { padding: 8px 12px 0; }
  .co-headwrap.is-scrolled .co-bar { height: 52px; padding: 0 16px; }
}
/* Mobile/tablet on scroll: hide the logo/login/country row + promo, and show
   ONLY the icon nav, collapsed into a centered floating pill. */
@media (max-width: 860px) {
  .co-headwrap.is-scrolled .co-topbar { background: transparent; backdrop-filter: none; padding: 8px 0 0; box-shadow: none; }
  .co-headwrap.is-scrolled .co-bar { display: flex; justify-content: center; max-width: none; margin: 0; height: auto; padding: 0; background: transparent; backdrop-filter: none; border: 0; border-radius: 0; box-shadow: none; }
  .co-headwrap.is-scrolled .co-bar > :first-child,
  .co-headwrap.is-scrolled .co-bar > :last-child { display: none; }
  .co-headwrap.is-scrolled .co-iconnav {
    order: 0; flex: 1 1 auto; width: auto; max-width: none; margin: 0 11px;
    justify-content: space-between; gap: 4px;
    border-top: 0; padding: 8px 18px; overflow-x: auto;
    background: rgba(255, 255, 255,0.8); backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(20, 20, 35,0.08); border-radius: 22px; box-shadow: 0 12px 34px -18px rgba(20, 20, 35,0.34);
  }
  /* Pill items size to their own label (no forced equal width) so the text
     never gets squeezed on top of itself. */
  .co-headwrap.is-scrolled .co-iconnav-item { flex: 0 0 auto; }
  /* …but when the menu is open, expand back to the full two-row grid header so
     the logo stays visible above the slide-down card. */
  .co-headwrap.is-menuopen.is-scrolled .co-bar { display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: "logo . right" "nav nav nav"; align-items: center; row-gap: 14px; padding-block: 16px 12px; }
  .co-headwrap.is-menuopen.is-scrolled .co-bar > :first-child { display: block; }
  .co-headwrap.is-menuopen.is-scrolled .co-bar > :last-child { display: flex; }
  .co-headwrap.is-menuopen.is-scrolled .co-iconnav { grid-area: nav; width: 100%; max-width: none; margin: 4px 0 0; padding: 18px 0 0; border: 0; border-top: 1px solid var(--cream-border); border-radius: 0; background: transparent; backdrop-filter: none; box-shadow: none; justify-content: space-between; }
  .co-headwrap.is-menuopen.is-scrolled .co-topbar { background: rgba(255, 255, 255,0.82); backdrop-filter: blur(22px) saturate(180%); padding: 0; }
}

/* ── Tratamientos slide-over drawer ─────────────────────────────────────── */
.co-drawer-overlay { position: fixed; inset: 0; z-index: 200; background: rgba(20,16,10,0.5); backdrop-filter: blur(3px); animation: coFade 0.22s var(--ease) both; }
.co-drawer { position: absolute; top: 0; right: 0; height: 100%; width: min(440px, 100%); background: var(--paper); box-shadow: -30px 0 80px -40px rgba(20,16,10,0.5); display: flex; flex-direction: column; padding: clamp(20px,3vw,30px); overflow-y: auto; animation: coDrawerIn 0.32s var(--ease) both; }
@keyframes coDrawerIn { from { transform: translateX(100%); } to { transform: none; } }
.co-drawer-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.co-drawer-title { font-family: var(--serif); font-weight: 400; font-size: clamp(26px,4vw,34px); letter-spacing: -0.01em; color: var(--ink); margin: 0; }
.co-drawer-close { width: 38px; height: 38px; border-radius: 50%; border: 0; background: var(--cream); color: var(--ink); display: grid; place-items: center; cursor: pointer; transition: background 0.2s; }
.co-drawer-close:hover { background: var(--cream-deep); }
.co-drawer-list { display: flex; flex-direction: column; }
.co-drawer-row { display: flex; align-items: center; gap: 14px; padding: 12px 8px; border-radius: 14px; color: var(--ink); text-decoration: none; transition: background 0.18s; }
.co-drawer-row:hover { background: var(--cream); }
.co-drawer-thumb { width: 46px; height: 46px; border-radius: 12px; -o-object-fit: cover; object-fit: cover; flex: none; }
.co-drawer-thumb--icn { display: grid; place-items: center; background: var(--cream); color: var(--ink); }
.co-drawer-row-label { flex: 1; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; }
.co-drawer-row > svg:last-child { color: var(--ink-mute); flex: none; }
.co-drawer-feature { position: relative; display: block; margin-top: auto; border-radius: 18px; overflow: hidden; aspect-ratio: 16/9; text-decoration: none; }
.co-drawer-feature img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.co-drawer-feature-veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,14,12,.1) 30%, rgba(15,14,12,.7)); }
.co-drawer-feature-body { position: absolute; inset: 0; padding: 18px; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; }
.co-drawer-feature-kicker { font-size: 11.5px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--yellow); }
.co-drawer-feature-body h4 { font-family: var(--serif); font-weight: 500; font-size: 20px; margin: 4px 0 8px; color: #fff; }
.co-drawer-feature-cta { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; }
@media (max-width: 600px) { .co-drawer { width: 100%; } }

/* ── Empieza de tres formas — mobile slider + pill pagination ────────────── */
.co-ways-dots { display: none; }
@media (max-width: 1024px) {
  .co-ways { display: flex; max-width: none; margin-inline: 0; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 2px; scrollbar-width: none; gap: 14px; padding: 0 0 4px; }
  .co-ways::-webkit-scrollbar { display: none; }
  .co-ways > * { flex: 0 0 min(82vw, 380px); scroll-snap-align: start; }
  .co-way { aspect-ratio: 1.05; }
  .co-ways-dots { display: flex; justify-content: center; gap: 8px; margin-top: 20px; }
  .co-ways-dot { width: 8px; height: 8px; border-radius: 999px; border: 0; background: rgba(20, 20, 35,0.22); padding: 0; cursor: pointer; transition: width 0.25s var(--ease), background 0.25s; }
  .co-ways-dot.is-on { width: 26px; background: var(--ink); }
}

/* ── Medical & scientific team (ScienceStrip + ScienceTeam) ──────────────── */
.co-team-head { max-width: 760px; }
/* Quick overview strip */
.co-team-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: clamp(32px, 5vh, 48px); }
.co-team-chip { background: var(--paper); border: 1px solid var(--cream-border); border-radius: 18px; padding: 18px; height: 100%; box-shadow: 0 6px 22px -16px rgba(20, 20, 35,.22); }
.co-team-chip-img { width: 100%; aspect-ratio: 1; -o-object-fit: cover; object-fit: cover; border-radius: 14px; margin-bottom: 14px; }
.co-team-chip-name { font-family: var(--sans); font-weight: 600; font-size: 16px; color: var(--ink); letter-spacing: -0.01em; }
.co-team-chip-cred { font-size: 12.5px; color: var(--blue); font-weight: 600; margin-top: 3px; }
.co-team-chip-text { font-size: 13px; line-height: 1.5; color: var(--ink-mute); margin-top: 10px; }
@media (max-width: 900px) { .co-team-strip { grid-template-columns: 1fr 1fr; } }
/* Mobile: same horizontal scroll-snap slider + dots as "Empieza de tres formas".
   Cards snap to the start so the next one peeks on the right; tighter padding
   around the photo. */
@media (max-width: 1024px) {
  .co-team-strip { display: flex; grid-template-columns: none; max-width: none; margin-inline: 0; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 2px; scrollbar-width: none; gap: 12px; padding-bottom: 4px; }
  .co-team-strip::-webkit-scrollbar { display: none; }
  .co-team-strip > * { flex: 0 0 min(80vw, 320px); scroll-snap-align: start; }
  .co-team-chip { padding: 12px; }
  .co-team-chip-img { margin-bottom: 12px; }
}

/* In-depth bio grid */
.co-team-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: clamp(32px, 5vh, 48px); }
.co-team-card { display: flex; gap: 20px; background: var(--paper); border: 1px solid var(--cream-border); border-radius: 20px; padding: 22px; box-shadow: 0 8px 26px -18px rgba(20, 20, 35,.22); }
.co-team-card-img { width: 118px; height: 144px; flex: none; -o-object-fit: cover; object-fit: cover; border-radius: 14px; }
.co-team-card-name { font-family: var(--sans); font-weight: 600; font-size: 18px; color: var(--ink); letter-spacing: -0.01em; }
.co-team-card-role { font-size: 13.5px; color: var(--blue); font-weight: 600; margin-top: 3px; }
.co-team-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0; }
.co-team-tag { font-size: 11.5px; font-weight: 600; color: var(--ink-soft); background: var(--cream); border-radius: 999px; padding: 4px 10px; }
.co-team-bio { font-size: 13.5px; line-height: 1.56; color: var(--ink-mute); }
@media (max-width: 860px) { .co-team-grid { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .co-team-card { flex-direction: column; } .co-team-card-img { width: 100%; height: 240px; } }
/* Mobile: same horizontal scroll-snap slider as "Empieza de tres formas".
   Snap to start so the next card peeks on the right; tighter card padding. */
@media (max-width: 1024px) {
  .co-team-grid { display: flex; grid-template-columns: none; max-width: none; margin-inline: 0; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 2px; scrollbar-width: none; gap: 12px; padding-bottom: 4px; }
  .co-team-grid::-webkit-scrollbar { display: none; }
  .co-team-grid > * { flex: 0 0 min(80vw, 360px); scroll-snap-align: start; }
  .co-team-card { flex-direction: column; height: 100%; padding: 14px; }
  .co-team-card-img { width: 100%; height: 230px; }
}

/* Treatments: slider on mobile + tablet (next card peeks on the right), grid on desktop. */
@media (max-width: 1024px) {
  .co-grid-cards { display: flex; grid-template-columns: none; max-width: none; margin-inline: 0; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 2px; scrollbar-width: none; gap: 14px; padding-bottom: 4px; }
  .co-grid-cards::-webkit-scrollbar { display: none; }
  .co-grid-cards > * { flex: 0 0 min(80vw, 360px); scroll-snap-align: start; }
  .co-grid-card { min-height: clamp(360px, 60vw, 460px); }
}

/* "Nuevo" badge on the promo bar */
.co-promo-badge { display: inline-block; margin-right: 10px; padding: 2px 9px; border-radius: 999px; background: var(--ink); color: var(--yellow); font-size: 10.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; vertical-align: middle; }

/* Institution logos (tinted) on the team cards */
.co-team-logos { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 14px; }
.co-team-logo { height: 22px; width: auto; opacity: 0.8; }
.co-team-chip { display: flex; flex-direction: column; }
.co-team-chip .co-team-logos { margin-top: auto; padding-top: 14px; gap: 10px; }
.co-team-chip .co-team-logo { height: 16px; }
.co-team-card .co-team-logos { margin-top: 16px; }

/* Institution logo strip under the team heading (uniform height, even spacing) */
.co-team-insts { display: flex; align-items: center; gap: clamp(28px, 5vw, 58px); flex-wrap: wrap; margin-top: clamp(24px, 4vh, 36px); }
.co-team-inst { height: 30px; width: auto; opacity: 0.82; }
@media (max-width: 560px) { .co-team-insts { gap: 26px; } .co-team-inst { height: 22px; } }

/* per-logo size tuning so they read as visually balanced (≈ equal width) */
.co-team-inst--imperial { height: 15px; }
.co-team-inst--sabana { height: 48px; }
.co-team-inst--georgetown { height: 30px; }
.co-team-inst--uniandes { height: 34px; }
@media (max-width: 560px) {
  .co-team-inst--imperial { height: 12px; }
  .co-team-inst--sabana { height: 36px; }
  .co-team-inst--georgetown { height: 22px; }
  .co-team-inst--uniandes { height: 26px; }
}

/* ──────────────────────────────────────────────────────────────────────────
   /[country]/membership — Humanolab membership landing.
   Additive only; reuses existing tokens (--ink/--blue/--cream/--paper/--ui-*).
   ────────────────────────────────────────────────────────────────────────── */

/* Hero (editorial, centered) */
.mb-hero { padding-top: clamp(56px, 8vh, 96px); }
.mb-hero-title { margin-top: 22px; }
.mb-hero-ctas { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin-top: 32px; }
.mb-hero-trust { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: center; margin-top: 26px; }
.mb-trust-item { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; letter-spacing: 0.01em; color: var(--ink-mute); }
.mb-trust-dot { color: var(--cream-border); }

/* Core 3 benefits — image cards (number badge + floating chip + text below) */
.mb-feats { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 2.6vw, 36px); margin-top: clamp(44px, 6vh, 64px); align-items: start; }
.mb-feat { display: flex; flex-direction: column; }
.mb-feat-media { position: relative; aspect-ratio: 4 / 5; border-radius: clamp(16px, 1.6vw, 22px); overflow: hidden; box-shadow: var(--shadow-card); }
.mb-feat-media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.mb-feat-num { position: absolute; top: 14px; left: 14px; width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: rgba(20,21,26,0.42); backdrop-filter: blur(8px); color: #fff; font-family: var(--font-grotesk), var(--sans); font-size: 14px; font-weight: 600; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18); }
.mb-feat-chip { position: absolute; left: 14px; bottom: 14px; right: 14px; display: inline-flex; align-items: center; gap: 11px; max-width: -moz-max-content; max-width: max-content; padding: 11px 14px; border-radius: 14px; background: rgba(18,19,24,0.58); backdrop-filter: blur(12px); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12); }
.mb-feat-chip-icn { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; flex: none; background: rgba(255,255,255,0.16); color: #fff; }
.mb-feat-chip-text { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.mb-feat-chip-title { font-size: 14px; font-weight: 600; color: #fff; letter-spacing: -0.01em; }
.mb-feat-chip-sub { font-size: 12px; color: rgba(255,255,255,0.72); margin-top: 2px; }
.mb-feat-title { font-family: var(--serif); font-weight: 500; font-size: clamp(21px, 2.2vw, 26px); line-height: 1.14; letter-spacing: -0.015em; color: var(--ink); margin: clamp(18px, 2vw, 24px) 0 0; }
.mb-feat-body { font-size: 15px; line-height: 1.55; color: var(--ink-soft); margin: 10px 0 0; max-width: 34ch; }

/* Cómo funciona — 4 numbered steps */
.mb-how { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(20px, 3vw, 36px); margin-top: clamp(44px, 6vh, 64px); }
.mb-how-step { position: relative; }
.mb-how-icn { width: 52px; height: 52px; border-radius: 15px; display: grid; place-items: center; flex: none; }
.mb-how-num { display: block; margin-top: 20px; font-family: var(--mono); font-size: 12px; letter-spacing: 0.14em; color: var(--ink-mute); }
.mb-how-title { font-family: var(--sans); font-size: 19px; font-weight: 700; letter-spacing: -0.01em; color: var(--ink); margin: 6px 0 8px; }
.mb-how-body { font-size: 14px; line-height: 1.55; color: var(--ink-soft); margin: 0; }

/* Programas — image cards linking to the real program pages */
.mb-progs { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2vw, 24px); margin-top: clamp(40px, 6vh, 56px); }
.mb-prog { display: flex; flex-direction: column; height: 100%; background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); overflow: hidden; box-shadow: var(--shadow-card); transition: border-color .18s var(--ease), transform .18s var(--ease); }
.mb-prog:hover { border-color: var(--ink-mute); transform: translateY(-3px); }
.mb-prog-img { display: block; aspect-ratio: 16 / 11; overflow: hidden; }
.mb-prog-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: transform .4s var(--ease); }
.mb-prog:hover .mb-prog-img img { transform: scale(1.04); }
.mb-prog-body { display: flex; flex-direction: column; gap: 6px; padding: 22px 24px 24px; }
.mb-prog-name { font-family: var(--serif); font-weight: 500; font-size: 22px; letter-spacing: -0.015em; color: var(--ink); }
.mb-prog-desc { font-size: 14px; line-height: 1.45; color: var(--ink-soft); }
.mb-prog-cta { display: inline-flex; align-items: center; gap: 5px; margin-top: 8px; font-size: 13.5px; font-weight: 700; color: var(--blue); }

/* Consultas ilimitadas — specialists split + chips */
.mb-spec { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: clamp(28px, 4vw, 64px); align-items: center; }
.mb-spec-media { position: relative; border-radius: var(--radius-frame); overflow: hidden; box-shadow: var(--shadow-card); aspect-ratio: 4 / 5; }
.mb-spec-media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.mb-spec-badge { position: absolute; left: 18px; bottom: 18px; display: inline-flex; align-items: center; gap: 9px; background: rgba(255,255,255,0.92); backdrop-filter: blur(8px); border-radius: var(--radius-pill); padding: 9px 16px; font-size: 13px; font-weight: 700; color: var(--ink); box-shadow: var(--shadow-card); }
.mb-spec-dot { width: 8px; height: 8px; border-radius: 50%; background: #19b36b; box-shadow: 0 0 0 4px rgba(25,179,107,0.2); }
.mb-spec-chips { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: clamp(24px, 3vh, 32px); }
.mb-spec-chip { display: flex; align-items: center; gap: 12px; background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-card); padding: 12px 14px; font-size: 14px; font-weight: 600; color: var(--ink); }
.mb-spec-icn { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; flex: none; }

/* Diagnósticos avanzados — image grid */
.mb-diag { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(14px, 1.6vw, 20px); margin-top: clamp(40px, 6vh, 56px); }
.mb-diag-card { display: flex; flex-direction: column; background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); overflow: hidden; box-shadow: var(--shadow-card); transition: transform .18s var(--ease), border-color .18s var(--ease); }
.mb-diag-card:hover { transform: translateY(-3px); border-color: var(--ink-mute); }
.mb-diag-img { display: block; aspect-ratio: 4 / 3; overflow: hidden; }
.mb-diag-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.mb-diag-body { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px 20px; }
.mb-diag-name { font-family: var(--sans); font-size: 15.5px; font-weight: 700; letter-spacing: -0.01em; color: var(--ink); line-height: 1.25; }
.mb-diag-tag { font-family: var(--mono); font-size: 11.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-mute); }

/* Suplementación y medicamentos — split + med cards */
.mb-meds { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: clamp(28px, 4vw, 64px); align-items: center; }
.mb-meds-media { border-radius: var(--radius-frame); overflow: hidden; box-shadow: var(--shadow-card); aspect-ratio: 5 / 6; }
.mb-meds-media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.mb-meds-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: clamp(24px, 3vh, 32px); }
.mb-med-card { background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); padding: 20px 20px 22px; box-shadow: var(--shadow-card); }
.mb-med-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.mb-med-icn { width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; flex: none; }
.mb-med-tag { font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ink-mute); border: 1px solid var(--cream-border); border-radius: var(--radius-pill); padding: 4px 9px; }
.mb-med-title { font-family: var(--sans); font-size: 16px; font-weight: 700; letter-spacing: -0.01em; color: var(--ink); margin: 0 0 6px; }
.mb-med-body { font-size: 13.5px; line-height: 1.45; color: var(--ink-soft); margin: 0; }

/* Extra perks — 3 cards */
.mb-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2vw, 22px); margin-top: clamp(40px, 6vh, 60px); }
.mb-pillar { background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); padding: clamp(24px, 2.4vw, 32px); box-shadow: var(--shadow-card); height: 100%; }
.mb-pillar-icn { width: 46px; height: 46px; border-radius: 13px; display: grid; place-items: center; flex: none; margin-bottom: 18px; }
.mb-pillar-title { font-family: var(--sans); font-size: 18px; font-weight: 700; letter-spacing: -0.01em; color: var(--ink); margin: 0 0 8px; }
.mb-pillar-body { font-size: 14px; line-height: 1.55; color: var(--ink-soft); margin: 0; }

/* Shared tint tiles for core / how / pillar / spec / med icons */
.tint-sky.mb-core-icn,.tint-sky.mb-how-icn,.tint-sky.mb-pillar-icn,.tint-sky.mb-spec-icn,.tint-sky.mb-med-icn{ background: var(--ui-sky-bg); color: var(--ui-sky-ink); }
.tint-mint.mb-core-icn,.tint-mint.mb-how-icn,.tint-mint.mb-pillar-icn,.tint-mint.mb-spec-icn,.tint-mint.mb-med-icn{ background: var(--ui-mint-bg); color: var(--ui-mint-ink); }
.tint-sand.mb-core-icn,.tint-sand.mb-how-icn,.tint-sand.mb-pillar-icn,.tint-sand.mb-spec-icn,.tint-sand.mb-med-icn{ background: var(--ui-sand-bg); color: var(--ui-sand-ink); }
.tint-peach.mb-core-icn,.tint-peach.mb-how-icn,.tint-peach.mb-pillar-icn,.tint-peach.mb-spec-icn,.tint-peach.mb-med-icn{ background: var(--ui-peach-bg); color: var(--ui-peach-ink); }
.tint-rose.mb-core-icn,.tint-rose.mb-how-icn,.tint-rose.mb-pillar-icn,.tint-rose.mb-spec-icn,.tint-rose.mb-med-icn{ background: var(--ui-rose-bg); color: var(--ui-rose-ink); }
.tint-lilac.mb-core-icn,.tint-lilac.mb-how-icn,.tint-lilac.mb-pillar-icn,.tint-lilac.mb-spec-icn,.tint-lilac.mb-med-icn{ background: var(--ui-lilac-bg); color: var(--ui-lilac-ink); }

/* Proof band — 4 stats */
.mb-proof { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(16px, 2.4vw, 32px); background: var(--ink); border-radius: var(--radius-frame); padding: clamp(32px, 4vw, 48px) clamp(24px, 3vw, 40px); }
.mb-proof-item { text-align: center; }
.mb-proof-value { display: block; font-family: var(--serif); font-weight: 500; font-size: clamp(30px, 4vw, 48px); line-height: 1; letter-spacing: -0.02em; color: var(--yellow); }
.mb-proof-label { display: block; margin-top: 12px; font-size: 13px; font-weight: 600; letter-spacing: 0.01em; color: rgba(255,255,255,0.72); }

/* Comparison — seguro vs Humanolab */
.mb-compare { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(16px, 2vw, 24px); margin-top: clamp(36px, 5vh, 52px); }
.mb-cmp-card { border-radius: var(--radius-frame); padding: clamp(26px, 3vw, 38px); }
.mb-cmp-card--off { background: transparent; border: 1px dashed var(--cream-border); }
.mb-cmp-card--on { background: var(--paper); border: 1px solid var(--ink); box-shadow: var(--shadow-card); }
.mb-cmp-label { display: inline-block; font-family: var(--mono); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-mute); margin-bottom: 18px; }
.mb-cmp-card--on .mb-cmp-label { color: var(--ink); }
.mb-cmp-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.mb-cmp-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; line-height: 1.45; color: var(--ink); }
.mb-cmp-card--off .mb-cmp-list li { color: var(--ink-soft); }
.mb-cmp-x { flex: none; width: 22px; text-align: center; color: var(--ink-mute); font-weight: 600; }
.mb-cmp-check { flex: none; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: var(--co-accent-soft); color: var(--co-gold-ink); }
.mb-cmp-note { margin: clamp(24px, 3vh, 32px) 0 0; max-width: 720px; font-size: 13px; line-height: 1.6; color: var(--ink-mute); }

/* Tiers — Standard / Pro */
.mb-tiers { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(18px, 2.4vw, 28px); margin-top: clamp(40px, 6vh, 60px); text-align: left; align-items: start; }
.mb-tier { position: relative; background: var(--paper); border: 1px solid var(--cream-border); border-radius: var(--radius-frame); padding: clamp(28px, 3vw, 40px); box-shadow: var(--shadow-card); display: flex; flex-direction: column; }
.mb-tier--on { border-color: var(--ink); box-shadow: var(--shadow-lift); }
.mb-tier-badge { position: absolute; top: 18px; right: 18px; background: var(--ink); color: var(--yellow); font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; padding: 6px 12px; border-radius: var(--radius-pill); }
.mb-tier-tag { font-family: var(--mono); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-mute); }
.mb-tier-name { font-family: var(--serif); font-weight: 500; font-size: clamp(26px, 3vw, 34px); letter-spacing: -0.015em; color: var(--ink); margin: 8px 0 18px; }
.mb-tier-price { display: flex; align-items: baseline; gap: 8px; }
.mb-tier-amount { font-family: var(--sans); font-weight: 800; font-size: clamp(30px, 3.4vw, 40px); letter-spacing: -0.02em; color: var(--ink); }
.mb-tier-per { font-size: 14px; font-weight: 600; color: var(--ink-mute); }
.mb-tier-year { display: block; margin-top: 6px; font-size: 13.5px; color: var(--ink-soft); }
.mb-tier-oneline { margin: 18px 0 22px; font-size: 15px; line-height: 1.5; font-weight: 600; color: var(--ink); }
.mb-tier-list { list-style: none; margin: 24px 0 0; padding: 24px 0 0; border-top: 1px solid var(--cream-border); display: flex; flex-direction: column; gap: 13px; }
.mb-tier-list li { display: flex; align-items: flex-start; gap: 11px; font-size: 14.5px; line-height: 1.45; color: var(--ink-soft); }
.mb-tier-check { flex: none; width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; background: var(--co-accent-soft); color: var(--co-gold-ink); margin-top: 1px; }
.mb-tier-foot { margin: clamp(24px, 3vh, 32px) 0 0; text-align: center; font-size: 13px; color: var(--ink-mute); }

@media (max-width: 980px) {
  .mb-how { grid-template-columns: repeat(2, 1fr); }
  .mb-pillars { grid-template-columns: repeat(3, 1fr); }
  .mb-proof { grid-template-columns: repeat(2, 1fr); gap: 28px; }
  .mb-diag { grid-template-columns: repeat(3, 1fr); }
  .mb-spec, .mb-meds { grid-template-columns: 1fr; }
  .mb-spec-media, .mb-meds-media { aspect-ratio: 16 / 10; max-height: 420px; }
}
@media (max-width: 760px) {
  .mb-feats { grid-template-columns: 1fr; }
  .mb-progs { grid-template-columns: 1fr; }
  .mb-pillars { grid-template-columns: 1fr; }
  .mb-diag { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .mb-how { grid-template-columns: 1fr; }
  .mb-compare { grid-template-columns: 1fr; }
  .mb-tiers { grid-template-columns: 1fr; }
  .mb-meds-grid { grid-template-columns: 1fr; }
}
@media (max-width: 440px) {
  .mb-spec-chips { grid-template-columns: 1fr; }
}

/* ──────────────────────────────────────────────────────────────────────────
   /membership EXPERIMENT — scoped clean/white/bento theme (.mb-theme only).
   Flips tokens to white bg + near-black text + Schibsted Grotesk display.
   Nothing outside main.mb-theme is affected.
   ────────────────────────────────────────────────────────────────────────── */
.mb-theme {
  background: #ffffff;
  --ink: #14151A;
  --ink-soft: #5B5E66;
  --ink-mute: #8A8E97;
  --paper: #FFFFFF;
  --cream: #FFFFFF;
  --cream-border: #ECECEF;
  --co-fill: #F6F7F8;
  --co-accent-soft: #EEF1F5;
  --co-gold-ink: #14151A;
  --shadow-card: 0 1px 2px rgba(20,21,26,0.04), 0 14px 34px -24px rgba(20,21,26,0.20);
  --shadow-lift: 0 2px 4px rgba(20,21,26,0.05), 0 26px 60px -30px rgba(20,21,26,0.28);
}

/* Display headings → grotesk (replaces Newsreader serif on this page) */
.mb-theme :is(.co-d1, .co-d2, .ch-h1, .mb-feat-title, .mb-prog-name, .mb-tier-name, .bp-final-title) {
  font-family: var(--font-grotesk), var(--sans);
  font-weight: 600;
  letter-spacing: -0.03em;
}
.mb-theme .mb-proof-value { font-family: var(--font-grotesk), var(--sans); font-weight: 600; letter-spacing: -0.02em; }
.mb-theme :is(.ch-h1 em, .italic-em, .ch-mark) { font-style: normal; font-weight: 600; }

/* Boxed eyebrow pill (■ STATS look) */
.mb-theme .co-eyebrow {
  padding: 7px 13px; border: 1px solid var(--cream-border); border-radius: 999px;
  background: #fff; color: var(--ink); font-size: 11px; box-shadow: 0 1px 2px rgba(20,21,26,0.04);
}
.mb-theme .co-eyebrow .dot { width: 7px; height: 7px; border-radius: 2px; background: var(--ink); box-shadow: none; }

/* Bento rounding + cleaner cards */
.mb-theme :is(.mb-core-card, .mb-pillar, .mb-prog, .mb-diag-card, .mb-med-card, .mb-tier, .mb-cmp-card) {
  border-radius: clamp(18px, 1.8vw, 24px);
}
.mb-theme :is(.mb-spec-media, .mb-meds-media, .mb-proof) { border-radius: clamp(20px, 2vw, 28px); }
.mb-theme .mb-spec-chip { border-radius: 14px; }

/* Hero video as a floating bento card */
.mb-theme .ch-hero { padding: clamp(8px, 1.4vw, 16px); }
.mb-theme .ch-card { border-radius: clamp(24px, 3vw, 40px); }

/* Proof + final on near-black (matches the mono palette, not brand brown) */
.mb-theme .mb-proof-value { color: #fff; }
.mb-theme .mb-proof-label { color: rgba(255,255,255,0.62); }
.mb-theme .bp-final { background: linear-gradient(140deg, #161719 0%, #202127 58%, #161719 100%); }

/* ──────────────────────────────────────────────────────────────────────────
   /membership EXPERIMENT — scoped navbar (.mb-page only).
   At top: white. On scroll: the existing collapse-to-pill becomes grey + glassy
   with white text/logo (Superpower-style). Nothing outside .mb-page changes.
   ────────────────────────────────────────────────────────────────────────── */
/* Drop brand cream/brown across the whole page (header + footer too) →
   futuristic black / white / yellow. Keeps --yellow as the one accent. */
.mb-page {
  --ink: #14151A;
  --ink-soft: #5B5E66;
  --ink-mute: #8A8E97;
  --paper: #FFFFFF;
  --cream: #FFFFFF;
  --cream-deep: #F2F2F4;
  --cream-border: #ECECEF;
  --co-fill: #F6F7F8;
  --co-accent-soft: #EEF1F5;
  --co-gold-ink: #14151A;
}

/* Yellow promo banner + black "Nuevo" pill — futuristic (no cream/brown) */
.mb-page .co-promo { background: var(--yellow); border-bottom: 1px solid rgba(17,19,23,0.12); }
.mb-page .co-promo:hover { background: #EAE85F; }
.mb-page .co-promo .t, .mb-page .co-promo .code { color: #111317; }
.mb-page .co-promo-badge { background: #111317; color: #ffffff; }
.mb-page .co-topbar { background: #ffffff; }

/* Scroll state — text + logo flip to white inside the grey pill */
.mb-page .co-headwrap.is-scrolled:not(.is-menuopen) .co-iconnav-item { color: #ffffff; }
.mb-page .co-headwrap.is-scrolled:not(.is-menuopen) .co-iconnav-item::after { background: #ffffff; }
.mb-page .co-headwrap.is-scrolled:not(.is-menuopen) .co-bar img { filter: brightness(0) invert(1); }

/* Desktop pill = .co-bar */
@media (min-width: 861px) {
  .mb-page .co-headwrap.is-scrolled:not(.is-menuopen) .co-bar {
    background: rgba(48,50,56,0.5); backdrop-filter: blur(20px) saturate(150%);
    border-color: rgba(255,255,255,0.16);
    box-shadow: 0 16px 40px -20px rgba(0,0,0,0.5);
  }
}
/* Mobile pill = .co-iconnav */
@media (max-width: 860px) {
  .mb-page .co-headwrap.is-scrolled:not(.is-menuopen) .co-iconnav {
    background: rgba(48,50,56,0.5); backdrop-filter: blur(20px) saturate(150%);
    border-color: rgba(255,255,255,0.16);
    box-shadow: 0 16px 40px -20px rgba(0,0,0,0.45);
  }
}

/* ──────────────────────────────────────────────────────────────────────────
   /membership — dedicated header (Everlab/Superpower). Overlays the hero at
   top (transparent, white), collapses to a floating dark glass pill on scroll.
   ────────────────────────────────────────────────────────────────────────── */
.mbh { position: fixed; top: 0; left: 0; right: 0; z-index: 90; }

/* Promo strip — yellow, black "Nuevo" pill; hidden once scrolled */
.mbh-promo { display: flex; align-items: center; justify-content: center; gap: 10px; height: 42px; padding: 0 16px; background: var(--yellow); color: #111317; font-size: 13px; font-weight: 500; text-decoration: none; transition: background .2s; }
.mbh-promo:hover { background: #EAE85F; }
.mbh-promo-badge { flex: none; background: #111317; color: #fff; border-radius: 999px; padding: 3px 10px; font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.mbh-promo-arrow { font-weight: 700; }
.mbh-promo-fn { display: none; }
@media (min-width: 768px) { .mbh-promo-fn { display: inline; } }
.mbh.is-scrolled .mbh-promo { display: none; }

/* Bar — transparent over hero at top, dark glass pill on scroll */
.mbh-barwrap { width: 100%; }
.mbh-bar {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px;
  max-width: var(--container, 1240px); margin: 0 auto; height: 72px; padding: 0 32px;
  background: transparent; border: 1px solid transparent; border-radius: 0;
  transition: max-width .45s var(--ease), height .45s var(--ease), margin .45s var(--ease),
    padding .45s var(--ease), background .45s var(--ease), border-color .45s var(--ease),
    border-radius .45s var(--ease), box-shadow .45s var(--ease);
}
.mbh.is-scrolled .mbh-bar {
  max-width: 1120px; height: 60px; margin: 12px auto 0; padding: 0 12px 0 24px;
  background: rgba(18,19,24,0.55); backdrop-filter: blur(20px) saturate(150%);
  border-color: rgba(255,255,255,0.12); border-radius: 999px; box-shadow: 0 18px 44px -22px rgba(0,0,0,0.55);
}
.mbh-logo { justify-self: start; display: inline-flex; align-items: center; line-height: 0; }
.mbh-logo img { height: 24px; width: auto; display: block; }
.mbh-nav { justify-self: center; display: flex; align-items: center; gap: clamp(16px, 2.2vw, 40px); }
.mbh-link, .mbh-login { font-family: var(--font-grotesk), var(--sans); font-size: 15px; font-weight: 500; color: rgba(255,255,255,0.9); white-space: nowrap; transition: color .2s; }
.mbh-link:hover, .mbh-login:hover { color: #fff; }
.mbh-right { justify-self: end; display: flex; align-items: center; gap: 16px; }
.mbh-cta { display: inline-flex; align-items: center; gap: 7px; height: 44px; padding: 0 20px; border-radius: 999px; background: #fff; color: #111317; font-family: var(--font-grotesk), var(--sans); font-size: 15px; font-weight: 600; white-space: nowrap; transition: transform .2s var(--ease), box-shadow .2s var(--ease); }
.mbh-cta:hover { transform: translateY(-1px); box-shadow: 0 10px 24px -12px rgba(0,0,0,0.5); }

@media (max-width: 860px) {
  .mbh-bar { grid-template-columns: 1fr auto; height: 62px; padding: 0 18px; }
  .mbh.is-scrolled .mbh-bar { height: 54px; margin: 10px auto 0; }
  .mbh-nav, .mbh-login { display: none; }
  .mbh-cta { height: 40px; padding: 0 16px; font-size: 14px; }
}

/* Contained hero card — margins on all sides, rounded; promo sits above it,
   the nav overlays the card's top (Everlab/Superpower). 42px top = promo height. */
.mb-page .ch-hero { padding: 42px clamp(10px, 1.2vw, 16px) clamp(10px, 1.2vw, 16px); }
.mb-page .ch-card { border-radius: clamp(20px, 2.4vw, 34px); }

/* Anchor offset so the floating pill doesn't cover section tops */
.mb-page #incluye, .mb-page #como-funciona, .mb-page #testimonios, .mb-page #faq, .mb-page #precios { scroll-margin-top: 96px; }

/* Calendly fallback — shown when the widget script is blocked or times out. */
.cal-fallback {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  text-align: center;
  padding: 40px 24px;
  border: 1px solid var(--cream-border);
  border-radius: var(--radius-frame);
  background: var(--paper);
}
.cal-fallback p { font-size: 16px; color: var(--ink); margin: 0; }
.cal-fallback span { font-size: 13px; color: var(--ink-mute); }

/* Confirmation shown in place of the booking widget once it reports a submit. */
.co-cg-done { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px; padding: 56px 24px; }
.co-cg-done-icn { width: 56px; height: 56px; border-radius: 999px; background: var(--ui-mint-bg); color: var(--ui-mint-ink); display: grid; place-items: center; }
.co-cg-done .co-lede { max-width: 46ch; }

.gift-error { font-size: 14px; line-height: 1.5; color: var(--ui-peach-ink); background: var(--ui-peach-bg); border-radius: var(--radius-card); padding: 12px 14px; margin: 0; }

/* Newsletter submit spinner — the icon-only button had no visible sending state. */
.co-news-spin {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  border: 2px solid currentColor;
  border-top-color: transparent;
  animation: co-news-spin 0.7s linear infinite;
  display: block;
}
@keyframes co-news-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .co-news-spin { animation-duration: 2s; } }

/* Quiz progress: the bar alone said nothing about how much was left, and the
   step numbers were gated behind `total > 1` so single-question funnels
   showed no progress at all. */
.hl-ov-progress { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.hl-ov-progress .hl-ov-bar { width: 100%; flex: none; height: 6px; }
.hl-ov-count { font-size: 11.5px; letter-spacing: 0.02em; color: var(--ink-mute); white-space: nowrap; }
@media (max-width: 480px) { .hl-ov-count { font-size: 10.5px; } }
.file\:border-0::file-selector-button {
  border-width: 0px;
}
.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}
.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:font-medium::file-selector-button {
  font-weight: 500;
}
.placeholder\:text-gray-500::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.placeholder\:text-gray-500::placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.placeholder\:text-ink-mute::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(110 110 115 / var(--tw-text-opacity, 1));
}
.placeholder\:text-ink-mute::placeholder {
  --tw-text-opacity: 1;
  color: rgb(110 110 115 / var(--tw-text-opacity, 1));
}
.placeholder\:text-pg-muted-foreground::-moz-placeholder {
  color: var(--pg-muted-foreground);
}
.placeholder\:text-pg-muted-foreground::placeholder {
  color: var(--pg-muted-foreground);
}
.placeholder\:text-stone-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(168 162 158 / var(--tw-text-opacity, 1));
}
.placeholder\:text-stone-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(168 162 158 / var(--tw-text-opacity, 1));
}
.placeholder\:text-stone-500::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity, 1));
}
.placeholder\:text-stone-500::placeholder {
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity, 1));
}
.placeholder\:text-stone-500\/50::-moz-placeholder {
  color: rgb(120 113 108 / 0.5);
}
.placeholder\:text-stone-500\/50::placeholder {
  color: rgb(120 113 108 / 0.5);
}
.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}
.before\:left-0::before {
  content: var(--tw-content);
  left: 0px;
}
.before\:top-\[9px\]::before {
  content: var(--tw-content);
  top: 9px;
}
.before\:h-px::before {
  content: var(--tw-content);
  height: 1px;
}
.before\:w-2::before {
  content: var(--tw-content);
  width: 0.5rem;
}
.before\:bg-ink-mute::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(110 110 115 / var(--tw-bg-opacity, 1));
}
.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}
.first\:mt-0:first-child {
  margin-top: 0px;
}
.last\:mb-2:last-child {
  margin-bottom: 0.5rem;
}
.last\:border-0:last-child {
  border-width: 0px;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.hover\:z-20:hover {
  z-index: 20;
}
.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-\[1px\]:hover {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-\[2px\]:hover {
  --tw-translate-y: -2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-px:hover {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.015\]:hover {
  --tw-scale-x: 1.015;
  --tw-scale-y: 1.015;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.05\]:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-\[rgba\(24\2c 24\2c 45\2c 0\.14\)\]:hover {
  border-color: rgba(24,24,45,0.14);
}
.hover\:border-amber-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.hover\:border-green-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
}
.hover\:border-indigo-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}
.hover\:border-ink:hover {
  --tw-border-opacity: 1;
  border-color: rgb(29 29 31 / var(--tw-border-opacity, 1));
}
.hover\:border-purple-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));
}
.hover\:border-red-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.hover\:border-red-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.hover\:border-stone-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity, 1));
}
.hover\:border-stone-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(214 211 209 / var(--tw-border-opacity, 1));
}
.hover\:\!bg-stone-100:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:\!bg-stone-200:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:\!bg-stone-700:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(68 64 60 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-amber-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-50\/60:hover {
  background-color: rgb(255 251 235 / 0.6);
}
.hover\:bg-amber-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(120 53 15 / var(--tw-bg-opacity, 1));
}
.hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.hover\:bg-black\/10:hover {
  background-color: rgb(0 0 0 / 0.1);
}
.hover\:bg-cream:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.hover\:bg-hlab-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 29 31 / var(--tw-bg-opacity, 1));
}
.hover\:bg-hlab-lime\/80:hover {
  background-color: rgb(255 255 140 / 0.8);
}
.hover\:bg-hlab-lime\/90:hover {
  background-color: rgb(255 255 140 / 0.9);
}
.hover\:bg-ink:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 29 31 / var(--tw-bg-opacity, 1));
}
.hover\:bg-neutral-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.hover\:bg-pg-accent:hover {
  background-color: var(--pg-accent);
}
.hover\:bg-purple-100\/60:hover {
  background-color: rgb(243 232 255 / 0.6);
}
.hover\:bg-purple-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.hover\:bg-stone-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1));
}
.hover\:bg-stone-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}
.hover\:bg-stone-200\/60:hover {
  background-color: rgb(231 229 228 / 0.6);
}
.hover\:bg-stone-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-stone-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(68 64 60 / var(--tw-bg-opacity, 1));
}
.hover\:bg-stone-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(28 25 23 / var(--tw-bg-opacity, 1));
}
.hover\:bg-stone-900\/90:hover {
  background-color: rgb(28 25 23 / 0.9);
}
.hover\:bg-violet-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-violet-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}
.hover\:bg-white\/90:hover {
  background-color: rgb(255 255 255 / 0.9);
}
.hover\:\!text-stone-700:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(68 64 60 / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-amber-600:hover {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.hover\:text-amber-900:hover {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.hover\:text-green-600:hover {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.hover\:text-hlab-charcoal:hover {
  --tw-text-opacity: 1;
  color: rgb(58 58 60 / var(--tw-text-opacity, 1));
}
.hover\:text-hlab-lime:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 140 / var(--tw-text-opacity, 1));
}
.hover\:text-indigo-600:hover {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.hover\:text-ink:hover {
  --tw-text-opacity: 1;
  color: rgb(29 29 31 / var(--tw-text-opacity, 1));
}
.hover\:text-ink-soft:hover {
  --tw-text-opacity: 1;
  color: rgb(58 58 60 / var(--tw-text-opacity, 1));
}
.hover\:text-ink\/70:hover {
  color: rgb(29 29 31 / 0.7);
}
.hover\:text-paper:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:text-purple-600:hover {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.hover\:text-purple-700:hover {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}
.hover\:text-red-500:hover {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.hover\:text-red-600:hover {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.hover\:text-stone-500:hover {
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity, 1));
}
.hover\:text-stone-600:hover {
  --tw-text-opacity: 1;
  color: rgb(87 83 78 / var(--tw-text-opacity, 1));
}
.hover\:text-stone-700:hover {
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity, 1));
}
.hover\:text-stone-800:hover {
  --tw-text-opacity: 1;
  color: rgb(41 37 36 / var(--tw-text-opacity, 1));
}
.hover\:text-stone-900:hover {
  --tw-text-opacity: 1;
  color: rgb(28 25 23 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:no-underline:hover {
  text-decoration-line: none;
}
.hover\:decoration-\[\#1e9bff\]:hover {
  text-decoration-color: #1e9bff;
}
.hover\:decoration-gray-900:hover {
  text-decoration-color: #111827;
}
.hover\:decoration-ink:hover {
  text-decoration-color: #1D1D1F;
}
.hover\:decoration-2:hover {
  text-decoration-thickness: 2px;
}
.hover\:underline-offset-4:hover {
  text-underline-offset: 4px;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:shadow-card:hover {
  --tw-shadow: 0 18px 34px -28px rgba(24, 24, 45, 0.18);
  --tw-shadow-colored: 0 18px 34px -28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:border-emerald-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.focus\:border-orange-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}
.focus\:border-purple-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}
.focus\:border-stone-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(214 211 209 / var(--tw-border-opacity, 1));
}
.focus\:border-stone-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(168 162 158 / var(--tw-border-opacity, 1));
}
.focus\:border-stone-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(120 113 108 / var(--tw-border-opacity, 1));
}
.focus\:border-stone-900:focus {
  --tw-border-opacity: 1;
  border-color: rgb(28 25 23 / var(--tw-border-opacity, 1));
}
.focus\:border-transparent:focus {
  border-color: transparent;
}
.focus\:border-white\/40:focus {
  border-color: rgb(255 255 255 / 0.4);
}
.focus\:bg-pg-accent:focus {
  background-color: var(--pg-accent);
}
.focus\:text-pg-accent-foreground:focus {
  color: var(--pg-accent-foreground);
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-amber-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity, 1));
}
.focus\:ring-emerald-400\/20:focus {
  --tw-ring-color: rgb(52 211 153 / 0.2);
}
.focus\:ring-hlab-lime:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 140 / var(--tw-ring-opacity, 1));
}
.focus\:ring-ink\/20:focus {
  --tw-ring-color: rgb(29 29 31 / 0.2);
}
.focus\:ring-purple-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(243 232 255 / var(--tw-ring-opacity, 1));
}
.focus\:ring-red-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
}
.focus\:ring-stone-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(231 229 228 / var(--tw-ring-opacity, 1));
}
.focus\:ring-stone-300\/50:focus {
  --tw-ring-color: rgb(214 211 209 / 0.5);
}
.focus\:ring-stone-300\/60:focus {
  --tw-ring-color: rgb(214 211 209 / 0.6);
}
.focus\:ring-stone-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 162 158 / var(--tw-ring-opacity, 1));
}
.focus\:ring-stone-500\/20:focus {
  --tw-ring-color: rgb(120 113 108 / 0.2);
}
.focus\:ring-stone-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(41 37 36 / var(--tw-ring-opacity, 1));
}
.focus-visible\:pointer-events-auto:focus-visible {
  pointer-events: auto;
}
.focus-visible\:border-none:focus-visible {
  border-style: none;
}
.focus-visible\:border-pg-ring:focus-visible {
  border-color: var(--pg-ring);
}
.focus-visible\:opacity-100:focus-visible {
  opacity: 1;
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}
.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}
.focus-visible\:outline-ink:focus-visible {
  outline-color: #1D1D1F;
}
.focus-visible\:ring-0:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-\[3px\]:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-stone-300:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(214 211 209 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-stone-400:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(168 162 158 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.active\:scale-\[0\.95\]:active {
  --tw-scale-x: 0.95;
  --tw-scale-y: 0.95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.97\]:active {
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.98\]:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:cursor-grabbing:active {
  cursor: grabbing;
}
.active\:bg-stone-800:active {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 36 / var(--tw-bg-opacity, 1));
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-default:disabled {
  cursor: default;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:bg-stone-300:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity, 1));
}
.disabled\:opacity-30:disabled {
  opacity: 0.3;
}
.disabled\:opacity-35:disabled {
  opacity: 0.35;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:opacity-60:disabled {
  opacity: 0.6;
}
.disabled\:hover\:border-cream-border:hover:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(228 228 232 / var(--tw-border-opacity, 1));
}
.disabled\:hover\:bg-\[rgb\(41\2c 37\2c 36\)\]:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 36 / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:bg-paper:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:text-ink:hover:disabled {
  --tw-text-opacity: 1;
  color: rgb(29 29 31 / var(--tw-text-opacity, 1));
}
.disabled\:active\:scale-100:active:disabled {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[open] .group-open\:rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:focus-within .group-focus-within\:invisible {
  visibility: hidden;
}
.group:hover .group-hover\:pointer-events-auto {
  pointer-events: auto;
}
.group:hover .group-hover\:invisible {
  visibility: hidden;
}
.group:hover .group-hover\:translate-x-\[3px\] {
  --tw-translate-x: 3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/chat:hover .group-hover\/chat\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:gap-3 {
  gap: 0.75rem;
}
.group:hover .group-hover\:border-stone-300 {
  --tw-border-opacity: 1;
  border-color: rgb(214 211 209 / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:bg-ink {
  --tw-bg-opacity: 1;
  background-color: rgb(29 29 31 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 140 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-stone-700 {
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.group\/page:hover .group-hover\/page\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:shadow-\[0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0 2px 8px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.has-\[\>svg\]\:px-2\.5:has(>svg) {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.has-\[\>svg\]\:px-3:has(>svg) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.has-\[\>svg\]\:px-4:has(>svg) {
  padding-left: 1rem;
  padding-right: 1rem;
}
.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
  pointer-events: none;
}
.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-\[size\=sm\]\:max-w-xs[data-size="sm"] {
  max-width: 20rem;
}
.data-\[selected\=true\]\:bg-pg-accent[data-selected="true"] {
  background-color: var(--pg-accent);
}
.data-\[selected\=true\]\:bg-stone-100[data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1));
}
.data-\[state\=open\]\:bg-pg-accent[data-state="open"] {
  background-color: var(--pg-accent);
}
.data-\[inset\]\:pl-8[data-inset] {
  padding-left: 2rem;
}
.data-\[selected\=true\]\:text-pg-accent-foreground[data-selected="true"] {
  color: var(--pg-accent-foreground);
}
.data-\[selected\=true\]\:text-stone-900[data-selected="true"] {
  --tw-text-opacity: 1;
  color: rgb(28 25 23 / var(--tw-text-opacity, 1));
}
.data-\[state\=open\]\:text-pg-accent-foreground[data-state="open"] {
  color: var(--pg-accent-foreground);
}
.data-\[variant\=destructive\]\:text-pg-destructive[data-variant="destructive"] {
  color: var(--pg-destructive);
}
.data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
  opacity: 0.5;
}
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[variant\=destructive\]\:focus\:text-pg-destructive:focus[data-variant="destructive"] {
  color: var(--pg-destructive);
}
.group\/alert-dialog-content[data-size="sm"] .group-data-\[size\=sm\]\/alert-dialog-content\:grid {
  display: grid;
}
.group\/alert-dialog-content[data-size="sm"] .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 640px) {

  .sm\:inline-flex {
    display: inline-flex;
  }

  .sm\:w-\[248px\] {
    width: 248px;
  }

  .sm\:w-\[260px\] {
    width: 260px;
  }

  .sm\:max-w-2xl {
    max-width: 42rem;
  }

  .sm\:max-w-\[1180px\] {
    max-width: 1180px;
  }

  .sm\:max-w-md {
    max-width: 28rem;
  }

  .sm\:max-w-sm {
    max-width: 24rem;
  }

  .sm\:max-w-xl {
    max-width: 36rem;
  }

  .sm\:basis-\[calc\(\(100\%-18px\)\/2\)\] {
    flex-basis: calc((100% - 18px) / 2);
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:pt-24 {
    padding-top: 6rem;
  }

  .sm\:text-left {
    text-align: left;
  }

  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .sm\:text-\[34px\] {
    font-size: 34px;
  }

  .sm\:text-\[38px\] {
    font-size: 38px;
  }

  .sm\:text-\[40px\] {
    font-size: 40px;
  }

  .sm\:text-\[42px\] {
    font-size: 42px;
  }

  .sm\:text-\[48px\] {
    font-size: 48px;
  }

  .sm\:text-\[52px\] {
    font-size: 52px;
  }

  .sm\:text-\[60px\] {
    font-size: 60px;
  }

  .data-\[size\=default\]\:sm\:max-w-sm[data-size="default"] {
    max-width: 24rem;
  }

  .group\/alert-dialog-content[data-size="default"] .sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start {
    place-items: start;
  }

  .group\/alert-dialog-content[data-size="default"] .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left {
    text-align: left;
  }
}
@media (min-width: 768px) {

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .md\:mb-14 {
    margin-bottom: 3.5rem;
  }

  .md\:mt-8 {
    margin-top: 2rem;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:inline-flex {
    display: inline-flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-\[580px\] {
    height: 580px;
  }

  .md\:w-6 {
    width: 1.5rem;
  }

  .md\:w-\[200px\] {
    width: 200px;
  }

  .md\:w-\[268px\] {
    width: 268px;
  }

  .md\:w-\[280px\] {
    width: 280px;
  }

  .md\:w-\[370px\] {
    width: 370px;
  }

  .md\:flex-none {
    flex: none;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-end {
    justify-content: flex-end;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:gap-10 {
    gap: 2.5rem;
  }

  .md\:gap-12 {
    gap: 3rem;
  }

  .md\:gap-5 {
    gap: 1.25rem;
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:p-10 {
    padding: 2.5rem;
  }

  .md\:p-12 {
    padding: 3rem;
  }

  .md\:p-14 {
    padding: 3.5rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-7 {
    padding: 1.75rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:p-9 {
    padding: 2.25rem;
  }

  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .md\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .md\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .md\:py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .md\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .md\:pb-14 {
    padding-bottom: 3.5rem;
  }

  .md\:pb-16 {
    padding-bottom: 4rem;
  }

  .md\:pb-24 {
    padding-bottom: 6rem;
  }

  .md\:pb-8 {
    padding-bottom: 2rem;
  }

  .md\:pt-20 {
    padding-top: 5rem;
  }

  .md\:pt-32 {
    padding-top: 8rem;
  }

  .md\:pt-36 {
    padding-top: 9rem;
  }

  .md\:pt-40 {
    padding-top: 10rem;
  }

  .md\:text-right {
    text-align: right;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .md\:text-\[14px\] {
    font-size: 14px;
  }

  .md\:text-\[15px\] {
    font-size: 15px;
  }

  .md\:text-\[16px\] {
    font-size: 16px;
  }

  .md\:text-\[17px\] {
    font-size: 17px;
  }

  .md\:text-\[18px\] {
    font-size: 18px;
  }

  .md\:text-\[20px\] {
    font-size: 20px;
  }

  .md\:text-\[22px\] {
    font-size: 22px;
  }

  .md\:text-\[24px\] {
    font-size: 24px;
  }

  .md\:text-\[28px\] {
    font-size: 28px;
  }

  .md\:text-\[32px\] {
    font-size: 32px;
  }

  .md\:text-\[36px\] {
    font-size: 36px;
  }

  .md\:text-\[40px\] {
    font-size: 40px;
  }

  .md\:text-\[44px\] {
    font-size: 44px;
  }

  .md\:text-\[52px\] {
    font-size: 52px;
  }

  .md\:text-\[56px\] {
    font-size: 56px;
  }

  .md\:text-\[60px\] {
    font-size: 60px;
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:leading-relaxed {
    line-height: 1.625;
  }
}
@media (min-width: 1024px) {

  .lg\:sticky {
    position: sticky;
  }

  .lg\:top-28 {
    top: 7rem;
  }

  .lg\:top-0 {
    top: 0px;
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .lg\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .lg\:block {
    display: block;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-\[100svh\] {
    height: 100svh;
  }

  .lg\:h-screen {
    height: 100vh;
  }

  .lg\:max-h-\[calc\(100vh-8rem\)\] {
    max-height: calc(100vh - 8rem);
  }

  .lg\:min-h-\[480px\] {
    min-height: 480px;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:max-w-none {
    max-width: none;
  }

  .lg\:basis-\[calc\(\(100\%-36px\)\/3\)\] {
    flex-basis: calc((100% - 36px) / 3);
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[0\.85fr_1\.15fr\] {
    grid-template-columns: 0.85fr 1.15fr;
  }

  .lg\:grid-cols-\[1fr_320px\] {
    grid-template-columns: 1fr 320px;
  }

  .lg\:grid-cols-\[260px_1fr\] {
    grid-template-columns: 260px 1fr;
  }

  .lg\:grid-cols-\[260px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 260px minmax(0,1fr);
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:gap-12 {
    gap: 3rem;
  }

  .lg\:gap-16 {
    gap: 4rem;
  }

  .lg\:self-start {
    align-self: flex-start;
  }

  .lg\:overflow-y-auto {
    overflow-y: auto;
  }

  .lg\:border-r {
    border-right-width: 1px;
  }

  .lg\:p-7 {
    padding: 1.75rem;
  }

  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .lg\:text-\[60px\] {
    font-size: 60px;
  }

  .lg\:text-\[72px\] {
    font-size: 72px;
  }
}
@media (min-width: 1280px) {

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-stone-300::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity, 1));
}
.\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
  background-color: transparent;
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}
.\[\&\:\:-webkit-scrollbar\]\:w-1::-webkit-scrollbar {
  width: 0.25rem;
}
.\[\&\>button\:hover\]\:\!bg-stone-50>button:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 250 249 / var(--tw-bg-opacity, 1)) !important;
}
.\[\&\>button\]\:\!border-stone-200>button {
  --tw-border-opacity: 1 !important;
  border-color: rgb(231 229 228 / var(--tw-border-opacity, 1)) !important;
}
.\[\&\>button\]\:\!bg-white>button {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.\[\&\>button\]\:\!text-stone-600>button {
  --tw-text-opacity: 1 !important;
  color: rgb(87 83 78 / var(--tw-text-opacity, 1)) !important;
}
.\[\&\>span\:first-child\]\:text-\[11px\]>span:first-child {
  font-size: 11px;
}
.\[\&\>span\:last-child\]\:text-\[9px\]>span:last-child {
  font-size: 9px;
}
.\[\&_strong\]\:font-semibold strong {
  font-weight: 600;
}
.\[\&_strong\]\:text-ink strong {
  --tw-text-opacity: 1;
  color: rgb(29 29 31 / var(--tw-text-opacity, 1));
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*='size-']) {
  width: 0.75rem;
  height: 0.75rem;
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-pg-muted-foreground svg:not([class*='text-']) {
  color: var(--pg-muted-foreground);
}
.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}
.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}
[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-pg-background {
  color: var(--pg-background);
}