/* Public MindCoda surfaces. Existing app theme and account state stay separate. */
body.is-marketing {
  color-scheme: dark;
  --mc-ink: #f4f6ff;
  --mc-ink-secondary: #b9c4dc;
  --mc-teal: #a1eed1;
  --mc-on-accent: #ffffff;
  --mc-blue: #9eb9ff;
  --mc-deep-blue: #121e49;
  --mc-surface: #142039;
  --mc-pearl: #0b1225;
  --mc-mint: #a1eed1;
  --mc-cream: #c9dfff;
  --mc-line: rgba(184, 204, 255, .15);
  --mc-line-strong: rgba(184, 204, 255, .3);
  --mc-glass-subtle: rgba(25, 38, 65, .6);
  --mc-glass-standard: rgba(27, 40, 68, .78);
  --mc-glass-strong: #16223b;
  --mc-glass-border: rgba(197, 213, 255, .18);
  --mc-glass-highlight: rgba(225, 236, 255, .1);
  --mc-shadow-subtle: 0 8px 24px rgba(2, 6, 19, .16);
  --mc-shadow-elevated: 0 20px 48px rgba(2, 6, 19, .24);
  --mc-shadow-sheet: 0 24px 70px rgba(2, 6, 19, .42);
  --mc-success: #a1eed1;
  --mc-danger: #ffbac7;
  --mc-danger-surface: #48202a;
  --mc-warning: #f8d878;
  --mc-warning-surface: #463a12;
  --mc-background: #0b1225;
  --mc-marketing-primary: linear-gradient(120deg, #3867e8, #6552d7);
  --mc-marketing-canvas: #0b1225;
  --mc-marketing-card: #142039;
  --mc-marketing-selected: rgba(113, 140, 240, .22);
  background: var(--mc-marketing-canvas);
}

body.is-marketing .marketing-page {
  color: var(--mc-ink);
  background: radial-gradient(ellipse at 85% 8%, rgba(65, 95, 138, .15), transparent 30%),
    radial-gradient(ellipse at 5% 25%, rgba(39, 107, 119, .1), transparent 26%), var(--mc-marketing-canvas);
}
body.is-marketing .marketing-page > :not(.welcome-phase) { opacity: 1; transform: none; }
body.is-marketing .marketing-nav { min-height: 88px; gap: 20px; }
body.is-marketing .brand { color: var(--mc-ink); }
body.is-marketing .brand-icon { width: 38px; height: 38px; box-shadow: 0 5px 18px rgba(0, 0, 0, .2); }
body.is-marketing .marketing-signin {
  min-height: 44px; padding: 9px 19px; border: 1px solid var(--mc-line);
  border-radius: var(--mc-radius-pill); color: var(--mc-ink); background: rgba(166, 189, 241, .06);
  box-shadow: inset 0 1px 0 var(--mc-glass-highlight);
  transition: background 180ms ease, border-color 180ms ease;
}
body.is-marketing .marketing-signin:hover { border-color: var(--mc-line-strong); color: var(--mc-ink); background: rgba(166, 189, 241, .12); }
body.is-marketing .marketing-landing {
  grid-template-columns: minmax(0, 1.06fr) minmax(340px, .88fr);
  column-gap: clamp(32px, 5vw, 72px); row-gap: 40px;
  min-height: 0; padding-block: clamp(40px, 5vw, 72px) 48px;
}
body.is-marketing .marketing-hero--landing { max-width: 680px; padding: 0; }
body.is-marketing .marketing-hero--landing::before { display: none; }
body.is-marketing .marketing-hero--landing h1 {
  margin: 18px 0 24px; color: var(--mc-ink); font-size: clamp(4rem, 7.1vw, 6.4rem);
  letter-spacing: -.055em; line-height: .99;
}
body.is-marketing .marketing-hero--landing h1 em { color: #b9eedb; letter-spacing: -.045em; }
body.is-marketing .marketing-hero--landing > p:not(.eyebrow):not(.marketing-note) {
  max-width: 49ch; color: var(--mc-ink-secondary); font-size: 1.125rem; line-height: 1.65;
}
body.is-marketing .eyebrow { color: #a1eed1; font-size: .75rem; letter-spacing: .16em; }
body.is-marketing .marketing-actions { gap: 16px; margin-top: 28px; flex-wrap: wrap; }
body.is-marketing .mc-button--primary {
  min-height: 54px; border-color: rgba(186, 199, 255, .25); color: #fff;
  background: var(--mc-marketing-primary); box-shadow: 0 8px 24px rgba(31, 49, 140, .24), inset 0 1px 0 rgba(255, 255, 255, .16);
}
body.is-marketing .mc-button--primary:hover:not(:disabled) {
  color: #fff; background: linear-gradient(120deg, #3d6be4, #6c58d9);
  box-shadow: 0 12px 28px rgba(31, 49, 140, .3), inset 0 1px 0 rgba(255, 255, 255, .2);
}
body.is-marketing .mc-button:active:not(:disabled), body.is-marketing .marketing-signin:active { transform: translateY(1px); box-shadow: inset 0 2px 6px rgba(0, 0, 0, .15); }
body.is-marketing .mc-button:disabled { opacity: .5; cursor: not-allowed; transform: none; }
body.is-marketing .mc-button[aria-busy="true"] { cursor: wait; }
body.is-marketing .mc-button--secondary { color: var(--mc-ink); background: var(--mc-glass-standard); border-color: var(--mc-line-strong); }
body.is-marketing .marketing-explore { color: #d5def4; min-height: 44px; padding-inline: 4px; font-size: .875rem; }
body.is-marketing .marketing-explore:hover { color: #a1eed1; }
body.is-marketing .marketing-cta svg, body.is-marketing .marketing-explore svg { display: none; }
body.is-marketing :is(button, a, input, [role="tabpanel"]):focus-visible { outline: 3px solid #a1eed1; outline-offset: 4px; }
body.is-marketing .skip-link { color: #081b20; background: #a1eed1; }
body.is-marketing .marketing-today-preview {
  width: min(100%, 405px); margin-top: 24px; padding: 18px 20px;
  border: 1px solid var(--mc-line); border-radius: var(--mc-radius-md);
  background: rgba(21, 34, 57, .75); box-shadow: inset 0 1px 0 var(--mc-glass-highlight);
}
body.is-marketing .marketing-today-preview__head .eyebrow { font-size: .75rem; }
body.is-marketing .marketing-today-preview__sample { font-size: .75rem; }
body.is-marketing .marketing-today-preview__body span { font-size: .875rem; }
body.is-marketing .marketing-today-preview__body small { font-size: .8125rem; color: #a1eed1; }
body.is-marketing .marketing-today-preview__ring { background: conic-gradient(#a1eed1 0 37%, #2e3d59 37% 100%); }
body.is-marketing .marketing-today-preview__ring span { background: #152239; }
body.is-marketing .marketing-note { color: #b9c4dc; font-size: .8125rem; }

/* The existing hero preview now shows small, clearly labeled student moments. */
body.is-marketing .marketing-motion {
  display: grid; opacity: 1; transform: none; gap: 20px; padding: 24px;
  border: 1px solid rgba(186, 205, 255, .22); border-radius: var(--mc-radius-xl);
  color: var(--mc-ink); background: linear-gradient(145deg, rgba(34, 47, 78, .9), rgba(20, 31, 53, .95));
  box-shadow: var(--mc-shadow-elevated), inset 0 1px 0 rgba(227, 237, 255, .12);
  backdrop-filter: none; -webkit-backdrop-filter: none; animation: none;
}
body.is-marketing .marketing-motion::before { display: none; }
.mc-preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mc-preview-heading > span { color: #b9c4dc; font-size: .75rem; }
.mc-preview-scene { position: relative; overflow: hidden; margin: 0; border-radius: 18px; background: #17253b; }
.mc-preview-scene img { display: block; width: 100%; height: 166px; object-fit: cover; object-position: 50% 52%; }
.mc-preview-scene figcaption {
  position: absolute; inset: auto 0 0; padding: 24px 18px 14px;
  color: #fff; background: linear-gradient(transparent, rgba(7, 14, 25, .95));
  font-family: var(--mc-font-serif); font-size: 1.375rem; font-style: italic; line-height: 1.3;
}
.mc-preview-tabs {
  position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px;
  padding: 4px; border: 1px solid var(--mc-line); border-radius: 16px; background: rgba(7, 15, 32, .5);
  box-shadow: inset 0 1px 0 var(--mc-glass-highlight);
}
.mc-preview-tabs::before {
  position: absolute; inset: 4px auto 4px 4px; width: calc((100% - 16px) / 3);
  border: 1px solid rgba(169, 188, 255, .22); border-radius: 12px;
  background: linear-gradient(135deg, rgba(76, 112, 217, .38), rgba(67, 105, 159, .3));
  content: ""; pointer-events: none; transform: translateX(calc(var(--mc-preview-index, 0) * (100% + 4px)));
  transition: transform 180ms var(--mc-ease-standard);
}
.mc-preview-tabs[data-selected="1"] { --mc-preview-index: 1; }
.mc-preview-tabs[data-selected="2"] { --mc-preview-index: 2; }
.mc-preview-tabs button {
  position: relative; z-index: 1; min-height: 44px; padding: 10px 8px;
  border: 0; border-radius: 12px; color: #b9c4dc; background: transparent; font-size: .875rem; font-weight: 700;
}
.mc-preview-tabs button[aria-selected="true"] { color: #fff; }
.mc-preview-tabs button:hover { color: #fff; }
.mc-preview-panels { min-height: 205px; }
.mc-preview-panel { display: grid; align-content: start; gap: 16px; }
.mc-preview-panel h2 { margin: 0; color: #f4f6ff; font-size: 1.125rem; letter-spacing: -.025em; line-height: 1.4; }
.mc-preview-panel > p { margin: 0; color: #b9c4dc; font-size: .875rem; line-height: 1.55; }
.mc-preview-plan { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.mc-preview-plan li { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 12px; padding-block: 12px; border-top: 1px solid var(--mc-line); }
.mc-preview-plan time { color: #a8bcf1; font-size: .8125rem; font-variant-numeric: tabular-nums; }
.mc-preview-plan li > div { display: grid; gap: 3px; }
.mc-preview-plan strong { color: #f4f6ff; font-size: .875rem; font-weight: 650; }
.mc-preview-plan small { color: #b9c4dc; font-size: .8125rem; }
.mc-preview-plan .mc-preview-break strong { color: #a1eed1; }
.mc-preview-focus { display: flex; align-items: center; gap: 20px; padding: 16px; border: 1px solid var(--mc-line); border-radius: 18px; background: rgba(8, 17, 36, .35); }
.mc-preview-focus > span { display: grid; width: 86px; height: 86px; flex: 0 0 auto; place-items: center; border: 3px solid #384567; border-top-color: #a1eed1; border-right-color: #a1eed1; border-radius: 50%; color: #fff; font-size: 1.5rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.mc-preview-focus > div { display: grid; gap: 5px; }
.mc-preview-focus strong, .mc-preview-note strong { color: #f4f6ff; font-size: .875rem; }
.mc-preview-focus small, .mc-preview-note span { color: #b9c4dc; font-size: .8125rem; line-height: 1.5; }
.mc-preview-note { display: grid; gap: 8px; padding: 16px; border: 1px solid var(--mc-line); border-radius: 18px; background: rgba(8, 17, 36, .35); }
.mc-preview-note .mc-preview-note__label { color: #98c3ff; font-size: .75rem; font-weight: 700; letter-spacing: .06em; }

body.is-marketing .marketing-steps { gap: 24px; }
body.is-marketing .marketing-steps article { padding-block: 20px; }
body.is-marketing .marketing-steps span { color: #a1eed1; font-size: .75rem; }
body.is-marketing .marketing-steps h2 { font-size: 1.125rem; line-height: 1.4; }
body.is-marketing .marketing-steps p { font-size: .9375rem; line-height: 1.6; }
body.is-marketing .marketing-product { padding-block: 80px 72px; scroll-margin-top: 24px; }
body.is-marketing .marketing-product__intro { align-items: center; gap: 40px; }
body.is-marketing .marketing-product__intro h2,
body.is-marketing .marketing-platforms h2,
body.is-marketing .marketing-bridge h2 { font-size: clamp(2.25rem, 4.5vw, 3.75rem); line-height: 1.06; letter-spacing: -.05em; }
body.is-marketing .marketing-product__intro > p { font-size: 1.0625rem; line-height: 1.65; }
body.is-marketing .marketing-feature-grid { gap: 16px; }
body.is-marketing .marketing-feature {
  min-height: 250px; gap: 16px; padding: 28px; border: 1px solid var(--mc-line); border-radius: var(--mc-radius-lg);
  color: var(--mc-ink); background: var(--mc-marketing-card); box-shadow: inset 0 1px 0 rgba(227, 237, 255, .06);
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
body.is-marketing .marketing-feature--wide { min-height: 190px; gap: 20px; }
body.is-marketing .marketing-feature h3 { font-size: clamp(1.375rem, 2vw, 1.75rem); line-height: 1.2; letter-spacing: -.035em; }
body.is-marketing .marketing-feature p:not(.eyebrow) { font-size: 1rem; line-height: 1.6; }
body.is-marketing .marketing-feature__icon { width: 44px; height: 44px; border-radius: 14px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08); }
body.is-marketing .marketing-feature__icon--blue { color: #a8bdff; background: rgba(91, 119, 209, .18); }
body.is-marketing .marketing-feature__icon--mint { color: #a1eed1; background: rgba(94, 174, 150, .15); }
body.is-marketing .marketing-feature__icon--cream { color: #b0d1ff; background: rgba(83, 133, 204, .17); }
body.is-marketing .marketing-feature__icon--teal { color: #a1eed1; background: rgba(94, 174, 150, .15); }
body.is-marketing .marketing-feature ul { font-size: .9375rem; gap: 12px; }
body.is-marketing .marketing-feature li::before { width: 5px; height: 5px; box-shadow: none; }
body.is-marketing .marketing-rhythm { border-color: var(--mc-line); background: #101b30; border-radius: 18px; }
body.is-marketing .marketing-rhythm span { font-size: .75rem; color: #b9c4dc; }
body.is-marketing .marketing-rhythm i { background: linear-gradient(#a1eed1, #3b947e); }
body.is-marketing .marketing-rhythm i:nth-of-type(4) { background: linear-gradient(#a8bdff, #6364d4); }
body.is-marketing .marketing-platforms { padding-block: 48px 80px; }
body.is-marketing .marketing-platforms h2 em { color: #b9eedb; }
body.is-marketing .marketing-platforms__copy > p:not(.eyebrow) { font-size: 1.0625rem; line-height: 1.65; }
body.is-marketing .platform-availability { border-color: var(--mc-line); color: var(--mc-ink); background: #142039; box-shadow: inset 0 1px 0 var(--mc-glass-highlight); }
body.is-marketing .platform-availability strong { color: #f4f6ff; }
body.is-marketing .platform-availability span { color: #b9c4dc; font-size: .9375rem; }
body.is-marketing .platform-availability small { color: #b9c4dc; font-size: .875rem; line-height: 1.6; }
/* The public page uses the same quiet edge light and layered glass material
   as the workspace, without adding blur layers to every scrolling card. */
body.is-marketing :is(.marketing-feature,.platform-availability,.marketing-today-preview) {
  border-color:rgba(197,213,255,.18);
  background:linear-gradient(145deg,rgba(32,48,78,.9),rgba(20,32,57,.8));
  box-shadow:0 8px 24px rgba(2,6,19,.1),inset 0 1px 0 rgba(227,237,255,.12);
}
body.is-marketing .marketing-bridge {
  padding: clamp(32px, 5vw, 64px); gap: 48px; border-color: rgba(157, 179, 245, .24);
  border-radius: var(--mc-radius-xl); background: linear-gradient(130deg, #1b2c57, #232d56 57%, #193e42);
  box-shadow: inset 0 1px 0 var(--mc-glass-highlight), var(--mc-shadow-subtle);
}
body.is-marketing .marketing-bridge h2 { color: #fff; }
body.is-marketing .marketing-bridge h2 em { color: #b9eedb; }
body.is-marketing .marketing-bridge__copy > p:not(.eyebrow) { color: #d2dcf0; font-size: 1rem; line-height: 1.65; }
body.is-marketing .marketing-bridge__list > div { padding: 18px; border-color: rgba(199, 213, 255, .18); background: rgba(255, 255, 255, .05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06); }
body.is-marketing .marketing-bridge__list span { font-size: .8125rem; }
body.is-marketing .marketing-bridge__list strong { font-size: .9375rem; }
body.is-marketing .marketing-bridge__list small { color: #d2dcf0; font-size: .875rem; line-height: 1.5; }
body.is-marketing .marketing-bridge .marketing-cta { color: #0b2524; border-color: #a1eed1; background: #a1eed1; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); }
body.is-marketing .marketing-bridge .marketing-cta:hover { color: #0b2524; background: #b9f7df; }
body.is-marketing .marketing-footer { gap: 8px 20px; padding-block: 32px; font-size: .8125rem; color: #b9c4dc; }
body.is-marketing .marketing-footer span { color: #b9c4dc; }
body.is-marketing .marketing-footer a { display: inline-flex; align-items: center; min-height: 44px; padding-inline: 4px; }
body.is-marketing .marketing-footer a:hover { color: #a1eed1; }

/* Account entry presentation lives in signin-box-v1.css. */
body.is-public-document { padding-bottom: 0; }
body.is-public-document .legal { max-width: 760px; }
body.is-public-document .legal h1 { line-height: 1.15; }
body.is-public-document .legal p, body.is-public-document .legal li { font-size: 1rem; }
body.is-public-document .legal a { color: #a1eed1; text-decoration: underline; text-underline-offset: 3px; }
body.is-public-document .topbar .text-link, body.is-public-document footer a { display: inline-flex; align-items: center; min-height: 44px; }

@media (max-width: 1000px) and (min-width: 841px) {
  body.is-marketing .marketing-landing { grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr); gap: 28px; }
  body.is-marketing .marketing-hero--landing h1 { font-size: clamp(3.5rem, 6.6vw, 4.6rem); }
  body.is-marketing .marketing-motion { padding: 20px; }
}
@media (max-width: 840px) {
  body.is-marketing .marketing-landing { grid-template-columns: 1fr; gap: 24px; padding-block: 28px 24px; }
  body.is-marketing .marketing-motion { width: 100%; max-width: 650px; }
  body.is-marketing .marketing-product { padding-block: 32px; }
  body.is-marketing .marketing-product__intro { gap: 16px; }
  body.is-marketing .marketing-feature--wide, body.is-marketing .marketing-feature--progress { grid-template-columns: auto minmax(0, 1fr); }
  body.is-marketing .marketing-bridge { gap: 28px; }
}
@media (max-width: 640px) {
  body.is-marketing .marketing-nav { min-height: 76px; }
  body.is-marketing .marketing-nav .brand span { display: inline; font-size: 1rem; }
  body.is-marketing .marketing-signin { padding-inline: 14px; }
  body.is-marketing .marketing-landing { padding-top: 20px; gap: 24px; }
  body.is-marketing .marketing-hero--landing h1 { font-size: clamp(2.875rem, 12vw, 4.1rem); margin-block: 16px 22px; }
  body.is-marketing .marketing-hero--landing > p:not(.eyebrow):not(.marketing-note) { font-size: 1rem; line-height: 1.65; }
  body.is-marketing .marketing-actions { gap: 8px; margin-top: 24px; }
  body.is-marketing .marketing-explore { justify-content: flex-start; }
  body.is-marketing .marketing-motion { display: grid; gap: 14px; padding: 18px; border-radius: 24px; }
  .mc-preview-scene img { height: 120px; }
  .mc-preview-heading > span { font-size: .75rem; }
  .mc-preview-heading .eyebrow { font-size: .6875rem; letter-spacing: .1em; }
  .mc-preview-panels { min-height: 0; }
  .mc-preview-panel { gap: 12px; }
  .mc-preview-focus { gap: 12px; padding: 14px; }
  .mc-preview-focus > span { width: 74px; height: 74px; font-size: 1.25rem; }
  body.is-marketing .marketing-product__intro h2,
  body.is-marketing .marketing-platforms h2,
  body.is-marketing .marketing-bridge h2 { font-size: clamp(2.125rem, 9.5vw, 3.2rem); }
  body.is-marketing .marketing-product { padding-block: 28px; }
  body.is-marketing .marketing-feature { min-height: 0; gap: 12px; padding: 20px; }
  body.is-marketing .marketing-feature :is(h3,p,ul) { margin: 0; }
  body.is-marketing .marketing-feature p:not(.eyebrow) { line-height: 1.55; }
  body.is-marketing .marketing-feature--wide, body.is-marketing .marketing-feature--progress { grid-template-columns: 1fr; }
  body.is-marketing .marketing-feature h3 { font-size: 1.375rem; line-height: 1.25; }
  body.is-marketing .marketing-feature-grid { gap: 14px; }
  body.is-marketing .marketing-platforms { padding-block: 24px 32px; gap: 20px; }
  body.is-marketing .marketing-bridge { padding: 24px 20px; gap: 24px; }
  body.is-marketing .study-sample__card label { margin-top: 16px; }
  body.is-marketing .study-sample__answers { margin-block: 16px; }
  body.is-marketing .marketing-footer { padding-top: 24px; }
}
@media (max-width: 360px) {
  body.is-marketing .marketing-motion { padding: 16px; }
  body.is-marketing .marketing-today-preview { padding: 16px; }
  body.is-marketing .marketing-today-preview__head { align-items: flex-start; gap: 8px; }
  body.is-marketing .marketing-today-preview__head .eyebrow { font-size: .6875rem; }
  body.is-marketing .marketing-hero--landing h1 { font-size: 2.625rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.is-marketing *, body.is-marketing *::before, body.is-marketing *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (prefers-reduced-transparency: reduce) {
  body.is-marketing .marketing-motion, body.is-marketing .marketing-today-preview { background: #142039; }
}
@media (forced-colors: active) {
  .mc-preview-tabs::before { background: Highlight; border-color: Highlight; }
  .mc-preview-tabs button[aria-selected="true"] { color: HighlightText; }
  body.is-marketing :is(button, a, input, [role="tabpanel"]):focus-visible { outline-color: Highlight; }
}

/* A quiet shortcut to the existing server-authorized owner workspace. */
body.is-marketing .marketing-nav__actions .owner-entry {
  display: inline-flex;
  flex: 0 0 44px;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  color: var(--mc-ink-secondary);
  background: transparent;
  text-decoration: none;
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}
body.is-marketing .owner-entry svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.is-marketing .marketing-nav__actions .owner-entry:is(:hover, :focus-visible) {
  color: var(--mc-teal);
  background: var(--mc-surface);
  border-color: var(--mc-line);
}
body.is-marketing .marketing-nav__actions .owner-entry:focus-visible {
  outline: 2px solid var(--mc-teal);
  outline-offset: 3px;
}
@media (forced-colors: active) {
  body.is-marketing .marketing-nav__actions .owner-entry { border-color: ButtonText; }
}

/* Consumer homepage pass: clear study benefit and the existing account-free demo. */
body.is-marketing .marketing-hero--landing h1 {
  font-size: clamp(3rem, 5.4vw, 5.5rem);
  overflow-wrap: normal;
}
body.is-marketing .marketing-demo-benefits {
  display: flex; flex-wrap: wrap; gap: .5rem 1.1rem;
  list-style: none; padding: 0; margin: 16px 0 0;
  color: var(--mc-ink-secondary); font-size: .8125rem; line-height: 1.5;
}
body.is-marketing .marketing-demo-benefits li { display: inline-flex; align-items: center; gap: .4rem; }
body.is-marketing .marketing-demo-benefits li::before { content: "✓"; color: var(--mc-teal); }
@media (max-width: 640px) {
  body.is-marketing .marketing-hero--landing h1 { font-size: clamp(2.55rem, 10.9vw, 4rem); }
  body.is-marketing .marketing-demo-benefits { gap: .45rem 1rem; }
}