/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/layout.tsx","import":"Bricolage_Grotesque","arguments":[{"variable":"--font-bricolage","subsets":["latin"],"weight":["200","300","400","500","600","700","800"],"display":"swap"}],"variableName":"bricolage"} ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* vietnamese */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/93a6e477e1480c92-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: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/c7e0cf6c760983e7-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 200;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/9d5a263311222317-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: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/93a6e477e1480c92-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: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/c7e0cf6c760983e7-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/9d5a263311222317-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: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/93a6e477e1480c92-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: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/c7e0cf6c760983e7-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/9d5a263311222317-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: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/93a6e477e1480c92-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: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/c7e0cf6c760983e7-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/9d5a263311222317-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: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/93a6e477e1480c92-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: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/c7e0cf6c760983e7-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/9d5a263311222317-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: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/93a6e477e1480c92-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: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/c7e0cf6c760983e7-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/9d5a263311222317-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: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/93a6e477e1480c92-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: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/c7e0cf6c760983e7-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/9d5a263311222317-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: 'Bricolage Grotesque Fallback';src: local("Arial");ascent-override: 88.21%;descent-override: 25.61%;line-gap-override: 0.00%;size-adjust: 105.43%
}.__className_416171 {font-family: 'Bricolage Grotesque', 'Bricolage Grotesque Fallback';font-style: normal
}.__variable_416171 {--font-bricolage: 'Bricolage Grotesque', 'Bricolage Grotesque 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/layout.tsx","import":"DM_Sans","arguments":[{"variable":"--font-dm-sans","subsets":["latin"],"weight":["300","400","500","700"],"display":"swap"}],"variableName":"dmSans"} ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/7ab938503e4547a1-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/_next/static/media/13971731025ec697-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: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/7ab938503e4547a1-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/media/13971731025ec697-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: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/7ab938503e4547a1-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/media/13971731025ec697-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: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/7ab938503e4547a1-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/media/13971731025ec697-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: 'DM Sans Fallback';src: local("Arial");ascent-override: 94.90%;descent-override: 29.66%;line-gap-override: 0.00%;size-adjust: 104.53%
}.__className_97ada1 {font-family: 'DM Sans', 'DM Sans Fallback';font-style: normal
}.__variable_97ada1 {--font-dm-sans: 'DM Sans', 'DM Sans Fallback'
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[11].use[5]!./src/app/global.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ───────────── LIGHT (default) ───────────── */
:root {
  color-scheme: light;
  /* typography */
  --font-primary: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Bricolage Grotesque", "DM Sans", system-ui, sans-serif;
  --font-body: "DM Sans", -apple-system, system-ui, sans-serif;
  --font-fraunces: "Fraunces", Georgia, serif;
  --font-mono: ui-monospace, "JetBrains Mono", "SFMono-Regular", Menlo, monospace;
  /* page + surfaces */
  --bg-page: #FDFBF6;
  --bg-color: #f6f4ee;
  --color-bg: #f6f4ee;
  --section-bg: #f6f4ee;
  --bg-surface: #ffffff;
  --bg-surface-2: #FDFBF6;
  --border-color: #dedbd0;
  /* text */
  --text-primary: #2A3A4D;
  --text-color: #16190f;
  --heading-color: #16190f;
  --text-secondary: #4A5B6E;
  /* brand */
  --primary-color: #1d3544;
  --secondary-color: #273416;
  --accent-color: #d1f48c;
  --accent-soft: #eef9d6;
  --dot-core: #243114; /* centre of the lime checklist dots */
  --accent-lime: #1f3a27;
  --button-primary-text: #ffffff;
  --bg-surface-3: #FFFFFF;
  --status-warning-bg: #FBF0DA;
  --status-warning: #8A5A0E;
  --stage-positive-bg: #e3f2e8;
  --stage-positive-text: #16734d;
  --stage-review-bg: #fde7e2;
  --stage-review-text: #c43b2c;
  --bg-primary: #EEECE4;
  --bg-light-black: #ffffff;
  --lime: #C9DCCB;
  --bg-lime: #EEF9D6;
  --program-price-bg: #edf8d5;
  --program-summary-bg: #efeee7;
  --button-primary-bg: #1e3a28;
  --button-primary-text: #ffffff;
  /* Shipment progress */
  --shipment-bg: var(--bg-surface);
  --shipment-border: var(--border-color);
  --shipment-text: var(--text-primary);
  --shipment-muted: var(--text-secondary);
  --shipment-completed: #16834a;
  --shipment-completed-bg: #e5f6eb;
  --shipment-active: #d1f77b;
  --shipment-active-text: #26351b;
  --shipment-pending: #9299a5;
  --shipment-pending-bg: #e9ecef;
  --shipment-line: #d9ded5;
  /* Campaign status badges */
  --status-sending-bg: #eef4ff;
  --status-sending-text: #245bc4;
  --status-sending-border: #d6e4ff;
  --status-scheduled-bg: #fff4e2;
  --status-scheduled-text: #a96a12;
  --status-scheduled-border: #f6e3bd;
  --status-completed-bg: #e9f8f2;
  --status-completed-text: #16815d;
  --status-completed-border: #c9eddf;
  --status-draft-bg: #f1f4f8;
  --status-draft-text: #667387;
  --status-draft-border: #e2e7ee;
  --status-failed-bg: #fff0f2;
  --status-failed-text: #c43649;
  --status-failed-border: #f6d4da;
  --badge-green-bg: #e3f2e8;
  --badge-green-text: #16734d;
  --badge-orange-bg: #fff2dc;
  --badge-orange-text: #a76508;
  --badge-red-bg: #fde7e2;
  --badge-red-text: #c43b2c;
  --badge-blue-bg: #e5f0ff;
  --badge-blue-text: #2563a8;
  --badge-gray-bg: #eeeeee;
  --badge-gray-text: #616161;
  /* semantic aliases */
  --color-ink: #16190f;
  --color-muted: #63675a;
  --color-bg-muted: #f4f0e6;
  --color-bg-alt: #f8f5ee;
  --color-blue-light: #eaf1ff;
  --color-ink-soft: #1c2117;
  --color-border: #dedbd0;
  --color-primary: #d1f48c;
  --color-accent: #273416;
  --card-bg: #ffffff;
  --card-border: #dedbd0;
  --card-bg-alt: #eeece4; /* "Ours" panel */
  /* forms */
  --input-bg: #ffffff;
  --input-border: #d0d0d0;
  --input-text: #16190f;
  --placeholder-color: #83877a;
  /* switch */
  --switch-off-bg: #cfcabb;
  --switch-on-bg: #0f3d26;
  --switch-knob: #ffffff;
  /* sidebar + layout */
  --sidebar-bg: #ffffff;
  --sidebar-border: #dedbd0;
  --sidebar-item-hover: #f7f7f7;
  --sidebar-item-active: #f1efe9;
  --track-bg: #e6e3dc;
  /* primary CTA: deep green, cream text */
  --cta-bg: #0f3d26;
  --cta-bg-hover: #185235;
  --cta-text: #f4f7ec;
  --focus-ring: #1f3a27;
  /* pricing + plan cards */
  --check-color: #1f3a27; /* ✓ marks */
  --featured-border: #1a1a17; /* Per program / Every program border */
  --tag-bg: #1a1a17; /* "Start with one" pill */
  --tag-text: #ffffff;
  --chip-icon-bg: #e8e6dd; /* × circle */
  --personalize-border: #d9d4c4;
  /* "Margin-free · 0% markup" badge */
  --badge-bg: #1a1a17;
  --badge-accent: #d1f48c;
  --badge-text: #ffffff;
  /* old nav / footer (unchanged) */
  --nav-bg: #1d3544;
  --nav-text: rgba(255, 255, 255, 0.75);
  --nav-text-active: #ffffff;
  --nav-dropdown-bg: #ffffff;
  --nav-dropdown-border: rgba(227, 227, 227, 0.7);
  --nav-dropdown-item-hover: #f5f5f5;
  --footer-bg: #232323;
  --footer-text: #ffffff;
  /* links + status */
  --link-color: #1f3a27;
  --ok-color: #276b43;
  --ok-soft: #e3f2e8;
  --warn-color: #8a5a0e;
  --warn-soft: #fbf0da;
  --bad-color: #c2412d;
  --bad-soft: #fbe7e2;
  --ok: #23724A;
  /* shadows */
  --shadow-card: 0 1px 2px rgba(22, 25, 15, 0.06), 0 10px 30px -14px rgba(22, 25, 15, 0.22);
  --shadow-dropdown: 0 24px 48px -24px rgba(15, 35, 45, 0.28);
}

/* ───────────── DARK ───────────── */
[data-theme=dark] {
  color-scheme: dark;
  /* page + surfaces */
  --bg-page: #161C18;
  --bg-color: #11130d;
  --color-bg: #11130d;
  --section-bg: #11130d;
  --bg-surface: #191c14;
  --bg-surface-2: #161C18;
  --border-color: #2e3326;
  /* text */
  --text-primary: #E9E5DB;
  --text-color: #eeefe6;
  --heading-color: #eeefe6;
  --text-secondary: #B3BAB2;
  /* brand */
  --primary-color: #111d26;
  --secondary-color: #d1f48c;
  --accent-color: #d1f48c;
  --accent-soft: #26301a;
  --dot-core: #11130d;
  --lime: #3A4A3E;
  --accent-lime: #D1F48C;
  --button-primary-text: #151a12;
  --bg-surface-3: #191C14;
  --status-warning-bg: #33291A;
  --status-warning: #E6B45C;
  --stage-positive-bg: #1D2F22;
  --stage-positive-text: #6BCB8E;
  --stage-review-bg: #3A201B;
  --stage-review-text: #F08A76;
  --bg-primary: #20241A;
  --bg-light-black: #191C14;
  --bg-lime: #26301A;
  --program-price-bg: #263321;
  --program-summary-bg: #24261f;
  --button-primary-bg: #c9f76b;
  --button-primary-text: #182014;
  /* Shipment progress */
  --shipment-bg: var(--bg-surface-2);
  --shipment-border: var(--border-color);
  --shipment-text: var(--text-primary);
  --shipment-muted: var(--text-secondary);
  --shipment-completed: #65cb91;
  --shipment-completed-bg: #173b29;
  --shipment-active: #d1f77b;
  --shipment-active-text: #15180f;
  --shipment-pending: #92998a;
  --shipment-pending-bg: #292d23;
  --shipment-line: #45483b;
  /* Campaign status badges — Dark mode */
  --status-sending-bg: #1c2d49;
  --status-sending-text: #a5c5ff;
  --status-sending-border: #30476b;
  --status-scheduled-bg: #3b2d19;
  --status-scheduled-text: #f3c47c;
  --status-scheduled-border: #5b4527;
  --status-completed-bg: #173b30;
  --status-completed-text: #70d8b0;
  --status-completed-border: #285846;
  --status-draft-bg: #292e37;
  --status-draft-text: #c0c8d5;
  --status-draft-border: #3b424e;
  --status-failed-bg: #402128;
  --status-failed-text: #ff9eab;
  --status-failed-border: #60303a;
  /* semantic aliases */
  --color-ink: #eeefe6;
  --color-muted: #8f9484;
  --color-bg-muted: #191c14;
  --color-bg-alt: #151a12;
  --color-blue-light: #0f1e32;
  --color-ink-soft: #d1f48c;
  --color-border: #2e3326;
  --color-primary: #d1f48c;
  --color-accent: #d1f48c;
  --card-bg: #191c14;
  --card-border: #2e3326;
  --card-bg-alt: #20241a;
  --badge-green-bg: #153d2d;
  --badge-green-text: #6ee7a5;
  --badge-orange-bg: #45321a;
  --badge-orange-text: #ffc66d;
  --badge-red-bg: #482522;
  --badge-red-text: #ff9385;
  --badge-blue-bg: #1c3452;
  --badge-blue-text: #8abfff;
  --badge-gray-bg: #30343b;
  --badge-gray-text: #b6bdc8;
  /* forms */
  --input-bg: #1e2420;
  --input-border: #3a4038;
  --input-text: #eeefe6;
  --placeholder-color: #7a7f70;
  /* switch */
  --switch-off-bg: #3a4038;
  --switch-on-bg: #4caf78;
  --switch-knob: #ffffff;
  /* sidebar + layout */
  --sidebar-bg: #141915;
  --sidebar-border: #2e3326;
  --sidebar-item-hover: #1b211c;
  --sidebar-item-active: #202720;
  --track-bg: #232a24;
  /* primary CTA: lime, dark text */
  --cta-bg: #F1ECE0;
  --cta-bg-hover: #E4DCCA;
  --cta-text: #1a2410;
  --focus-ring: #d1f48c;
  /* pricing + plan cards */
  --check-color: #5fcf8a;
  --featured-border: #f1f1ea;
  --tag-bg: #eeeee6;
  --tag-text: #121510;
  --chip-icon-bg: #2a2f27;
  --personalize-border: #3d4a22;
  /* "Margin-free · 0% markup" badge */
  --badge-bg: #232d12;
  --badge-accent: #d1f48c;
  --badge-text: #e8ebe3;
  /* old nav / footer (unchanged) */
  --nav-bg: #111d26;
  --nav-text: rgba(255, 255, 255, 0.7);
  --nav-text-active: #ffffff;
  --nav-dropdown-bg: #1a2018;
  --nav-dropdown-border: rgba(60, 70, 55, 0.8);
  --nav-dropdown-item-hover: #242b21;
  --footer-bg: #0d1210;
  --footer-text: rgba(255, 255, 255, 0.85);
  /* links + status */
  --link-color: #d1f48c;
  --ok-color: #6bcb8e;
  --ok-soft: #1d2f22;
  --warn-color: #e6b45c;
  --warn-soft: #33291a;
  --bad-color: #f08a76;
  --bad-soft: #3a201b;
  --ok: #6BC28F;
  /* shadows */
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4), 0 12px 30px -14px rgba(0, 0, 0, 0.6);
  --shadow-dropdown: 0 24px 48px -24px rgba(0, 0, 0, 0.6);
}

