/* templates/assets/pages/sprints-dark.css
 * Docs/SPRINTS-PAGES-BRIEF.md 15.1: the Sprints funnel's dark theme on the pages that are not the sales, start and
 * explore pages -- the quiz (/sprints/quiz/), the results page (every block kind, the plugin, the agents, the improve
 * rows, the dialogs), the access page and the checkout (the Payment Element itself is themed by checkout.js, Stripe's
 * "night" appearance). render links this sheet after the page's own one when the view carries
 * assets.pageSprintsDarkCss (a funnel whose recipe is "sprints"); the page template sets data-et-theme="dark" on
 * <html>. Every rule is scoped under html[data-et-theme="dark"], so the sheet changes nothing on any other page.
 *
 * How it works. These pages are built from the light brand tokens (--mf-*), so most of the theme is one remap of those
 * tokens on <body> (dark surfaces, light ink, hairline borders, a brighter pine). It is set on body, not on <html>,
 * so the --sp-* tokens below (copied from sprints.css and kept identical, resolved on <html>) still read the brand's
 * own light values. Then explicit rules take what a remap cannot: the light canvas fills (--mf-canvas is both a light
 * fill and the text on dark fills, so it is not remapped), the literal pastel pills, the gradients, the dialogs'
 * backdrops and the charts' literal colours. Cards are glass (the sales page's gradient fill, hairline, inner
 * highlight) without backdrop-filter on the long run of section cards: over a flat canvas the blur adds nothing and
 * a filter would trap any fixed bar inside a card. The code block's HTML preview stays light inside its frame.
 *
 * Everything sits in @media screen: printing (Print / Download, the PDF) gets the light page exactly as before.
 * Motion: none added; the quiz's endless glow pulse is stilled here (brief 15.1: no endless animations).
 */