/* ───────────── HIGH CONTRAST ─────────────
   If you already have other html.hc rules elsewhere, keep them;
   these declarations only add the new layout and pricing tokens. */
html.hc {
  --sidebar-bg: #ffffff;
  --sidebar-border: #000000;
  --sidebar-item-hover: #f0f0f0;
  --sidebar-item-active: #e0e0e0;
  --track-bg: #d0d0d0;
  --cta-bg: #000000;
  --cta-bg-hover: #1a1a1a;
  --cta-text: #ffffff;
  --focus-ring: #000000;
  --check-color: #000000;
  --featured-border: #000000;
  --tag-bg: #000000;
  --tag-text: #ffffff;
  --card-border: #000000;
  --input-border: #000000;
  --switch-off-bg: #d0d0d0;
  --switch-on-bg: #000000;
  --badge-bg: #000000;
  --badge-accent: #ffffff;
  --badge-text: #ffffff;
}

/* visible keyboard focus everywhere */
:where(a, button, input, [tabindex]):focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}

/* desktop only */
/* small desktop only */
/* Tablet and below */
/* Tablet only */
/* Mobile and smaller screen */
/* smaller screen  */
/* ─── AETHER EMAIL EDITOR THEME ───────────────────── */
:root,
[data-editor-theme=dark] {
  /* Theme colors: connected to the main SCSS variables */
  --primary-color: var(--cta-bg, #1f3a27);
  --secondary-color: var(--secondary-color, #273416);
  --primary-color-light: var(--accent-soft, #e9f7c9);
  /* Studio Backgrounds */
  --studio-bg: #090b10;
  --studio-surface: #10141d;
  --studio-surface-elevated: #161c28;
  --studio-surface-hover: #1c2435;
  --studio-surface-active: #222c40;
  /* Borders */
  --studio-card-border: rgba(255, 255, 255, 0.08);
  --studio-card-border-glow: color-mix(in srgb, var(--primary-color) 25%, transparent);
  --studio-border: rgba(255, 255, 255, 0.09);
  --studio-border-strong: rgba(255, 255, 255, 0.16);
  /* Text */
  --text-main: #f0f4fc;
  --text-muted: #8b9bb4;
  --text-dim: #54647c;
  --text-inverse: #090b10;
  /* Canvas */
  --canvas-area-bg: #0c0f17;
  --canvas-grid-line: rgba(255, 255, 255, 0.03);
  /* Primary Neon Accents */
  --neon-cyan: var(--primary-color);
  --neon-cyan-glow: color-mix(in srgb, var(--primary-color) 35%, transparent);
  --neon-lime: var(--primary-color);
  --neon-lime-glow: color-mix(in srgb, var(--primary-color) 30%, transparent);
  /* Supporting Accents */
  --neon-purple: #9d4edd;
  --neon-amber: #ffb703;
  --neon-rose: #ff4d6d;
  /* Toolbar */
  --toolbar-bg: rgba(14, 18, 26, 0.97);
  --toolbar-border: var(--studio-border);
  /* Sidebar */
  --sidebar-bg: var(--studio-surface);
  /* Inspector */
  --inspector-bg: var(--studio-surface);
  --inspector-header: rgba(10, 13, 19, 0.97);
  /* Inputs */
  --input-bg: #07090e;
  --input-border: rgba(255, 255, 255, 0.1);
  --input-text: #ffffff;
  /* Shadows */
  --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.35);
  --shadow-glow: 0 0 25px color-mix(in srgb, var(--primary-color) 15%, transparent);
  --shadow-dropdown: 0 16px 36px rgba(0, 0, 0, 0.65),
    0 0 0 1px rgba(255, 255, 255, 0.1);
  --shadow-canvas: 0 20px 60px rgba(0, 0, 0, 0.65),
    0 0 0 1px rgba(255, 255, 255, 0.08);
  /* Widget Cards */
  --widget-card-bg: var(--studio-surface-elevated);
  --widget-icon-bg: color-mix(in srgb, var(--primary-color) 8%, transparent);
  --widget-icon-fg: var(--primary-color);
  /* Tabs */
  --tab-strip-bg: rgba(10, 13, 19, 0.97);
  /* Selection */
  --selection-ring: var(--primary-color);
  --selection-glow: color-mix(in srgb, var(--primary-color) 25%, transparent);
  /* Empty State */
  --empty-icon-bg: color-mix(in srgb, var(--primary-color) 8%, transparent);
  --empty-title: var(--text-main);
  --empty-desc: #64748b;
  --empty-btn-bg: #0f172a;
  --empty-btn-fg: #ffffff;
  --empty-btn-hover-bg: var(--primary-color);
  --empty-btn-hover-fg: var(--secondary-color);
  /* Section Controls */
  --sec-toolbar-bg: #0f172a;
  --el-action-bg: #090d16;
  --col-empty-border: #cbd5e1;
  /* Modal */
  --modal-overlay: rgba(4, 6, 10, 0.88);
  --modal-bg: var(--studio-surface);
  --modal-header-bg: var(--studio-bg);
  --modal-code-bg: #07090e;
  --modal-code-text: #a5b4fc;
  /* Scrollbar */
  --scrollbar-thumb: rgba(255, 255, 255, 0.12);
  --scrollbar-hover: color-mix(in srgb, var(--primary-color) 40%, transparent);
  /* Toast */
  --toast-bg: var(--studio-surface-elevated);
  --toast-border: var(--studio-border-strong);
  /* Layout */
  --header-height: 56px;
  --sidebar-width: 320px;
  --properties-width: 340px;
}

/* ─── LIGHT THEME ─────────────────────────────────── */
[data-editor-theme=light] {
  /* Theme colors */
  --primary-color: var(--cta-bg, #1f3a27);
  --secondary-color: var(--secondary-color, #273416);
  --primary-color-light: var(--accent-soft, #e9f7c9);
  /* Studio Backgrounds */
  --studio-bg: #f0f2f7;
  --studio-surface: #ffffff;
  --studio-surface-elevated: #f7f8fc;
  --studio-surface-hover: #eef0f7;
  --studio-surface-active: #e4e7f2;
  /* Borders */
  --studio-card-border: rgba(0, 0, 0, 0.08);
  --studio-card-border-glow: color-mix(in srgb, var(--primary-color) 55%, transparent);
  --studio-border: rgba(0, 0, 0, 0.09);
  --studio-border-strong: rgba(0, 0, 0, 0.18);
  /* Text */
  --text-main: #0f172a;
  --text-muted: #475569;
  --text-dim: #94a3b8;
  --text-inverse: #ffffff;
  /* Canvas */
  --canvas-area-bg: #dde1ec;
  --canvas-grid-line: rgba(0, 0, 0, 0.04);
  /* Primary Neon Accents */
  --neon-cyan: var(--primary-color);
  --neon-cyan-glow: color-mix(in srgb, var(--primary-color) 35%, transparent);
  --neon-lime: var(--primary-color);
  --neon-lime-glow: color-mix(in srgb, var(--primary-color) 30%, transparent);
  /* Supporting Accents */
  --neon-purple: #7c3aed;
  --neon-amber: #b45309;
  --neon-rose: #e11d48;
  /* Toolbar */
  --toolbar-bg: rgba(255, 255, 255, 0.97);
  --toolbar-border: var(--studio-border);
  /* Sidebar */
  --sidebar-bg: var(--studio-surface);
  /* Inspector */
  --inspector-bg: var(--studio-surface);
  --inspector-header: rgba(248, 250, 252, 0.97);
  /* Inputs */
  --input-bg: #f1f5f9;
  --input-border: rgba(0, 0, 0, 0.12);
  --input-text: #0f172a;
  /* Shadows */
  --shadow-subtle: 0 2px 12px rgba(0, 0, 0, 0.08);
  --shadow-glow: 0 0 18px color-mix(in srgb, var(--primary-color) 18%, transparent);
  --shadow-dropdown: 0 12px 32px rgba(0, 0, 0, 0.15),
    0 0 0 1px rgba(0, 0, 0, 0.08);
  --shadow-canvas: 0 12px 40px rgba(0, 0, 0, 0.14),
    0 0 0 1px rgba(0, 0, 0, 0.08);
  /* Widget Cards */
  --widget-card-bg: var(--studio-surface-elevated);
  --widget-icon-bg: color-mix(in srgb, var(--primary-color) 22%, white);
  --widget-icon-fg: var(--secondary-color);
  /* Tabs */
  --tab-strip-bg: #f0f2f7;
  /* Selection */
  --selection-ring: var(--secondary-color);
  --selection-glow: color-mix(in srgb, var(--primary-color) 50%, transparent);
  /* Empty State */
  --empty-icon-bg: color-mix(in srgb, var(--primary-color) 22%, white);
  --empty-title: var(--text-main);
  --empty-desc: #64748b;
  --empty-btn-bg: var(--secondary-color);
  --empty-btn-fg: #ffffff;
  --empty-btn-hover-bg: var(--primary-color);
  --empty-btn-hover-fg: var(--secondary-color);
  /* Section Controls */
  --sec-toolbar-bg: #f1f5f9;
  --el-action-bg: #e2e8f0;
  --col-empty-border: #94a3b8;
  /* Modal */
  --modal-overlay: rgba(15, 23, 42, 0.6);
  --modal-bg: var(--studio-surface);
  --modal-header-bg: #f8fafc;
  --modal-code-bg: #1e293b;
  --modal-code-text: #93c5fd;
  /* Scrollbar */
  --scrollbar-thumb: rgba(0, 0, 0, 0.15);
  --scrollbar-hover: color-mix(in srgb, var(--primary-color) 65%, transparent);
  /* Toast */
  --toast-bg: #ffffff;
  --toast-border: rgba(0, 0, 0, 0.12);
}

/* ─── DROP INDICATOR ───────────────────────────────── */
@keyframes dropIndicatorPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(0.96);
  }
}
[data-continere-embed] {
  --embed-primary: #0f6b5c;
  --embed-primary-hover: #0c5548;
  --embed-primary-text: #ffffff;
  --embed-background: #f6f5f1;
  --embed-surface: #ffffff;
  --embed-text: #16211c;
  --embed-muted: #5c675f;
  --embed-border: #e2e4dd;
  --embed-error: #b23b30;
  --embed-error-bg: #fbeeec;
  --embed-success: #0f6b5c;
  --embed-focus-ring: #0f6b5c;
  --embed-primary-tint: color-mix(in srgb, var(--embed-primary) 12%, var(--embed-surface));
  --embed-primary-tint-strong: color-mix(in srgb, var(--embed-primary) 22%, var(--embed-surface));
  --embed-font: -apple-system, "Segoe UI", "Inter", ui-sans-serif, system-ui, sans-serif;
  --embed-font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace;
  --embed-text-eyebrow: clamp(0.6875rem, 0.64rem + 0.2cqi, 0.75rem);
  --embed-text-caption: clamp(0.75rem, 0.71rem + 0.2cqi, 0.8125rem);
  --embed-text-body: clamp(1rem, 1rem + 0.25cqi, 1rem);
  --embed-text-label: clamp(0.8125rem, 0.78rem + 0.2cqi, 0.875rem);
  --embed-text-price: clamp(0.8125rem, 0.78rem + 0.2cqi, 0.9375rem);
  --embed-text-card-title: clamp(1rem, 0.94rem + 0.4cqi, 1.125rem);
  --embed-text-section-title: clamp(1.0625rem, 0.98rem + 0.5cqi, 1.25rem);
  --embed-text-page-title: clamp(1.25rem, 1.1rem + 1cqi, 1.75rem);
  --embed-text-button: clamp(0.8125rem, 0.78rem + 0.2cqi, 0.9375rem);
  --embed-leading-tight: 1.2;
  --embed-leading-normal: 1.5;
  --embed-tracking-eyebrow: 0.08em;
  --embed-space-3xs: 0.25rem;
  --embed-space-2xs: 0.375rem;
  --embed-space-xs: 0.5rem;
  --embed-space-sm: 0.75rem;
  --embed-space-md: 1rem;
  --embed-space-lg: 1.5rem;
  --embed-space-xl: 2rem;
  --embed-space-2xl: 2.5rem;
  --embed-radius: 0.625rem;
  --embed-radius-sm: 0.375rem;
  --embed-radius-pill: 999px;
  --embed-border-width: 1px;
  --embed-density: 1;
  --embed-pad-card: calc(1.25rem * var(--embed-density));
  --embed-pad-control: calc(0.75rem * var(--embed-density));
  --embed-gap-grid: calc(1rem * var(--embed-density));
  --embed-transition-fast: 120ms ease;
  --embed-transition-base: 180ms cubic-bezier(0.2, 0, 0, 1);
  --embed-shadow-card: 0 1px 2px rgba(16, 24, 20, 0.04);
  --embed-shadow-card-hover: 0 4px 16px rgba(16, 24, 20, 0.08);
  --embed-shadow-popover: 0 8px 30px rgba(16, 24, 20, 0.12);
}

[data-continere-embed][data-theme=dark] {
  --embed-background: #0e1816;
  --embed-surface: #152421;
  --embed-text: #f1f5f3;
  --embed-muted: #8fa09b;
  --embed-border: #283d38;
  --embed-error: #f87171;
  --embed-error-bg: #2b1717;
  --embed-success: #34d399;
  --embed-focus-ring: var(--embed-primary);
  --embed-primary-tint: color-mix(in srgb, var(--embed-primary) 18%, var(--embed-surface));
  --embed-primary-tint-strong: color-mix(in srgb, var(--embed-primary) 30%, var(--embed-surface));
  --embed-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.4);
  --embed-shadow-card-hover: 0 4px 16px rgba(0, 0, 0, 0.5);
  --embed-shadow-popover: 0 8px 30px rgba(0, 0, 0, 0.6);
}

[data-continere-embed][data-density=compact] {
  --embed-density: 0.72;
  --embed-space-lg: 1.125rem;
  --embed-space-xl: 1.5rem;
  --embed-space-2xl: 1.75rem;
}

@media (prefers-reduced-motion: reduce) {
  [data-continere-embed] {
    --embed-transition-fast: 0ms;
    --embed-transition-base: 0ms;
  }
}
[data-continere-embed] {
  all: initial;
  display: block;
  container-type: inline-size;
  container-name: continere-embed;
  box-sizing: border-box;
  font-family: var(--embed-font);
  font-size: 100%;
  line-height: var(--embed-leading-normal);
  color: var(--embed-text);
  background: var(--embed-background);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  min-height: 100%;
}
[data-continere-embed] *,
[data-continere-embed] *::before,
[data-continere-embed] *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}
[data-continere-embed] ul,
[data-continere-embed] ol {
  list-style: none;
}
[data-continere-embed] img,
[data-continere-embed] svg {
  display: block;
  max-width: 100%;
}
[data-continere-embed] button,
[data-continere-embed] input,
[data-continere-embed] select,
[data-continere-embed] textarea {
  background: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
[data-continere-embed] button {
  cursor: pointer;
}
[data-continere-embed] button:disabled {
  cursor: not-allowed;
}
[data-continere-embed] a {
  text-decoration: none;
}
[data-continere-embed] :focus-visible {
  outline: 2px solid var(--embed-focus-ring);
  outline-offset: 2px;
  border-radius: var(--embed-radius-sm);
}
[data-continere-embed] input,
[data-continere-embed] select,
[data-continere-embed] textarea {
  font-size: max(1rem, var(--embed-text-body));
}

[data-continere-embed],
[data-continere-embed] * {
  overflow-wrap: break-word;
}

[data-continere-embed] {
  overflow-x: hidden;
}

@font-face {
  font-family: "Bricolage Grotesque";
  src: url("/fonts/BricolageGrotesque/BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf") format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("/fonts/DmSans/DMSans-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("/fonts/Fraunces/Fraunces-Variable.ttf") format("truetype");
  font-weight: 100 900; /* variable wght axis range */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("/fonts/Fraunces/Fraunces-Italic-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
  background: var(--bg-page);
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  letter-spacing: -0.32px;
  transition: background-color 0.25s ease, color 0.25s ease;
}

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

.d1, .d2, .d3 {
  font-family: var(--font-display, "Bricolage Grotesque", "DM Sans", sans-serif);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.d1 {
  font-size: clamp(46px, 6.4vw, 92px);
  line-height: 1.04;
}

.d2 {
  font-size: clamp(34px, 4.6vw, 62px);
}

.d3 {
  font-size: clamp(24px, 3vw, 38px);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}
html.hc {
  --bg-page: #ffffff;
  --bg-surface: #ffffff;
  --border: #000000;
  --text-primary: #000000;
  --text-secondary: #1a1a1a;
  --brand-green: #ffff00;
  --brand-yellow: #ffff00;
  --brand-blue: #ffffff;
  --brand-blue-l: #ffffff;
}
html.hc .card, html.hc .btn, html.hc .btn-sec {
  border: 2px solid #000 !important;
}

html.rm *,
html.rm *::before,
html.rm *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}

html.sf body,
html.sf body * {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html.ls body p,
html.ls body li,
html.ls body a,
html.ls body h1,
html.ls body h2,
html.ls body h3,
html.ls body h4 {
  line-height: 1.8 !important;
}

html.ls body p {
  margin-bottom: 14px;
}

html.bw body > * {
  filter: grayscale(1);
}

html.hl body a {
  text-decoration: underline !important;
  text-underline-offset: 3px;
  font-weight: 700 !important;
}

.headerEyebrow {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-secondary);
}

.headerDes {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--text-secondary);
  margin-top: 5px;
}

.headerTitle {
  font-family: var(--font-primary);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--heading-color);
}
@media screen and (max-width: 767px) {
  .headerTitle {
    font-size: 19px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/NewFlow/NewOnboarding/OnboardingPage/Publishingoverlay/Publishingoverlay.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* desktop only */
/* small desktop only */
/* Tablet and below */
/* Tablet only */
/* Mobile and smaller screen */
/* smaller screen  */
.Publishingoverlay_overlay__cx3SI {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgba(8, 10, 8, 0.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  animation: Publishingoverlay_fade__Ml1Hk 0.2s ease;
}
.Publishingoverlay_overlay__cx3SI.Publishingoverlay_out__VJcvh {
  opacity: 0;
  transition: opacity 0.22s ease;
  pointer-events: none;
}

.Publishingoverlay_card__b5dKX {
  width: min(440px, 100%);
  padding: 20px 22px 22px;
  outline: none;
  border-radius: 20px;
  background: var(--bg-surface-2, #181b16);
  color: var(--text-primary, #f1f1ea);
  border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
}
.Publishingoverlay_card__b5dKX h3 {
  margin: 0 0 14px;
  font-size: 17px;
  font-weight: 700;
}
.Publishingoverlay_card__b5dKX ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (max-width: 767px) {
  .Publishingoverlay_card__b5dKX {
    padding: 18px;
  }
}

/* every row keeps its space (no layout jump) but only appears when its step starts */
.Publishingoverlay_row__vy43F {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 15px;
  line-height: 1.35;
}
@media screen and (max-width: 767px) {
  .Publishingoverlay_row__vy43F {
    font-size: 14px;
  }
}

.Publishingoverlay_hold__p3GL_ {
  opacity: 0;
  transform: translateY(14px);
}

.Publishingoverlay_show__t90WJ {
  animation: Publishingoverlay_rise__SUUy2 0.38s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.Publishingoverlay_ic__jyARO {
  flex: none;
  width: 22px;
  height: 22px;
  margin-top: -1px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid transparent;
}
.Publishingoverlay_done__VFZaP .Publishingoverlay_ic__jyARO {
  background: var(--ok, #5fcf8a);
  color: #0c1a10;
  animation: Publishingoverlay_pop__8mKNu 0.25s ease;
}
.Publishingoverlay_error__WU4Ex .Publishingoverlay_ic__jyARO {
  background: #ef6b6b;
  color: #230a0a;
}
.Publishingoverlay_active__7qvAR .Publishingoverlay_ic__jyARO {
  border-color: var(--border-color, rgba(255, 255, 255, 0.18));
}

.Publishingoverlay_spin__u4hJ8 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid var(--border-color, rgba(255, 255, 255, 0.18));
  border-top-color: var(--ok, #5fcf8a);
  animation: Publishingoverlay_spin__u4hJ8 0.7s linear infinite;
}

.Publishingoverlay_active__7qvAR {
  color: var(--text-primary, #f1f1ea);
}

.Publishingoverlay_fail__VNENW {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
}
.Publishingoverlay_fail__VNENW p {
  margin: 0;
  font-size: 14px;
  color: #ef8a8a;
}

.Publishingoverlay_acts__uhn1w {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
}

.Publishingoverlay_primary__hXc5Q, .Publishingoverlay_ghost__hrMpl {
  padding: 10px 20px;
  border-radius: 999px;
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  font-size: 14px;
}

.Publishingoverlay_primary__hXc5Q {
  border: 0;
  background: var(--cta-bg, #d4f58a);
  color: var(--cta-text, #11140d);
}

.Publishingoverlay_ghost__hrMpl {
  background: transparent;
  color: var(--text-primary, #f1f1ea);
  border: 1px solid var(--border-color, rgba(255, 255, 255, 0.18));
}

@keyframes Publishingoverlay_rise__SUUy2 {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes Publishingoverlay_pop__8mKNu {
  from {
    transform: scale(0.5);
  }
  to {
    transform: scale(1);
  }
}
@keyframes Publishingoverlay_spin__u4hJ8 {
  to {
    transform: rotate(360deg);
  }
}
@keyframes Publishingoverlay_fade__Ml1Hk {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .Publishingoverlay_show__t90WJ {
    animation: Publishingoverlay_fade__Ml1Hk 0.2s ease both;
  }
  .Publishingoverlay_hold__p3GL_ {
    transform: none;
  }
  .Publishingoverlay_spin__u4hJ8 {
    animation-duration: 1.6s;
  }
}