@media screen {
html[data-et-theme="dark"] {
  --sp-bg-top: #0E2418;
  --sp-bg: #0A0F0C;
  --sp-text: var(--mf-canvas);
  --sp-muted: #C6D5CB;
  --sp-dim: #97AB9E;
  --sp-accent: var(--mf-shallows);
  --sp-water: var(--mf-lake);
  --sp-line: rgba(249, 248, 243, .12);
  --sp-line-strong: rgba(249, 248, 243, .22);
  --sp-glass: linear-gradient(180deg, rgba(249, 248, 243, .075) 0%, rgba(249, 248, 243, .03) 100%);
  --sp-glass-solid: rgba(20, 38, 29, .72);
  --sp-highlight: inset 0 1px 0 rgba(255, 255, 255, .14);
  --sp-shadow: 0 30px 60px -36px rgba(0, 0, 0, .75);
  --sp-glow: 0 0 0 1px rgba(63, 158, 150, .28), 0 22px 60px -24px rgba(63, 158, 150, .5);
  --sp-radius: 22px;
  --sp-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  color-scheme: dark;
  background: var(--sp-bg);
}

/* --- the token remap (body and everything in it) ------------------------------------------------------------- */
html[data-et-theme="dark"] body {
  --mf-surface: #13241B;
  --mf-ink: #F9F8F3;
  --mf-slate: #C6D5CB;
  --mf-forest: #A7DDD6;
  --mf-pine: #3F9E96;
  --mf-limestone: rgba(249, 248, 243, .12);
  --mf-line: rgba(249, 248, 243, .22);
  --mf-shallows: rgba(63, 158, 150, .2);
  --mf-heartwood: #E3BE78;
  --mf-rowan: #F2A097;
  --mf-wood: #4A3D25;
  --mf-g-morning: transparent;
  --mf-g-shallows: linear-gradient(180deg, rgba(63, 158, 150, .14) 0%, rgba(249, 248, 243, .03) 100%);
  --mf-shadow-card: 0 30px 60px -36px rgba(0, 0, 0, .75);
  --mf-shadow-btn: 0 14px 34px -14px rgba(63, 158, 150, .6);
  /* results.js reads the chart accent off the sections (a #rrggbb), so it is a literal here */
  --et-dg-accent: #5FC2B8;
  --dk-fill: rgba(249, 248, 243, .045);
  --dk-fill-2: rgba(249, 248, 243, .075);
  --dk-input: #0F1C16;
  --dk-accent: #5FC2B8;
  --dk-tint: rgba(63, 158, 150, .16);
  --dk-tint-strong: rgba(63, 158, 150, .28);
  --dk-sky-tint: rgba(132, 185, 238, .1);
  --dk-warm-tint: rgba(212, 168, 87, .12);
  background-color: var(--sp-bg);
  background-image: linear-gradient(180deg, var(--sp-bg-top) 0, var(--sp-bg) 900px);
  background-repeat: no-repeat;
  background-attachment: scroll;
  color: var(--sp-muted);
}
html[data-et-theme="dark"] :is(h1, h2, h3, h4) { color: var(--sp-text); }
html[data-et-theme="dark"] ::selection { background: rgba(63, 158, 150, .45); color: var(--sp-text); }
html[data-et-theme="dark"] :focus-visible { outline-color: var(--mf-sky-light); }

/* --- header and footer on dark (sprints.css "header and footer on dark") -------------------------------------- */
html[data-et-theme="dark"] .fp-head {
  position: sticky; top: 0; z-index: 40;
  background: rgba(10, 15, 12, .66);
  -webkit-backdrop-filter: blur(18px) saturate(140%); backdrop-filter: blur(18px) saturate(140%);
  border-bottom: 1px solid var(--sp-line);
}
html[data-et-theme="dark"] .site-head-byline { color: var(--sp-dim); }
html[data-et-theme="dark"] .site-foot { background: transparent; border-top: 1px solid var(--sp-line); color: var(--sp-dim); }
html[data-et-theme="dark"] .site-foot a { color: var(--sp-muted); }

/* --- buttons ---------------------------------------------------------------------------------------------------- */
html[data-et-theme="dark"] .btn-primary, html[data-et-theme="dark"] a.btn-primary { color: var(--mf-canvas); box-shadow: 0 14px 34px -14px rgba(63, 158, 150, .75), var(--sp-highlight); }
html[data-et-theme="dark"] .btn-primary:hover { box-shadow: 0 18px 44px -14px rgba(63, 158, 150, .9), var(--sp-highlight); }
html[data-et-theme="dark"] :is(.btn-secondary, .btn-ghost) {
  color: var(--sp-text); background: var(--sp-glass); border-color: var(--sp-line-strong); box-shadow: var(--sp-highlight);
}
html[data-et-theme="dark"] :is(.btn-secondary, .btn-ghost):hover { border-color: rgba(63, 158, 150, .6); box-shadow: var(--sp-highlight), var(--sp-glow); }
html[data-et-theme="dark"] .btn-soft { background: var(--dk-tint-strong); color: var(--sp-text); }
html[data-et-theme="dark"] .fp-media a.btn-ghost { color: var(--sp-text); }

/* --- pills (site.css literal pastels) --------------------------------------------------------------------------- */
html[data-et-theme="dark"] .pill.pine, html[data-et-theme="dark"] .pill.water { background: var(--dk-tint); color: var(--sp-accent); }
html[data-et-theme="dark"] .pill.sky { background: rgba(132, 185, 238, .14); color: #B9D6F4; }
html[data-et-theme="dark"] .pill.stone { background: rgba(249, 248, 243, .08); color: var(--sp-muted); }
html[data-et-theme="dark"] .pill.honey { background: var(--dk-warm-tint); color: #E8C98A; }

/* --- glass cards ------------------------------------------------------------------------------------------------ */
html[data-et-theme="dark"] .card,
html[data-et-theme="dark"] :is(.qz-panel, .fp-col-aside, .fp-next li, .fp-support, .fp-your-results, .fp-track, .fp-access-call-card, .fp-results-call, .fp-jump) {
  background: var(--sp-glass);
  border: 1px solid var(--sp-line);
  box-shadow: var(--sp-highlight), var(--sp-shadow);
  color: var(--sp-muted);
}
html[data-et-theme="dark"] .card.premium, html[data-et-theme="dark"] :is(.fp-resubmit, .fp-next-step) {
  background: radial-gradient(90% 120% at 90% 0%, rgba(63, 158, 150, .18) 0%, transparent 60%), var(--sp-glass);
  border-color: rgba(63, 158, 150, .4);
}
/* the sticky jump list and the plan sit over the canvas while scrolling: a solid glass so text under them never shows */
html[data-et-theme="dark"] .fp-index-col { background: var(--sp-glass-solid); }

/* --- inputs, selects, textareas ---------------------------------------------------------------------------------- */
html[data-et-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), select, textarea):is(.qz-input, .qz-textarea, .fp-input, .fp-unlock-input, .et-share-input, .qz-num),
html[data-et-theme="dark"] :is(.et-rf-field textarea, .et-bk-field input, .et-bk-field textarea, .et-bk-field select, .fp-body select, .qz-panel select) {
  background: var(--dk-input); color: var(--sp-text); border-color: var(--sp-line-strong);
}
html[data-et-theme="dark"] .qz-num { background: transparent; }
html[data-et-theme="dark"] :is(.qz-input, .qz-textarea, .fp-input, .fp-unlock-input, .et-share-input)::placeholder,
html[data-et-theme="dark"] :is(.et-rf-field, .et-bk-field) :is(input, textarea)::placeholder { color: var(--sp-dim); }
html[data-et-theme="dark"] :is(.qz-input, .qz-textarea, .fp-input, .fp-unlock-input, .et-share-input):focus,
html[data-et-theme="dark"] :is(.et-rf-field, .et-bk-field) :is(input, textarea, select):focus {
  outline: none; border-color: var(--dk-accent); box-shadow: 0 0 0 3px rgba(95, 194, 184, .28);
}
html[data-et-theme="dark"] select option { background: var(--dk-input); color: var(--sp-text); }

/* ================================================================================================= the quiz */
html[data-et-theme="dark"] .qz-main { background: transparent; }
html[data-et-theme="dark"] .qz-glow .qz-screen > .qz-panel { border: 1px solid rgba(63, 158, 150, .55); animation: none; box-shadow: var(--sp-highlight), 0 0 0 1px rgba(63, 158, 150, .2), 0 22px 60px -24px rgba(63, 158, 150, .5); }
html[data-et-theme="dark"] .qz-back { background: var(--sp-glass); border-color: var(--sp-line-strong); color: var(--sp-text); }
html[data-et-theme="dark"] .qz-back:hover { border-color: rgba(63, 158, 150, .6); }
html[data-et-theme="dark"] .qz-track { background: rgba(249, 248, 243, .1); }
html[data-et-theme="dark"] .qz-trust li { background: var(--dk-fill); border-color: var(--sp-line); color: var(--sp-muted); }
html[data-et-theme="dark"] .qz-trust li svg { color: var(--dk-accent); }
html[data-et-theme="dark"] .qz-opt { background: var(--dk-fill); border-color: var(--sp-line-strong); color: var(--sp-text); }
html[data-et-theme="dark"] .qz-opt:hover { border-color: rgba(63, 158, 150, .7); background: var(--dk-fill-2); }
html[data-et-theme="dark"] .qz-opt-check { background: transparent; border-color: var(--sp-line-strong); }
html[data-et-theme="dark"] .qz-opt[aria-pressed="true"] { background: var(--dk-tint); border-color: var(--dk-accent); color: var(--sp-text); box-shadow: 0 0 0 1px var(--dk-accent) inset, 0 12px 30px -18px rgba(63, 158, 150, .7); }
html[data-et-theme="dark"] .qz-opt[aria-pressed="true"] .qz-opt-check { background: var(--mf-lake); border-color: var(--mf-lake); color: var(--mf-canvas); }
html[data-et-theme="dark"] .qz-opt-card[aria-pressed="true"] .qz-opt-sub { color: var(--sp-muted); }
html[data-et-theme="dark"] .qz-hband { background: var(--dk-fill); border-color: var(--sp-line-strong); color: var(--sp-text); }
html[data-et-theme="dark"] .qz-hband[aria-pressed="true"] { background: var(--dk-tint); border-color: var(--dk-accent); color: var(--sp-text); box-shadow: 0 0 0 1px var(--dk-accent) inset; }
html[data-et-theme="dark"] .qz-error { color: #F6C2BA; background: rgba(242, 160, 151, .1); border-color: rgba(242, 160, 151, .35); }
html[data-et-theme="dark"] .qz-mirror { background: var(--dk-fill); border-color: var(--sp-line); }
html[data-et-theme="dark"] .qz-portrait { border-color: var(--sp-line-strong); background: var(--sp-bg-top); }
html[data-et-theme="dark"] .qz-lstep-ok { background: rgba(249, 248, 243, .12); }
html[data-et-theme="dark"] .qz-lstep.is-done .qz-lstep-ok, html[data-et-theme="dark"] .qz-done-ic { background: var(--mf-lake); color: var(--mf-canvas); }
html[data-et-theme="dark"] .qz-lstep-bar { background: rgba(249, 248, 243, .1); }
html[data-et-theme="dark"] .qr-spin { border-color: rgba(249, 248, 243, .14); border-top-color: var(--dk-accent); }
html[data-et-theme="dark"] .qz-mic { background: var(--dk-fill-2); border-color: var(--sp-line-strong); color: var(--sp-text); }
html[data-et-theme="dark"] .qz-mic:hover { background: var(--dk-tint); border-color: var(--dk-accent); }
html[data-et-theme="dark"] .qz-mic[aria-pressed="true"] { background: var(--mf-lake); border-color: var(--mf-lake); color: var(--mf-canvas); }
html[data-et-theme="dark"] .qz-dict-hint { color: var(--dk-accent); }
html[data-et-theme="dark"] .qz-dict-hint.is-blocked { color: var(--sp-muted); }
/* D660: the intake's files box (quiz.css .qz-files), as the Start page's */
html[data-et-theme="dark"] .qz-files-btn { background: var(--dk-fill-2); border-color: var(--sp-line-strong); color: var(--sp-text); }
html[data-et-theme="dark"] .qz-files-btn svg { color: var(--dk-accent); }
html[data-et-theme="dark"] .qz-files-btn:hover { background: var(--dk-tint); border-color: var(--dk-accent); }
html[data-et-theme="dark"] .qz-files-hint, html[data-et-theme="dark"] .qz-file-size { color: var(--sp-dim); }
html[data-et-theme="dark"] .qz-file { background: rgba(10, 15, 12, .45); border-color: var(--sp-line-strong); color: var(--sp-text); }
html[data-et-theme="dark"] .qz-file-state, html[data-et-theme="dark"] .qz-file-x { color: var(--sp-muted); }
html[data-et-theme="dark"] .qz-file.is-ready .qz-file-state { color: var(--dk-accent); }
html[data-et-theme="dark"] .qz-file.is-reading .qz-file-state::before { border-color: rgba(167, 221, 214, .3); border-top-color: var(--dk-accent); }
html[data-et-theme="dark"] .qz-file.is-failed, html[data-et-theme="dark"] .qz-file.is-missing { border-color: rgba(227, 190, 120, .45); }
html[data-et-theme="dark"] .qz-file.is-failed .qz-file-state, html[data-et-theme="dark"] .qz-file.is-missing .qz-file-state { color: #E3BE78; }
html[data-et-theme="dark"] .qz-file-x:hover { color: var(--sp-text); background: rgba(249, 248, 243, .1); }
html[data-et-theme="dark"] .qz-teaser { background: var(--dk-tint); color: var(--sp-text); box-shadow: 0 0 0 1px rgba(63, 158, 150, .35) inset; }
html[data-et-theme="dark"] .qz-grad { background: linear-gradient(120deg, #84B9EE 0%, #5FC2B8 52%, #93D3A2 100%); -webkit-background-clip: text; background-clip: text; }
html[data-et-theme="dark"] .qz-link { color: var(--sp-muted); }
html[data-et-theme="dark"] .qz-link:hover { color: var(--sp-text); }
html[data-et-theme="dark"] .qz-range::-webkit-slider-thumb { border-color: var(--sp-bg-top); }
html[data-et-theme="dark"] .qz-range::-moz-range-thumb { border-color: var(--sp-bg-top); }
html[data-et-theme="dark"] .qr-agent, html[data-et-theme="dark"] .qr-prod { background: var(--dk-fill); border-color: var(--sp-line); }
html[data-et-theme="dark"] .qr-sticky:not([hidden]) { background: rgba(10, 15, 12, .86); border-top-color: var(--sp-line); box-shadow: 0 -10px 30px rgba(0, 0, 0, .45); }

/* ================================================================================================= the results page */
html[data-et-theme="dark"] .fp-top { background: rgba(10, 15, 12, .72); border-bottom-color: var(--sp-line); }
html[data-et-theme="dark"] .fp-prog { background: rgba(249, 248, 243, .08); }
html[data-et-theme="dark"] .fp-sec-head .fp-n { background: var(--dk-tint); color: var(--sp-accent); }
html[data-et-theme="dark"] .fp-body { border-top-color: var(--sp-line); }
html[data-et-theme="dark"] .fp-body p, html[data-et-theme="dark"] .fp-body li { color: var(--sp-muted); }
html[data-et-theme="dark"] .fp-body strong { color: var(--sp-text); }
html[data-et-theme="dark"] .fp-body a:not(.btn) { color: var(--dk-accent); }
html[data-et-theme="dark"] .fp-h, html[data-et-theme="dark"] .fp-callout b { color: var(--dk-accent); }
html[data-et-theme="dark"] .fp-skel i, html[data-et-theme="dark"] .fp-media .fp-media-frame[data-slot="wait"], html[data-et-theme="dark"] .fp-media .fp-media-player .fp-media-wait {
  background: linear-gradient(90deg, rgba(249, 248, 243, .06) 0%, rgba(249, 248, 243, .14) 50%, rgba(249, 248, 243, .06) 100%); background-size: 200% 100%;
}
/* the light canvas fills: index, callouts, KPI boxes, table heads, code, the agent's paste box, the invocation */
html[data-et-theme="dark"] :is(.fp-index, .fp-callout, .fp-kv div, .fp-kpi, .fp-script-top, .fp-media .fp-media-frame, .fp-plugin-invocation, .mg-rows div, .mg-big, .mg-case-stat) { background: var(--dk-fill); border-color: var(--sp-line); }
html[data-et-theme="dark"] :is(.fp-table th, .fp-body thead th, .fp-table tr.total td) { background: rgba(249, 248, 243, .05); color: var(--sp-dim); }
/* a row header (a th in the body) reads as the row's name, not as a column head */
html[data-et-theme="dark"] .fp-body tbody th { background: transparent; color: var(--sp-text); }
html[data-et-theme="dark"] :is(.fp-tw, .fp-table-scroll, .fp-aud, .fp-script) { background: rgba(249, 248, 243, .025); border-color: var(--sp-line); }
html[data-et-theme="dark"] .fp-body code { background: rgba(249, 248, 243, .08); border-color: var(--sp-line); color: var(--sp-text); }
html[data-et-theme="dark"] .fp-aud.avoid { background: var(--dk-warm-tint); border-color: rgba(212, 168, 87, .35); }
html[data-et-theme="dark"] .fp-copy { background: var(--dk-fill-2); border-color: var(--sp-line-strong); color: var(--sp-text); }
html[data-et-theme="dark"] .fp-copy:hover { background: var(--dk-tint); }

/* index and jump list */
html[data-et-theme="dark"] :is(.fp-index, .fp-jump) li a { color: var(--sp-muted); }
html[data-et-theme="dark"] :is(.fp-index, .fp-jump) li a:hover { color: var(--sp-text); }
html[data-et-theme="dark"] .fp-index-head strong { color: var(--sp-text); }
html[data-et-theme="dark"] :is(.fp-index, .fp-jump) li[data-state="writing"] .fp-ix { border-color: #84B9EE; color: #84B9EE; }
html[data-et-theme="dark"] :is(.fp-index, .fp-jump) li[data-state="done"] .fp-ix { background: var(--mf-lake); border-color: var(--mf-lake); color: var(--mf-canvas); }
html[data-et-theme="dark"] .fp-index-extra li a { color: var(--dk-accent); }
html[data-et-theme="dark"] .fp-index-extra li a:hover { color: var(--sp-text); }
html[data-et-theme="dark"] .fp-ix-x { background: var(--dk-tint); color: var(--sp-accent); }

/* status and state pills (literal pastels in results.css) */
html[data-et-theme="dark"] .fp-status-label { color: var(--sp-text); }
html[data-et-theme="dark"] .fp-status-line .fp-status, html[data-et-theme="dark"] .fp-sec[data-state="writing"] .fp-state { background: rgba(132, 185, 238, .14); color: #B9D6F4; }
html[data-et-theme="dark"] .fp-status-line[data-state="completed"] .fp-status, html[data-et-theme="dark"] .fp-sec[data-state="done"] .fp-state { background: var(--dk-tint); color: var(--sp-accent); }
html[data-et-theme="dark"] .fp-sec[data-state="failed"] .fp-state { background: var(--dk-warm-tint); color: #E8C98A; }
html[data-et-theme="dark"] .fp-sec[data-state="locked"] .fp-state { background: rgba(249, 248, 243, .08); color: var(--sp-muted); }
html[data-et-theme="dark"] .fp-back-top { color: var(--dk-accent); }

/* the Download menu */
html[data-et-theme="dark"] .fp-dl-menu { background: #13241B; border-color: var(--sp-line-strong); box-shadow: var(--sp-highlight), 0 24px 50px -20px rgba(0, 0, 0, .8); }
html[data-et-theme="dark"] .fp-dl-item { color: var(--sp-text); }
html[data-et-theme="dark"] .fp-dl-item:hover, html[data-et-theme="dark"] .fp-dl-item:focus-visible { background: var(--dk-tint); }

/* toasts, notes, errors */
html[data-et-theme="dark"] .fp-toast { background: #1C3328; color: var(--sp-text); border: 1px solid var(--sp-line-strong); box-shadow: var(--sp-highlight), 0 18px 40px -16px rgba(0, 0, 0, .8); }
html[data-et-theme="dark"] :is(.fp-sec-error, .et-share-error, .et-rf-error) { color: #F2A097; }
html[data-et-theme="dark"] .fp-results-call-text p { color: var(--sp-muted); }

/* media (audio lessons, images) */
html[data-et-theme="dark"] .fp-media .fp-media-tile { background: rgba(249, 248, 243, .03); border-color: var(--sp-line); }
html[data-et-theme="dark"] .fp-media .fp-media-frame[data-slot="failed"], html[data-et-theme="dark"] .fp-media .fp-media-player .fp-media-fail { background: var(--dk-warm-tint); }
html[data-et-theme="dark"] .fp-media .fp-media-zoom { background: rgba(10, 15, 12, .8); color: var(--sp-text); }
html[data-et-theme="dark"] .fp-media .fp-media-code { color: var(--dk-accent); }
html[data-et-theme="dark"] .fp-media .fp-media-transcript > summary { color: var(--sp-text); }
html[data-et-theme="dark"] audio { color-scheme: dark; }

/* the share dialog, the image lightbox, the next-sprint dialog: dark cards over a deep backdrop */
html[data-et-theme="dark"] :is(.et-share-dialog, .et-next) { background: linear-gradient(180deg, #172B21 0%, #101C16 100%); color: var(--sp-muted); border: 1px solid var(--sp-line-strong); box-shadow: var(--sp-highlight), 0 40px 90px -30px rgba(0, 0, 0, .9); }
html[data-et-theme="dark"] :is(.et-share-dialog, .et-next, .et-lightbox)::backdrop { background: rgba(5, 9, 7, .78); }
html[data-et-theme="dark"] .et-share-x:hover { background: rgba(249, 248, 243, .08); color: var(--sp-text); }
html[data-et-theme="dark"] .et-share-copy[data-state="copied"] { background: #2E6F40; }
html[data-et-theme="dark"] .et-share-toggle input { background: rgba(249, 248, 243, .2); }
html[data-et-theme="dark"] .et-share-toggle input::after { background: var(--mf-canvas); }
html[data-et-theme="dark"] .et-share-toggle input:checked { background: var(--mf-lake); }
html[data-et-theme="dark"] .et-share-lifetime { color: var(--sp-dim); }
html[data-et-theme="dark"] .et-lightbox-img { background: #0F1C16; }
html[data-et-theme="dark"] .et-lightbox-x { background: rgba(19, 36, 27, .92); color: var(--sp-text); }
html[data-et-theme="dark"] .et-next-row, html[data-et-theme="dark"] .et-next-goal { background: var(--dk-fill); border-color: var(--sp-line-strong); color: var(--sp-text); }
html[data-et-theme="dark"] .et-next-row span { color: var(--sp-muted); }
html[data-et-theme="dark"] .et-next-row .et-next-tag { color: var(--dk-accent); }
html[data-et-theme="dark"] :is(.et-next-row, .et-next-goal):hover { border-color: rgba(63, 158, 150, .6); }
html[data-et-theme="dark"] :is(.et-next-row, .et-next-goal)[aria-pressed="true"] { background: var(--dk-tint); border-color: var(--dk-accent); }

/* Sprints: the top slot (trial banner, refine card), the plan, locked lessons */
html[data-et-theme="dark"] .et-trial { background: radial-gradient(90% 120% at 90% 0%, rgba(63, 158, 150, .2) 0%, transparent 60%), var(--sp-glass); border-color: rgba(63, 158, 150, .45); }
html[data-et-theme="dark"] .et-trial-eyebrow { color: var(--dk-accent); font-family: var(--sp-mono); letter-spacing: .14em; font-weight: 500; font-size: 12px; }
html[data-et-theme="dark"] .et-trial-promise { color: var(--sp-text); }
html[data-et-theme="dark"] .et-trial-buy { border-top-color: var(--sp-line); }
html[data-et-theme="dark"] .et-trial-price { color: var(--sp-text); }
html[data-et-theme="dark"] .et-trial-outcomes li::before { background-color: var(--mf-lake); }
html[data-et-theme="dark"] .et-plan-item a { background: var(--dk-fill); border-color: var(--sp-line); color: var(--sp-text); }
html[data-et-theme="dark"] .et-plan-item a:hover { border-color: rgba(63, 158, 150, .6); background: var(--dk-fill-2); }
html[data-et-theme="dark"] .et-plan-n { color: var(--dk-accent); }
html[data-et-theme="dark"] .et-plan-item[data-locked] .et-plan-t { color: var(--sp-muted); }
html[data-et-theme="dark"] .et-locked-teaser { background: var(--dk-sky-tint); border: 1px solid rgba(132, 185, 238, .22); }
html[data-et-theme="dark"] .et-locked-teaser span { color: var(--sp-muted); }

/* blocks: every kind's card, then each kind's own parts */
html[data-et-theme="dark"] .et-bk { background: rgba(249, 248, 243, .035); border-color: var(--sp-line); box-shadow: var(--sp-highlight); }
html[data-et-theme="dark"] .et-bk .et-bk { background: rgba(249, 248, 243, .03); }
html[data-et-theme="dark"] .et-bk-tag { color: var(--sp-accent); background: var(--dk-tint); font-family: var(--sp-mono); font-weight: 500; letter-spacing: .12em; }
html[data-et-theme="dark"] .et-bk-head b { color: var(--sp-text); }
html[data-et-theme="dark"] .et-bk-table th, html[data-et-theme="dark"] .et-bk-table td { border-bottom-color: var(--sp-line); }
html[data-et-theme="dark"] .et-bk-table thead th { color: var(--sp-dim); background: rgba(249, 248, 243, .04); }
html[data-et-theme="dark"] .et-bk-table td { color: var(--sp-muted); }
html[data-et-theme="dark"] .et-bk-check input, html[data-et-theme="dark"] .fp-todo input { accent-color: var(--mf-lake); }
html[data-et-theme="dark"] .et-bk-check label span { color: var(--sp-text); }
html[data-et-theme="dark"] .et-bk-check input:checked + span { color: var(--sp-dim); }
/* prompt, copy, worksheet text and the code box: a deep inset well */
html[data-et-theme="dark"] :is(.et-bk-text, .et-paste-text) { background: #0B1410; border-color: var(--sp-line); color: #E4ECE6; box-shadow: inset 0 1px 0 rgba(0, 0, 0, .35); }
html[data-et-theme="dark"] .et-bk-code-text { color: #D7EFE9; }
html[data-et-theme="dark"] .et-bk-file-name { background: rgba(132, 185, 238, .1); border-color: rgba(132, 185, 238, .28); color: #CFE2F6; }
html[data-et-theme="dark"] .et-bk-where b { color: var(--sp-text); }
html[data-et-theme="dark"] .et-paste-name { color: var(--sp-text); }
html[data-et-theme="dark"] .et-paste-copy.is-done { background: #2E6F40; }
html[data-et-theme="dark"] .et-paste-status { color: var(--dk-accent); }
/* the HTML preview stays light inside its frame: its own light tokens, white iframe */
html[data-et-theme="dark"] .et-bk-preview {
  --mf-ink: #15231B; --mf-slate: #4A5560; --mf-limestone: #E7E2D6; --mf-line: #DDD8CB;
  background: #fff; border-color: var(--sp-line-strong); color-scheme: light; box-shadow: 0 20px 44px -26px rgba(0, 0, 0, .8);
}
html[data-et-theme="dark"] .et-bk-preview-bar { background: #F9F8F3; color: #4A5560; border-bottom-color: #E7E2D6; }
html[data-et-theme="dark"] .et-bk-preview-x { color: #4A5560; }
html[data-et-theme="dark"] .et-bk-preview-x:hover { background: #E7E2D6; color: #15231B; }
html[data-et-theme="dark"] .et-bk-preview iframe { background: #fff; color-scheme: light; }
/* action, calendar, mirror, recap / quiz options */
html[data-et-theme="dark"] .et-bk-action { background: radial-gradient(90% 140% at 100% 0%, rgba(63, 158, 150, .16) 0%, transparent 60%), rgba(249, 248, 243, .035); border-color: rgba(63, 158, 150, .4); }
html[data-et-theme="dark"] .et-bk-act-text { color: var(--sp-text); }
html[data-et-theme="dark"] .et-bk-action [aria-pressed="true"] { background: var(--mf-lake); color: var(--mf-canvas); border-color: var(--mf-lake); }
html[data-et-theme="dark"] .et-bk-cal li { border-bottom-color: var(--sp-line); }
html[data-et-theme="dark"] .et-bk-cal-day { color: var(--sp-text); }
html[data-et-theme="dark"] .et-bk-mirror { background: radial-gradient(90% 140% at 100% 0%, rgba(132, 185, 238, .14) 0%, transparent 60%), rgba(249, 248, 243, .035); border-color: rgba(132, 185, 238, .3); }
html[data-et-theme="dark"] .et-bk-mirror dt { color: var(--sp-dim); }
html[data-et-theme="dark"] .et-bk-mirror dd { color: var(--sp-text); }
html[data-et-theme="dark"] .et-bk-q { color: var(--sp-text); }
html[data-et-theme="dark"] .et-bk-opt { background: var(--dk-fill); border-color: var(--sp-line-strong); color: var(--sp-text); }
html[data-et-theme="dark"] .et-bk-opt:hover:not(:disabled) { border-color: rgba(63, 158, 150, .7); }
html[data-et-theme="dark"] .et-bk-opt[data-mark="right"] { background: var(--dk-tint); border-color: var(--dk-accent); }
html[data-et-theme="dark"] .et-bk-opt[data-mark="wrong"] { background: var(--dk-warm-tint); border-color: rgba(212, 168, 87, .55); }
/* charts and diagrams: results.js draws them in the light theme, so their literal colours are re-inked here (a CSS
   rule beats an SVG presentation attribute); the token-styled diagram parts follow the remap, with a dark box. */
html[data-et-theme="dark"] :is(.et-bk-chart, .et-bk-diagram) { --mf-canvas: rgba(255, 255, 255, .06); --mf-surface: #0F1C16; --mf-shallows: #A7DDD6; }
html[data-et-theme="dark"] .et-bk-chart svg [fill="#1F2A24"] { fill: #F4F1E8; }
html[data-et-theme="dark"] .et-bk-chart svg [fill="#4A5560"] { fill: rgba(244, 241, 232, .74); }
html[data-et-theme="dark"] .et-bk-chart svg [stroke="#E6E1D6"] { stroke: rgba(255, 255, 255, .18); }
html[data-et-theme="dark"] .et-bk-chart svg [fill="#FFFFFF"] { fill: #0F1C16; }
html[data-et-theme="dark"] .et-bk-chart svg [stroke="#FFFFFF"] { stroke: #0F1C16; }
html[data-et-theme="dark"] .et-bk-chart svg polygon { fill: rgba(95, 194, 184, .16); }
html[data-et-theme="dark"] .et-diagram {
  --et-dg-card: #13241B; --et-dg-ink: #F4F1E8; --et-dg-muted: rgba(244, 241, 232, .74); --et-dg-line: rgba(255, 255, 255, .22);
  --et-dg-soft: rgba(63, 158, 150, .14); --et-dg-accent: #A7DDD6; --et-dg-accent-ink: #0F1C16; --et-dg-accent-2: #5FC2B8;
  --et-dg-neutral: rgba(255, 255, 255, .1);
}
html[data-et-theme="dark"] :is(.et-bk-diagram figcaption, .et-diagram .et-diagram-text) { color: var(--sp-dim); }

/* the refine card */
html[data-et-theme="dark"] .et-refine-title { color: var(--sp-text); }
html[data-et-theme="dark"] .et-rf-field { color: var(--sp-text); }

/* the plugin and the AI agents */
html[data-et-theme="dark"] :is(.et-xp-card, .et-ag) {
  background: radial-gradient(80% 120% at 100% 0%, rgba(63, 158, 150, .12) 0%, transparent 60%), rgba(249, 248, 243, .035);
  border-color: var(--sp-line-strong); box-shadow: var(--sp-highlight), var(--sp-shadow);
}
html[data-et-theme="dark"] .et-xp-name, html[data-et-theme="dark"] .et-ag-name, html[data-et-theme="dark"] .et-xp-h { color: var(--sp-text); }
html[data-et-theme="dark"] .et-xp-tagline { color: var(--dk-accent); }
html[data-et-theme="dark"] .et-xp-skills li { background: var(--dk-fill); border-color: var(--sp-line); }
html[data-et-theme="dark"] .et-xp-skills li > span:first-child + span, html[data-et-theme="dark"] .et-xp-skills li b { color: var(--sp-text); }
html[data-et-theme="dark"] .et-xp-skill-n { color: var(--dk-accent); font-family: var(--sp-mono); font-weight: 500; letter-spacing: .1em; }
html[data-et-theme="dark"] .et-made { background: var(--sp-glass); border-color: var(--sp-line-strong); color: var(--sp-text); box-shadow: var(--sp-highlight); }
html[data-et-theme="dark"] .et-made:hover { border-color: rgba(63, 158, 150, .6); }
html[data-et-theme="dark"] .et-made[aria-pressed="true"] { background: var(--dk-tint); border-color: var(--dk-accent); box-shadow: var(--sp-highlight), 0 0 0 1px var(--dk-accent) inset; }
/* the ChatGPT mark is a currentColor square under white blades: a near-black square keeps the blades visible */
html[data-et-theme="dark"] .et-xp-logo-chatgpt { color: #050806; }
html[data-et-theme="dark"] .et-xp-logo-claude { color: #D97757; }
html[data-et-theme="dark"] .et-xp-install ol { color: var(--sp-muted); }
html[data-et-theme="dark"] .et-ag-runs { color: var(--sp-accent); background: var(--dk-tint); }
html[data-et-theme="dark"] .et-ag-what { color: var(--sp-muted); }
/* the improve rows (details) */
html[data-et-theme="dark"] .et-xp-improve { border-top-color: var(--sp-line); }
html[data-et-theme="dark"] .et-xp-improve > summary { color: var(--dk-accent); }

/* ================================================================================================= the access page */
html[data-et-theme="dark"] .fp-hero { background: transparent; }
html[data-et-theme="dark"] .fp-check { background: var(--mf-lake); color: var(--mf-canvas); box-shadow: 0 0 0 6px rgba(63, 158, 150, .18), 0 14px 34px -14px rgba(63, 158, 150, .75); }
html[data-et-theme="dark"] .eyebrow { color: var(--dk-accent); }
html[data-et-theme="dark"] .fp-track-start.is-used { background: rgba(249, 248, 243, .08); color: var(--sp-muted); }
html[data-et-theme="dark"] .fp-access-step-n { background: var(--dk-tint-strong); color: var(--sp-text); }
html[data-et-theme="dark"] .fp-vg-eyebrow { color: var(--dk-accent); }
html[data-et-theme="dark"] .check-list li::before { background: var(--mf-lake); }

/* ================================================================================================= the checkout */
html[data-et-theme="dark"] .et-p-checkout .fp-head, html[data-et-theme="dark"] .fp-head.fp-head-static { background: rgba(10, 15, 12, .72); border-bottom-color: var(--sp-line); }
html[data-et-theme="dark"] .site-head-secure.pill.pine { background: var(--dk-tint); color: var(--sp-accent); }
html[data-et-theme="dark"] .fp-tab { color: var(--sp-muted); }
html[data-et-theme="dark"] .fp-tab.is-active { color: var(--sp-accent); border-bottom-color: var(--dk-accent); }
html[data-et-theme="dark"] .fp-tab.is-active i, html[data-et-theme="dark"] .fp-tab.is-active::after { background: var(--mf-lake); color: var(--mf-canvas); }
html[data-et-theme="dark"] .fp-tab i { background: rgba(249, 248, 243, .1); color: var(--sp-muted); }
html[data-et-theme="dark"] .fp-step + .fp-step { border-top-color: var(--sp-line); }
html[data-et-theme="dark"] .fp-field label { color: var(--sp-text); }
html[data-et-theme="dark"] .fp-email-echo { background: var(--dk-fill); border-color: var(--sp-line); color: var(--sp-muted); }
html[data-et-theme="dark"] .fp-bump { border-color: rgba(167, 221, 214, .4); }
html[data-et-theme="dark"] .fp-bump-check { background: var(--dk-tint); color: var(--sp-text); }
html[data-et-theme="dark"] .fp-bump.is-on .fp-bump-check, html[data-et-theme="dark"] .fp-bump:has(input:checked) .fp-bump-check { background: var(--mf-lake); color: var(--mf-canvas); }
html[data-et-theme="dark"] .fp-stripe { background: rgba(249, 248, 243, .03); border-color: var(--sp-line); }
html[data-et-theme="dark"] .fp-s-in { background: var(--dk-input); border-color: var(--sp-line-strong); color: var(--sp-text); }
html[data-et-theme="dark"] .fp-brands i { background: var(--dk-fill); border-color: var(--sp-line); color: var(--sp-muted); }
html[data-et-theme="dark"] .fp-included-list li.is-highlight { background: var(--dk-warm-tint); border-color: rgba(212, 168, 87, .55); box-shadow: 0 0 0 3px rgba(212, 168, 87, .1); }
html[data-et-theme="dark"] .fp-included-pill { background: rgba(212, 168, 87, .18); border-color: rgba(212, 168, 87, .45); color: #EBD3A0; }
html[data-et-theme="dark"] .fp-included-value { color: #E8C98A; }
html[data-et-theme="dark"] :is(.fp-product-summary-media, .fp-row-thumb) { background: rgba(249, 248, 243, .06); border-color: var(--sp-line); }
html[data-et-theme="dark"] .fp-product-mockup { filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .5)); }
html[data-et-theme="dark"] .fp-order-row .fp-amt { color: var(--sp-text); }
html[data-et-theme="dark"] .fp-radio-dot { background: var(--mf-lake); }
html[data-et-theme="dark"] .fp-guarantee svg { color: var(--dk-accent); }
/* --- the demo (brief 16): /sprints/demo/ and /sprints/demo/results.html only (partials/sprint-demo) ----------- */
html[data-et-theme="dark"] .et-demo-banner { position: relative; z-index: 5; padding: 10px 16px 0; }
html[data-et-theme="dark"] .et-demo-banner-in { display: flex; align-items: center; gap: 10px 14px; max-width: 960px; margin: 0 auto; padding: 9px 10px 9px 16px; border-radius: 999px; border: 1px solid rgba(167, 221, 214, .32); background: linear-gradient(90deg, rgba(63, 158, 150, .2) 0%, rgba(249, 248, 243, .05) 100%); box-shadow: var(--sp-highlight); }
html[data-et-theme="dark"] .et-demo-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #A7DDD6; box-shadow: 0 0 0 4px rgba(167, 221, 214, .16); }
html[data-et-theme="dark"] .et-demo-banner-text { flex: 1 1 auto; min-width: 0; margin: 0; font-size: 14px; line-height: 1.35; font-weight: 600; color: var(--sp-text); }
html[data-et-theme="dark"] .et-demo-short { display: none; }
html[data-et-theme="dark"] .et-demo-banner-link { flex: none; margin: 0; padding: 7px 14px; border-radius: 999px; border: 1px solid var(--sp-line-strong); background: rgba(249, 248, 243, .06); color: var(--sp-text); font: inherit; font-size: 13.5px; font-weight: 700; text-decoration: none; cursor: pointer; white-space: nowrap; }
html[data-et-theme="dark"] .et-demo-banner-link:hover { border-color: rgba(63, 158, 150, .6); background: rgba(63, 158, 150, .16); }
html[data-et-theme="dark"] .et-demo-banner-link[hidden] { display: none; }
html[data-et-theme="dark"] .qz-demo-note { margin: 4px 0 12px; font-size: 13.5px; color: var(--sp-muted); }
html[data-et-theme="dark"] .et-demo-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); pointer-events: none; }
html[data-et-theme="dark"] .et-demo-bar-in { pointer-events: auto; display: flex; align-items: center; gap: 10px 16px; max-width: 960px; margin: 0 auto; padding: 10px 10px 10px 22px; border-radius: 22px; border: 1px solid var(--sp-line-strong); background: rgba(16, 30, 23, .78); -webkit-backdrop-filter: blur(18px) saturate(1.3); backdrop-filter: blur(18px) saturate(1.3); box-shadow: var(--sp-highlight), 0 24px 60px -20px rgba(0, 0, 0, .85); }
html[data-et-theme="dark"] .et-demo-bar-line { flex: 1 1 auto; min-width: 0; margin: 0; font-weight: 600; color: var(--sp-text); }
html[data-et-theme="dark"] .et-demo-bar-go { flex: none; display: flex; gap: 8px; }
html[data-et-theme="dark"] .et-demo-bar-go .btn, html[data-et-theme="dark"] .et-demo-modal-go .btn { white-space: nowrap; }
html[data-et-theme="dark"][data-et-demo-run] body { padding-bottom: 96px; }
html[data-et-theme="dark"][data-et-demo-run] .et-unlock-bar { display: none; }
html[data-et-theme="dark"][data-et-demo-embed] .et-demo-bar { display: none; }
html[data-et-theme="dark"][data-et-demo-embed] body { padding-bottom: 0; }
html[data-et-theme="dark"] .et-demo-modal { box-sizing: border-box; width: min(460px, calc(100vw - 32px)); margin: auto; padding: 30px 26px 24px; border: 1px solid var(--sp-line-strong); border-radius: 24px; background: linear-gradient(180deg, #172B21 0%, #101C16 100%); color: var(--sp-muted); text-align: center; box-shadow: var(--sp-highlight), 0 40px 90px -30px rgba(0, 0, 0, .9); }
html[data-et-theme="dark"] .et-demo-modal::backdrop { background: rgba(5, 9, 7, .78); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
html[data-et-theme="dark"] .et-demo-x { position: absolute; top: 12px; right: 12px; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--sp-line); border-radius: 50%; background: rgba(249, 248, 243, .05); color: var(--sp-muted); cursor: pointer; }
html[data-et-theme="dark"] .et-demo-x:hover { color: var(--sp-text); border-color: var(--sp-line-strong); }
html[data-et-theme="dark"] .et-demo-modal-mark { display: inline-grid; place-items: center; width: 48px; height: 48px; margin-bottom: 12px; border-radius: 16px; background: rgba(63, 158, 150, .18); color: #A7DDD6; box-shadow: var(--sp-glow); }
html[data-et-theme="dark"] .et-demo-modal-title { margin: 0 0 8px; font-size: 24px; line-height: 1.2; color: var(--sp-text); }
html[data-et-theme="dark"] .et-demo-modal-body { margin: 0 0 20px; font-size: 15px; line-height: 1.5; }
html[data-et-theme="dark"] .et-demo-modal-go { display: grid; gap: 10px; }
@media (max-width: 719px) {
  html[data-et-theme="dark"] .et-demo-long { display: none; }
  html[data-et-theme="dark"] .et-demo-short { display: inline; }
  html[data-et-theme="dark"] .et-demo-banner { padding: 8px 10px 0; }
  html[data-et-theme="dark"] .et-demo-banner-in { padding: 7px 7px 7px 12px; gap: 8px; }
  html[data-et-theme="dark"] .et-demo-banner-text { font-size: 12.5px; }
  html[data-et-theme="dark"] .et-demo-banner-link { padding: 6px 11px; font-size: 12.5px; }
  html[data-et-theme="dark"] .et-demo-bar { padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)); }
  html[data-et-theme="dark"] .et-demo-bar-in { padding: 8px; border-radius: 18px; }
  html[data-et-theme="dark"] .et-demo-bar-line { display: none; }
  html[data-et-theme="dark"] .et-demo-bar-go { flex: 1 1 auto; }
  html[data-et-theme="dark"] .et-demo-bar-go .btn { flex: 1 1 0; padding-left: 10px; padding-right: 10px; font-size: 14.5px; }
  html[data-et-theme="dark"][data-et-demo-run] body { padding-bottom: 80px; }
}
/* the Payment Element's own frame (checkout.js gives it Stripe's night appearance): no light box around it */
html[data-et-theme="dark"] [data-et-payment], html[data-et-theme="dark"] .fp-payment { color-scheme: dark; }
}

/* Print / Download: none of the above applies (it is all @media screen), so the PDF is the light page as before. */
@media print {
  html[data-et-theme="dark"], html[data-et-theme="dark"] body { color-scheme: light; background: #fff; }
}

/* D661: the Sprints landing: a larger subheadline, and the "what you get" card in the dark glass look. */
/* D663: headline about 45% larger (2 lines on desktop, 3 at most on phones), sub larger, the AI line smallest and regular. */
html[data-et-theme="dark"] .qz-h1.qz-intro-h1 { font-size: 38px; line-height: 1.12; letter-spacing: -.01em; }
html[data-et-theme="dark"] .qz-intro .qz-sub { font-size: 22px; line-height: 1.45; color: var(--sp-muted); margin-bottom: 14px; }
html[data-et-theme="dark"] .qz-ai-line { color: var(--sp-dim); }
html[data-et-theme="dark"] .qz-ai-line .qz-lockup { color: var(--sp-muted); }
@media (max-width: 760px) {
  html[data-et-theme="dark"] .qz-h1.qz-intro-h1 { font-size: 31px; line-height: 1.14; }
  html[data-et-theme="dark"] .qz-intro .qz-sub { font-size: 19px; }
  html[data-et-theme="dark"] .qz-ai-line { font-size: 16px; }
}
html[data-et-theme="dark"] .qz-offer-finish { background: rgba(95, 194, 184, .08); border: 1px solid rgba(95, 194, 184, .22); color: var(--sp-text); }
html[data-et-theme="dark"] .qz-offer-finish-label { color: #8FD3C5; }
html[data-et-theme="dark"] .qz-offer { background: var(--dk-fill); border-color: var(--sp-line); box-shadow: 0 18px 40px -24px rgba(0, 0, 0, .8); }
html[data-et-theme="dark"] .qz-offer-title { color: var(--sp-text); }
html[data-et-theme="dark"] .qz-offer-sub { color: var(--sp-dim); }
html[data-et-theme="dark"] .qz-offer-item + .qz-offer-item { border-top-color: var(--sp-line); }
html[data-et-theme="dark"] .qz-offer-item { color: var(--sp-text); }
html[data-et-theme="dark"] .qz-offer-ic { background: rgba(95, 194, 184, .14); color: #8FD3C5; border: 1px solid rgba(95, 194, 184, .28); }
html[data-et-theme="dark"] .qz-offer-value { color: #93D3A2; background: rgba(147, 211, 162, .12); border: 1px solid rgba(147, 211, 162, .3); }
html[data-et-theme="dark"] .qz-lockup { color: var(--sp-text); }

/* D664: on the landing (the screen that carries the intro), the first question's card stands out: a 2px brand-gradient
   rim, a strong teal glow and a slow pulse of the glow; reduced motion keeps the glow still. */
html[data-et-theme="dark"] .qz-glow .qz-screen:has(.qz-intro) > .qz-panel {
  border: 2px solid transparent;
  background:
    var(--sp-glass) padding-box,
    linear-gradient(#111B16, #0E1612) padding-box,
    linear-gradient(135deg, #84B9EE 0%, #5FC2B8 50%, #93D3A2 100%) border-box;
  box-shadow: 0 0 0 4px rgba(95, 194, 184, .14), 0 0 38px 4px rgba(95, 194, 184, .38), 0 24px 60px -24px rgba(0, 0, 0, .8);
}
@media (prefers-reduced-motion: no-preference) {
  html[data-et-theme="dark"] .qz-glow .qz-screen:has(.qz-intro) > .qz-panel { animation: qz-cta-pulse 2.8s ease-in-out infinite; }
}
@keyframes qz-cta-pulse {
  0%, 100% { box-shadow: 0 0 0 4px rgba(95, 194, 184, .12), 0 0 30px 2px rgba(95, 194, 184, .30), 0 24px 60px -24px rgba(0, 0, 0, .8); }
  50% { box-shadow: 0 0 0 7px rgba(95, 194, 184, .20), 0 0 56px 10px rgba(95, 194, 184, .55), 0 24px 60px -24px rgba(0, 0, 0, .8); }
}