/* creative.moraq.io - design tokens (Moraq DNA subset) */
:root {
  --est-blue: #0030de;
  --est-blue-mid: #0062f5;
  --est-blue-dark: #000087;
  --est-mustkivi: #0f172a;
  --est-majakivi: #3d4b5e;
  --est-kabelikivi: #64748b;
  --est-pahkla: #f2f1ed;
  --est-haapsalu: #fceec8;
  --est-parnu: #cee2fd;
  --est-ehakivi: #ffffff;

  /* Border system (SSOT: assets/data/moraq-color-system.json) */
  --mc-border-subtle: rgba(15, 23, 42, 0.08);
  --mc-border-default: rgba(15, 23, 42, 0.12);
  --mc-border-strong: rgba(15, 23, 42, 0.2);
  --mc-border-on-light: rgba(15, 23, 42, 0.1);
  --mc-border-on-warm: rgba(15, 23, 42, 0.12);
  --mc-border-on-brand: rgba(255, 255, 255, 0.35);
  --mc-border-on-brand-strong: rgba(255, 255, 255, 0.55);
  --mc-border-brand-accent: var(--est-blue-dark);
  --mc-border-focus: var(--est-blue);

  /* Learn overview dark canvas (SSOT: moraq-color-system.json components.learn.overview) */
  --mc-learn-dark-canvas: #0a0a0a;
  --mc-learn-dark-ink: #f8f7f4;
  --mc-learn-dark-ink-muted: rgba(255, 255, 255, 0.72);
  --mc-learn-dark-ink-soft: rgba(255, 255, 255, 0.45);
  --mc-learn-dark-kicker: #8ea8ff;
  --mc-learn-dark-link-hover: var(--est-parnu);

  /* Logo on-surface pairings (Colors / foundations) */
  --mc-logo-surface-light: var(--est-pahkla);
  --mc-logo-surface-dark: var(--est-mustkivi);
  --mc-logo-ink: var(--est-mustkivi);
  --mc-logo-ink-reversed: var(--est-ehakivi);

  /* Asset file detail (asset viewer) */
  --mc-fd-panel-bg: var(--est-mustkivi);
  --mc-fd-panel-text: var(--est-pahkla);
  --mc-fd-panel-muted: rgba(242, 241, 237, 0.72);
  --mc-fd-panel-subtle: rgba(242, 241, 237, 0.52);
  --mc-fd-surface: var(--est-majakivi);
  --mc-fd-surface-hover: #4a5a6e;
  --mc-fd-notice-bg: rgba(61, 75, 94, 0.42);
  --mc-fd-format-bg: var(--est-pahkla);
  --mc-fd-format-ink: var(--est-mustkivi);
  --mc-fd-stage-muted: var(--est-pahkla);
  --mc-fd-export-bg: var(--mc-logo-surface-light);
  --mc-fd-export-panel-bg: var(--est-ehakivi);
  --mc-fd-export-hint-bg: var(--est-haapsalu);
  --mc-fd-export-hint-ink: var(--est-mustkivi);
  --mc-fd-strip-bg: var(--est-mustkivi);
  --mc-fd-section-wrap-bg: var(--est-majakivi);
  --mc-fd-section-wrap-border: rgba(242, 241, 237, 0.14);
  --mc-fd-section-wrap-inset-bg: rgba(15, 23, 42, 0.38);
  --mc-assets-overview-bg: var(--est-mustkivi);
  --mc-assets-overview-ink: var(--est-pahkla);

  --font-headline: "Bricolage Grotesque", "DM Sans", system-ui, sans-serif;
  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-accent: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-display: "Bricolage Grotesque", "DM Sans", system-ui, sans-serif;
  --font-display-vi: "Bricolage Grotesque", "DM Sans", system-ui, sans-serif;
  --beo-tracking: -0.02em;

  --mc-page-bg: var(--est-pahkla);
  --mc-ink: var(--est-mustkivi);
  --mc-ink-muted: var(--est-majakivi);
  --mc-ink-soft: var(--est-kabelikivi);
  --mc-surface: var(--est-ehakivi);
  /* Home scroll story: light decorative surfaces keep dark ink when theme flips */
  --mc-home-surface-ink: var(--est-mustkivi);
  --mc-home-surface-ink-soft: var(--est-kabelikivi);
  --mc-home-surface-track: rgba(15, 23, 42, 0.12);
  --mc-home-cta-bg: #111110;
  --mc-home-cta-ink: #f0f0eb;
  --mc-accent: var(--est-blue);
  --mc-max: min(1180px, calc(100vw - 40px));
  --mc-shell-width: min(1520px, calc(100vw - 48px));
  --mc-shell-sidebar: 300px;
  --mc-shell-main-pl: 32px;
  --mc-shell-main-pr: 40px;
  --mc-page-gutter: 24px;
  --mc-page-width: calc(100vw - 2 * var(--mc-page-gutter));
  --mc-content-max: 1067px;
  /* Body copy to doc pager (Moraq spec): divider row sits inside this gap */
  --mc-doc-content-pager-gap: 164px;
  --mc-doc-foot-divider-size: 40px;
  /* CTA surface pill - footer next, doc pager */
  --mc-cta-pill-min-h: 48px;
  --mc-cta-pill-pad-y: 10px;
  --mc-cta-pill-pad-x: 18px;
  --mc-cta-pill-min-w: 220px;
  --mc-cta-pill-max-w: 320px;
  --mc-cta-pill-gap: 8px;
  --mc-cta-pill-arrow: 24px;
  --mc-cta-pill-label-size: 15px;
  --mc-cta-pill-label-lh: 19.5px;
  --mc-cta-pill-kicker-size: 10px;
  --mc-cta-pill-kicker-lh: 13px;
  /* Brand vision hub (Frameworks hub) */
  --mc-bv-hub-tagline-body-gap: 114px;
  --mc-bv-hub-to-story-gap: 262px;
  --mc-bv-rule-to-story: 52px;
  --mc-bv-section-title-size: 32px;
  /* Culture - Our approach (Moraq spec) */
  --mc-culture-head-to-gallery: 32px;
  --mc-culture-gallery-gap: 13px;
  --mc-culture-gallery-height: 411px;
  /* Culture - Connecting competencies (Moraq spec) */
  --mc-competencies-intro-to-rule: 52px;
  --mc-competencies-after-divider: 52px;
  --mc-competency-title-size: 64px;
  --mc-competency-title-to-split: 40px;
  --mc-competency-section-gap: 163px;
  --mc-competency-photo-height: 345px;
  --mc-bv-section-title-lh: 35.2px;
  --mc-bv-section-title-gap: 24px;
  --mc-bv-section-stack-gap: 23px;
  --mc-bv-story-split-gap: 30px;
  /* Guidelines doc pages (Identity parity) */
  --mc-gl-doc-title-size: clamp(2.25rem, 4.2vw, 4rem);
  --mc-gl-doc-title-ls: -0.64px;
  --mc-gl-doc-body-size: 18px;
  --mc-gl-doc-body-lh: 23.4px;
  --mc-gl-doc-split-gap: 30px;
  --mc-gl-doc-head-margin: 40px;
  --mc-gl-doc-subhead-size: clamp(1.75rem, 3vw, 2rem);
  --mc-gl-writing-chapter-gap: 40px;
  --mc-gl-writing-sec-gap: 62px;
  --mc-gl-writing-dos-gap: 40px;
  --mc-gl-writing-dos-label-size: 42px;
  --mc-gl-writing-dos-label-lh: 42px;
  --mc-gl-writing-dos-icon-size: 24px;
  --mc-gl-writing-dos-icon-gap: 8px;
  --mc-gl-writing-dos-list-indent: 32px;
  --mc-gl-writing-dos-dont-color: var(--est-blue);
  --mc-gl-putting-title-size: 64px;
  --mc-gl-putting-title-lh: 64px;
  --mc-gl-putting-title-to-cols: 40px;
  --mc-gl-putting-col-title-size: 32px;
  --mc-gl-putting-col-title-lh: 35.2px;
  --mc-gl-putting-col-title-gap: 24px;
  --mc-gl-putting-col-gap: 30px;
  --mc-gl-putting-cols-to-venn: 32px;
  --mc-gl-putting-venn-ratio: 1067 / 600;
  --mc-gl-extra-title-size: 64px;
  --mc-gl-extra-title-lh: 64px;
  --mc-gl-extra-head-to-grid: 39px;
  --mc-gl-extra-grid-to-body2: 58px;
  --mc-gl-extra-grid-gap: 30px;
  --mc-gl-extra-tile-ratio: 518 / 292;
  /* Canonical lockup (SSOT: assets/data/moraq-lockup-spec.json, component: .mc-lockup) */
  --mc-lockup-mark-base: 56px;
  --mc-lockup-mark-aspect: 25.65 / 29.25;
  --mc-lockup-gap-ratio: 0.5;
  --mc-lockup-word-ratio: 0.82;
  --mc-lockup-word-offset: -0.045em;
  --mc-lockup-word-ls-ratio: -0.012;
  /* Diagram redline (geometry.diagram in moraq-lockup-spec.json) */
  --mc-lockup-diagram-mark-margin-ratio: 0.0036;
  --mc-lockup-diagram-mark-margin: calc(var(--mc-lockup-mark) * var(--mc-lockup-diagram-mark-margin-ratio));
  --mc-lockup-diagram-word-offset-ratio: -0.047;
  --mc-lockup-diagram-word-offset: calc(var(--mc-lockup-word) * var(--mc-lockup-diagram-word-offset-ratio));
  --mc-lockup-diagram-mark-position: right center;
  --mc-lockup-diagram-height-ref-min: 64px;
  --mc-lockup-diagram-height-ref-max: 104px;
  --mc-lockup-diagram-height-ref-vw-ratio: 0.1;
  --mc-lockup-diagram-height-ref-bg: rgba(203, 213, 225, 0.42);
  --mc-lockup-diagram-meter-band-bg: rgba(203, 213, 225, 0.18);
  --mc-lockup-gap-band-bg: rgba(196, 181, 253, 0.38);
  --mc-lockup-mark: var(--mc-lockup-mark-base);
  --mc-lockup-gap: calc(var(--mc-lockup-mark) * var(--mc-lockup-gap-ratio));
  --mc-lockup-word: calc(var(--mc-lockup-mark) * var(--mc-lockup-word-ratio));
  --mc-lockup-word-ls: calc(var(--mc-lockup-word) * var(--mc-lockup-word-ls-ratio));
  --mc-gl-logo-finder-title-size: 72px;
  --mc-gl-logo-finder-title-lh: 72px;
  --mc-gl-logo-finder-title-ls: -0.72px;
  --mc-gl-logo-lockup-title-size: 64px;
  --mc-gl-logo-lockup-title-lh: 64px;
  --mc-gl-logo-lockup-title-ls: -0.64px;
  --mc-gl-logo-visual-max: 1067px;
  --mc-gl-logo-finder-head-to-visual: 171px;
  --mc-gl-logo-lockup-head-to-visual: 32px;
  --mc-gl-logo-finder-main-ratio: 821 / 462;
  --mc-gl-logo-finder-side-w: 216px;
  --mc-gl-logo-finder-cell-pad: 30px;
  --mc-gl-logo-lockup-stage-ratio: 1067 / 600;
  --mc-gl-logo-lockup-cap-ratio: 0.7;
  --mc-gl-logo-lockup-xh-ratio: 0.5;
  --mc-gl-logo-lockup-desc-ratio: 0.24;
  --mc-gl-logo-lockup-asc-ratio: 0.2;
  --mc-gl-logo-phi: 1.618033988;
  --mc-gl-logo-inv-phi: 0.618033988;
  --mc-gl-logo-mark-base: var(--mc-lockup-mark-base);
  --mc-gl-logo-loupe-base: calc(var(--mc-gl-logo-mark-base) * var(--mc-gl-logo-phi));
  --mc-gl-logo-lockup-gap-base: calc(var(--mc-lockup-mark-base) * var(--mc-lockup-gap-ratio));
  --mc-gl-logo-lockup-gap-ratio: var(--mc-lockup-gap-ratio);
  --mc-gl-logo-mark-aspect: var(--mc-lockup-mark-aspect);
  --mc-gl-logo-lockup-word-offset: var(--mc-lockup-word-offset);
  --mc-gl-logo-lockup-word-base: calc(var(--mc-lockup-mark-base) * var(--mc-lockup-word-ratio));
  --mc-gl-logo-lockup-word-ls: calc(var(--mc-lockup-word-base) * var(--mc-lockup-word-ls-ratio));
  --mc-gl-logo-mark: var(--mc-lockup-mark);
  --mc-gl-logo-lockup-gap: var(--mc-lockup-gap);
  --mc-gl-logo-lockup-word: var(--mc-lockup-word);
  --mc-gl-logo-elements-frame-mark: clamp(40px, 12cqi, var(--mc-lockup-mark-base));
  --mc-gl-logo-finder-cell-mark-scale: 1;
  --mc-gl-logo-body-stack: 48px;
  --mc-gl-logo-elements-head-gap: 40px;
  --mc-gl-logo-elements-col-gap: 30px;
  --mc-gl-logo-elements-col-max: 518px;
  --mc-gl-logo-elements-label-size: 32px;
  --mc-gl-logo-elements-label-lh: 35.2px;
  --mc-gl-logo-elements-label-gap: 24px;
  --mc-gl-logo-elements-body-gap: 100px;
  --mc-gl-logo-elements-frame-ratio: 518 / 554;
  --mc-gl-logo-elements-title-size: 64px;
  --mc-gl-logo-elements-title-lh: 64px;
  --mc-gl-logo-elements-title-ls: -0.64px;
  --mc-gl-logo-elements-title-margin: 10px;
  --mc-gl-logo-inuse-head-gap: 52px;
  --mc-gl-logo-inuse-col-gap: 30px;
  --mc-gl-logo-inuse-col-max: 518px;
  --mc-gl-logo-inuse-caption-gap: 16px;
  --mc-gl-logo-inuse-title-size: 64px;
  --mc-gl-logo-inuse-title-lh: 64px;
  --mc-gl-logo-inuse-title-ls: -0.64px;
  --mc-gl-logo-inuse-title-margin: 10px;
  --mc-gl-logo-inuse-mock-title-size: 32px;
  --mc-gl-logo-inuse-mock-title-lh: 35.2px;
  --mc-gl-logo-inuse-deck-title-size: 48px;
  --mc-gl-logo-inuse-deck-title-lh: 1.05;
  --mc-gl-logo-inuse-social-ratio: 518 / 585;
  --mc-gl-logo-inuse-deck-ratio: 518 / 291;
  --mc-gl-logo-inuse-social-mark: 20px;
  --mc-gl-logo-inuse-mock-pad-max: 24px;
  --mc-gl-logo-inuse-deck-mark: 24px;
  --mc-gl-logo-inuse-deck-pad-max: 24px;
  --mc-gl-logo-inuse-watermark-opacity: 0.45;
  --mc-gl-logo-by-head-gap: 33px;
  --mc-gl-logo-by-stage-ratio: 1067 / 600;
  --mc-gl-logo-by-stage-max: 1067px;
  --mc-gl-logo-by-lockup-gap: 32px;
  --mc-gl-logo-by-title-size: 64px;
  --mc-gl-logo-by-title-lh: 64px;
  --mc-gl-logo-by-title-ls: -0.64px;
  --mc-gl-logo-by-title-margin: 10px;
  --mc-gl-logo-by-lockup-size: 48px;
  --mc-gl-logo-by-frame-w: 168px;
  --mc-gl-logo-by-frame-h: 104px;
  --mc-gl-logo-by-frame-radius: 8px;
  --mc-gl-logo-by-icon-size: 56px;
  --mc-gl-logo-by-icon-cycle: 12s;
  --mc-gl-logo-by-block-gap: 32px;
  --mc-gl-logo-by-note-max: 518px;
  --mc-gl-logo-by-powered-text-size: 40px;
  --mc-gl-logo-by-powered-lockup-mark: 50px;
  --mc-gl-logo-by-powered-text-gap: 16px;
  --mc-gl-logo-cobrand-head-gap: 33px;
  --mc-gl-logo-cobrand-stage-ratio: 1067 / 600;
  --mc-gl-logo-cobrand-stage-max: 1067px;
  --mc-gl-logo-cobrand-title-size: 64px;
  --mc-gl-logo-cobrand-title-lh: 64px;
  --mc-gl-logo-cobrand-title-ls: -0.64px;
  --mc-gl-logo-cobrand-title-margin: 10px;
  --mc-gl-logo-cobrand-block-gap: 32px;
  --mc-gl-logo-cobrand-example-word-max: 56px;
  --mc-gl-logo-cobrand-word-max: 72px;
  --mc-gl-logo-cobrand-nook-color: #e879a9;
  --mc-gl-logo-cobrand-nook-unit-ratio: 0.78;
  --mc-gl-logo-cobrand-nook-height-ratio: 1.08;
  --mc-gl-logo-cobrand-nook-rotate: 90deg;
  --mc-gl-logo-cobrand-partner-w: 200px;
  --mc-gl-logo-cobrand-partner-h: 80px;
  --mc-gl-logo-cobrand-mark-col-max: 518px;
  --mc-gl-logo-cobrand-mark-col-gap: 30px;
  --mc-gl-logo-cobrand-mark-frame-ratio: 518 / 554;
  --mc-gl-logo-cobrand-mark-max: 56px;
  --mc-gl-logo-download-head-gap: 40px;
  --mc-gl-logo-download-col-gap: 30px;
  --mc-gl-logo-download-col-max: 518px;
  --mc-gl-logo-download-title-size: 64px;
  --mc-gl-logo-download-title-lh: 64px;
  --mc-gl-logo-download-title-ls: -0.64px;
  --mc-gl-logo-download-title-margin: 10px;
  --mc-gl-logo-download-kit-pad: 32px;
  --mc-gl-logo-download-kit-radius: 8px;
  --mc-gl-logo-download-kit-bg: #eceae4;
  --mc-gl-logo-download-kit-title-size: 32px;
  --mc-gl-logo-download-kit-title-lh: 35.2px;
  --mc-gl-logo-download-head-row-gap: 32px;
  --mc-gl-logo-download-title-list-gap: 18px;
  --mc-gl-logo-download-list-size: 18px;
  --mc-gl-logo-download-list-lh: 23.4px;
  --mc-gl-logo-download-list-count-gap: 32px;
  --mc-gl-logo-download-count-size: 14px;
  --mc-gl-logo-download-count-lh: 21px;
  --mc-gl-logo-download-aside-size: 18px;
  --mc-gl-logo-download-aside-lh: 23.4px;
  --mc-gl-logo-download-email-lh: 18px;
  --mc-gl-logo-download-email-gap: 47px;
  --mc-gl-logo-download-btn-size: 14px;
  --mc-gl-logo-download-btn-lh: 20.8px;
  --mc-gl-logo-download-btn-min-w: 241px;
  --mc-gl-color-visual-max: 1067px;
  --mc-gl-color-head-gap: 52px;
  --mc-gl-color-title-size: 72px;
  --mc-gl-color-title-lh: 72px;
  --mc-gl-color-title-ls: -0.72px;
  --mc-gl-color-title-margin: 10px;
  --mc-gl-color-label-display-size: 42px;
  --mc-gl-color-label-display-lh: 42px;
  --mc-gl-color-label-body-size: 18px;
  --mc-gl-color-label-body-lh: 23.4px;
  --mc-gl-color-label-to-swatch-gap: 42px;
  --mc-gl-color-swatch-h: 180px;
  --mc-gl-color-swatch-border: 16px;
  --mc-gl-color-swatch-outline: #0F172A;
  --mc-gl-color-swatch-lapis-w: 701px;
  --mc-gl-color-swatch-mustavi-w: 180px;
  --mc-gl-color-swatch-blao-w: 114px;
  --mc-gl-color-swatch-gap-lm: 42px;
  --mc-gl-color-swatch-gap-ma: 30px;
  --mc-gl-color-foundations-gap: 40px;
  --mc-gl-color-section-gap: 52px;
  --mc-gl-color-section-title-margin: 10px;
  --mc-gl-color-semantic-usage-gap: 25px;
  --mc-gl-color-semantic-group-gap: 57px;
  --mc-gl-color-accessibility-gap: 52px;
  --mc-gl-color-accessibility-split-gap: 30px;
  --mc-gl-color-accessibility-col-w: 518px;
  --mc-gl-color-accessibility-body-gap: 23px;
  --mc-gl-color-accessibility-callout-gap: 30px;
  --mc-gl-color-accessibility-callout-pad: 20px 25px;
  --mc-gl-color-accessibility-callout-radius: 8px;
  --mc-gl-color-accessibility-title-margin: 10px;
  --mc-gl-color-accessibility-body-size: 18px;
  --mc-gl-color-accessibility-body-lh: 23.4px;
  --mc-gl-type-visual-max: 1067px;
  --mc-gl-type-split-gap: 30px;
  --mc-gl-type-col-w: 518px;
  --mc-gl-type-card-h: 554px;
  --mc-gl-type-head-to-cards: 32px;
  --mc-gl-type-section-gap: 52px;
  --mc-gl-type-divider-size: 40px;
  --mc-gl-type-divider-section-margin: 52px;
  --mc-gl-type-divider-block-margin: 32px;
  --mc-gl-type-divider-line: rgba(17, 17, 16, 0.12);
  --mc-gl-type-title-size: 72px;
  --mc-gl-type-title-lh: 72px;
  --mc-gl-type-title-ls: -0.72px;
  --mc-gl-type-title-margin: 10px;
  --mc-gl-type-body-size: 18px;
  --mc-gl-type-body-lh: 23.4px;
  --mc-gl-type-body-gap: 23px;
  --mc-gl-type-card-label-size: 18px;
  --mc-gl-type-card-label-lh: 23.4px;
  --mc-gl-type-headline-w: 1067px;
  --mc-gl-vw-visual-max: 1067px;
  --mc-gl-vw-split-gap: 30px;
  --mc-gl-vw-col-w: 518px;
  --mc-gl-vw-head-to-carousel: 54px;
  --mc-gl-vw-carousel-w: 1067px;
  --mc-gl-vw-carousel-h: 520px;
  --mc-gl-vw-carousel-radius: 10px;
  --mc-gl-vw-title-size: 72px;
  --mc-gl-vw-title-lh: 72px;
  --mc-gl-vw-title-ls: -0.72px;
  --mc-gl-vw-title-margin: 10px;
  --mc-gl-vw-body-size: 18px;
  --mc-gl-vw-body-lh: 23.4px;
  --mc-gl-vw-flat-section-gap: 50px;
  --mc-gl-vw-flat-title-size: 64px;
  --mc-gl-vw-flat-title-lh: 64px;
  --mc-gl-vw-flat-title-ls: -0.64px;
  --mc-gl-vw-flat-title-margin: 10px;
  --mc-gl-vw-flat-title-to-grid: 40px;
  --mc-gl-vw-flat-grid-w: 1067px;
  --mc-gl-vw-flat-grid-h: 610px;
  --mc-gl-vw-flat-grid-gap: 12px;
  --mc-gl-vw-flat-grid-to-body: 32px;
  --mc-gl-vw-flat-body-to-divider: 62px;
  --mc-gl-vw-mock-section-gap: 50px;
  --mc-gl-vw-mock-title-size: 64px;
  --mc-gl-vw-mock-title-lh: 64px;
  --mc-gl-vw-mock-title-ls: -0.64px;
  --mc-gl-vw-mock-title-margin: 10px;
  --mc-gl-vw-mock-title-to-carousel: 40px;
  --mc-gl-vw-mock-stage-w: 1067px;
  --mc-gl-vw-mock-stage-h: 664px;
  --mc-gl-vw-mock-image-w: 997px;
  --mc-gl-vw-mock-image-radius: 8px;
  --mc-gl-vw-mock-carousel-to-foot: 63px;
  --mc-gl-vw-mock-body-to-divider: 62px;
  --mc-gl-vw-pui-section-gap: 50px;
  --mc-gl-vw-pui-title-size: 64px;
  --mc-gl-vw-pui-title-lh: 64px;
  --mc-gl-vw-pui-title-ls: -0.64px;
  --mc-gl-vw-pui-title-margin: 10px;
  --mc-gl-vw-pui-title-to-carousel: 40px;
  --mc-gl-vw-pui-stage-w: 1067px;
  --mc-gl-vw-pui-stage-h: 353px;
  --mc-gl-vw-pui-card-w: 488px;
  --mc-gl-vw-pui-card-h: 353px;
  --mc-gl-vw-pui-card-gap: 20px;
  --mc-gl-vw-pui-card-radius: 8px;
  --mc-gl-vw-pui-panel-divider-w: 1px;
  --mc-gl-vw-pui-panel-divider-gap: 10px;
  --mc-gl-vw-pui-inner-divider-w: 1px;
  --mc-gl-vw-pui-inner-divider-gap: 8px;
  --mc-gl-vw-pui-panel-divider-color: rgba(17, 17, 16, 0.12);
  --mc-gl-vw-pui-carousel-to-foot: 72px;
  --mc-gl-vw-pui-body-to-divider: 62px;
  --mc-gl-vw-photo-section-gap: 50px;
  --mc-gl-vw-photo-title-size: 64px;
  --mc-gl-vw-photo-title-lh: 64px;
  --mc-gl-vw-photo-title-ls: -0.64px;
  --mc-gl-vw-photo-title-margin: 10px;
  --mc-gl-vw-photo-title-to-grid: 40px;
  --mc-gl-vw-photo-stage-w: 800px;
  --mc-gl-vw-photo-stage-h: 534px;
  --mc-gl-vw-photo-grid-gap: 12px;
  --mc-gl-vw-photo-grid-to-split: 42px;
  --mc-gl-vw-photo-body-to-divider: 62px;
  --mc-gl-vw-3d-section-gap: 50px;
  --mc-gl-vw-3d-title-size: 64px;
  --mc-gl-vw-3d-title-lh: 64px;
  --mc-gl-vw-3d-title-ls: -0.64px;
  --mc-gl-vw-3d-title-margin: 10px;
  --mc-gl-vw-3d-title-to-stage: 40px;
  --mc-gl-vw-3d-stage-w: 1067px;
  --mc-gl-vw-3d-stage-h: 711px;
  --mc-gl-vw-3d-foot-to-split: 42px;
  --mc-gl-vw-3d-body-to-divider: 62px;
  --mc-gl-ge-visual-max: 1067px;
  --mc-gl-ge-stage-h: 600px;
  --mc-gl-ge-head-to-stage: 42px;
  --mc-gl-ge-stage-to-divider: 50px;
  --mc-gl-ge-spacing-stage-divider-to-title: 52px;
  --mc-gl-ge-spacing-title-size: 64px;
  --mc-gl-ge-spacing-title-lh: 64px;
  --mc-gl-ge-spacing-title-ls: -0.64px;
  --mc-gl-ge-spacing-title-margin: 10px;
  --mc-gl-ge-spacing-head-to-divider: 30px;
  --mc-gl-ge-spacing-divider-to-demos: 30px;
  --mc-gl-ge-spacing-to-footer: 52px;
  --mc-gl-ge-col-w: 518px;
  --mc-gl-ge-demo-h: 332px;
  --mc-gl-ge-unit: 28px;
  --mc-gl-ge-dos-title-to-cards: 40px;
  --mc-gl-ge-dos-card-h: 180px;
  --mc-gl-ge-dos-card-to-label: 9px;
  --mc-gl-ge-dos-icon-gap: 8px;
  --mc-gl-ge-dos-list-indent: 32px;
  --mc-gl-ge-dos-list-to-divider: 62px;
  --mc-gl-ge-ex-title-margin: 10px;
  --mc-gl-ge-ex-title-to-sub: 40px;
  --mc-gl-ge-ex-sub-size: 32px;
  --mc-gl-ge-ex-sub-lh: 35.2px;
  --mc-gl-ge-ex-sub-margin: 24px;
  --mc-gl-ge-ex-sub-to-grid: 56px;
  --mc-gl-ge-ex-grid-gap: 30px;
  --mc-gl-ge-ex-grid-row-gap: 30px;
  --mc-gl-ge-ex-group-gap: 52px;
  --mc-gl-ge-ex-slide-w: 336px;
  --mc-gl-ge-ex-slide-h: 189px;
  --mc-gl-ge-ex-slide-pad: 14px;
  --mc-gl-ge-ex-slide-rule: 1px;
  --mc-gl-ge-ex-layouts-w: 1067px;
  --mc-gl-ge-ex-layouts-h: 599px;
  --mc-gl-ge-ex-layouts-sub-to-ill: 56px;
  --mc-gl-ge-dos-stroke-thin: 1px;
  --mc-gl-ge-dos-stroke-thick: 4px;
  --mc-gl-ge-dos-diagram-w: 280px;
  --mc-gl-ge-dos-line-gap: 28px;
  --mc-gl-ge-dos-vline-h: 44px;
  --mc-gl-ge-dos-dont-diagram-h: 72px;
  --mc-gl-ge-title-size: 72px;
  --mc-gl-ge-title-lh: 72px;
  --mc-gl-ge-title-ls: -0.72px;
  --mc-gl-ge-title-margin: 10px;
  --mc-gl-ge-body-size: 18px;
  --mc-gl-ge-body-lh: 23.4px;
  --mc-gl-ge-split-gap: 30px;
  /* Visual World color SSOT (moraq-color-tokens.json + moraq-color-guidelines.json shades) */
  --mc-vw-ink: var(--est-mustkivi);
  --mc-vw-ink-deep: #1e293b;
  --mc-vw-ink-on-dark: var(--est-ehakivi);
  --mc-vw-surface: var(--est-pahkla);
  --mc-vw-surface-muted: #ede9e3;
  --mc-vw-surface-chrome: #d1d8e0;
  --mc-vw-accent: var(--est-blue);
  --mc-vw-accent-mid: var(--est-blue-mid);
  --mc-vw-accent-soft: var(--est-parnu);
  --mc-vw-warm: var(--est-haapsalu);
  --mc-vw-panel-dark: var(--est-mustkivi);
  --mc-vw-panel-light: var(--est-parnu);
  --mc-vw-chart-muted: #d1d8e0;
  /* Learn hub card tones (SSOT: moraq-color-tokens.json + moraq-color-guidelines.json accent BL scale) */
  --mc-learn-tone-brand: var(--est-blue);
  --mc-learn-tone-brand-dark: var(--est-blue-dark);
  --mc-learn-tone-brand-mid: var(--est-blue-mid);
  --mc-learn-tone-soft: var(--est-parnu);
  --mc-learn-tone-warm: var(--est-haapsalu);
  --mc-learn-tone-tint: #e5eefd;
  --mc-learn-tone-deep: #001a8f;
  --mc-learn-event-from: var(--est-blue);
  --mc-learn-event-to: var(--est-blue-mid);
  --mc-tpl-bg: var(--est-pahkla);
  --mc-tpl-box: var(--est-mustkivi);
  --mc-tpl-btn: var(--est-blue);
  --mc-gl-type-headline-h: 600px;
  --mc-gl-type-headline-size: 80px;
  --mc-gl-type-headline-weight: 500;
  --mc-gl-type-headline-lh: 1.05;
  --mc-gl-type-headline-ls: -0.02em;
  --mc-gl-type-headline-padding: 48px;
  --mc-gl-type-headline-color: #111110;
  --mc-gl-type-headline-highlight: rgba(232, 121, 169, 0.35);
  --mc-gl-type-headline-meta-color: #7c3aed;
  --mc-gl-type-detail-w: 518px;
  --mc-gl-type-detail-h: 554px;
  --mc-gl-type-detail-glyph-size: 520px;
  --mc-gl-type-detail-glyph-weight: 500;
  --mc-gl-type-detail-callout-size: 72px;
  --mc-gl-type-detail-callout-border: rgba(124, 58, 237, 0.55);
  --mc-gl-type-detail-callout-fill: rgba(232, 121, 169, 0.22);
  --mc-gl-type-weight-stage-w: 1067px;
  --mc-gl-type-weight-stage-h: 600px;
  --mc-gl-type-weight-cycle: 15s;
  --mc-gl-type-weight-step: 3s;
  --mc-gl-type-weight-size: 64px;
  --mc-gl-accent-scale-max: 1067px;
  --mc-gl-accent-scale-h: 312px;
  --mc-gl-accent-bar-gap: 2px;
  --mc-gl-accent-side-w: 32px;
  --mc-gl-accent-scale-to-usage: 30px;
  --mc-gl-accent-usage-to-table: 52px;
  --mc-gl-accent-token-row-h: 38px;
  --mc-gl-accent-token-preview-w: 60px;
  --mc-gl-accent-token-preview-h: 37px;
  --mc-gl-accent-token-name-w: 122px;
  --mc-gl-logo-safe-head-gap: 40px;
  --mc-gl-logo-safe-label-size: 32px;
  --mc-gl-logo-safe-label-lh: 35.2px;
  --mc-gl-logo-safe-label-gap: 54px;
  --mc-gl-logo-safe-block-gap: 40px;
  --mc-gl-logo-safe-stage-ratio: 1067 / 600;
  --mc-gl-logo-safe-stage-max: 1067px;
  --mc-gl-logo-safe-x-unit: var(--mc-lockup-gap);
  --mc-gl-logo-safe-word-right-inset-ratio: 0.048;
  --mc-gl-logo-safe-word-right-inset: calc(var(--mc-lockup-word) * var(--mc-gl-logo-safe-word-right-inset-ratio));
  --mc-gl-logo-safe-word-r-pad-ratio: 0;
  --mc-gl-logo-safe-word-r-pad: calc(var(--mc-lockup-word) * var(--mc-gl-logo-safe-word-r-pad-ratio));
  --mc-gl-logo-safe-word-r-trim-ratio: 0.020;
  --mc-gl-logo-safe-word-r-trim: calc(var(--mc-lockup-word) * var(--mc-gl-logo-safe-word-r-trim-ratio));
  --mc-gl-logo-safe-word-frame-shift-ratio: 0.018;
  --mc-gl-logo-safe-word-frame-shift: calc(var(--mc-lockup-word) * var(--mc-gl-logo-safe-word-frame-shift-ratio));
  --mc-gl-logo-safe-word-r-overlap-ratio: 0.033;
  --mc-gl-logo-safe-word-r-overlap: calc(var(--mc-lockup-word) * var(--mc-gl-logo-safe-word-r-overlap-ratio));
  --mc-gl-logo-safe-word-l-inset-ratio: 0.008;
  --mc-gl-logo-safe-word-l-inset: calc(var(--mc-lockup-word) * var(--mc-gl-logo-safe-word-l-inset-ratio));
  --mc-gl-logo-safe-desc-ratio: 0.372;
  --mc-gl-logo-safe-wm-l-inset-ratio: 0;
  --mc-gl-logo-safe-wm-l-inset: calc(var(--mc-lockup-word) * var(--mc-gl-logo-safe-wm-l-inset-ratio));
  --mc-gl-logo-safe-wm-l-trim-ratio: 0.032;
  --mc-gl-logo-safe-wm-l-trim: calc(var(--mc-lockup-word) * var(--mc-gl-logo-safe-wm-l-trim-ratio));
  --mc-gl-logo-safe-wm-l-overlap-ratio: 0.008;
  --mc-gl-logo-safe-wm-l-overlap: calc(var(--mc-lockup-word) * var(--mc-gl-logo-safe-wm-l-overlap-ratio));
  --mc-gl-logo-safe-wm-r-inset-ratio: 0;
  --mc-gl-logo-safe-wm-r-inset: calc(var(--mc-lockup-word) * var(--mc-gl-logo-safe-wm-r-inset-ratio));
  --mc-gl-logo-safe-wm-r-trim-ratio: 0.096;
  --mc-gl-logo-safe-wm-r-trim: calc(var(--mc-lockup-word) * var(--mc-gl-logo-safe-wm-r-trim-ratio));
  --mc-gl-logo-safe-wm-frame-shift-ratio: 0;
  --mc-gl-logo-safe-wm-frame-shift: calc(var(--mc-lockup-word) * var(--mc-gl-logo-safe-wm-frame-shift-ratio));
  --mc-gl-logo-safe-wm-r-overlap-ratio: 0.003;
  --mc-gl-logo-safe-wm-r-overlap: calc(var(--mc-lockup-word) * var(--mc-gl-logo-safe-wm-r-overlap-ratio));
  --mc-gl-logo-safe-wm-desc-ratio: 0.400;
  --mc-gl-logo-safe-mark-l-guide-ratio: 0.0021;
  --mc-gl-logo-safe-mark-r-guide-ratio: 0.0041;
  --mc-gl-logo-safe-mark-t-guide-ratio: 0.00222;
  --mc-gl-logo-safe-mark-b-guide-ratio: 0.2348;
  --mc-gl-logo-safe-title-size: 64px;
  --mc-gl-logo-safe-title-lh: 64px;
  --mc-gl-logo-safe-title-ls: -0.64px;
  --mc-gl-logo-safe-title-margin: 10px;
  --mc-gl-principle-section-gap: 52px;
  --mc-gl-principle-divider-size: var(--mc-doc-foot-divider-size);
  --mc-gl-principle-body-stack: 48px;
  --mc-gl-principle-bridge-offset: calc(518px + var(--mc-gl-doc-split-gap));
  /* DIY doc (dark theme, Identity parity) */
  --mc-diy-doc-title-size: clamp(2.5rem, 5vw, 4.5rem);
  --mc-diy-doc-title-ls: -0.72px;
  --mc-diy-doc-body-size: 18px;
  --mc-diy-doc-body-lh: 23.4px;
  --mc-diy-doc-split-gap: 30px;
  --mc-diy-doc-head-margin: 40px;
  /* Assets doc (dark hub / light library) */
  --mc-assets-doc-title-size: clamp(2.5rem, 5vw, 4.5rem);
  --mc-assets-doc-title-ls: -0.72px;
  --mc-assets-doc-body-size: 18px;
  --mc-assets-doc-body-lh: 23.4px;
  --mc-assets-doc-split-gap: 30px;
  --mc-assets-doc-head-margin: 40px;
  --mc-assets-doc-subhead-size: clamp(1.75rem, 3vw, 2.625rem);
  --mc-assets-collection-head-pad-top: 20px;
  --mc-assets-collection-head-pad-bottom: 32px;
  --mc-assets-collection-head-gap: 8px;
  --mc-assets-collection-kicker-size: 14px;
  --mc-assets-collection-kicker-lh: 18px;
  --mc-assets-collection-kicker-gap: 4px;
  --mc-assets-collection-title-size: 18px;
  --mc-assets-collection-title-lh: 20px;
  --mc-assets-collection-title-ls: 0;
  --mc-assets-collection-title-weight: 500;
  --mc-assets-section-title-size: clamp(1.125rem, 1.6vw, 1.375rem);
  --mc-assets-section-count-size: 13px;
  --mc-assets-action-size: 14px;
  --mc-assets-action-lh: 18px;
  --mc-assets-action-height: 36px;
  --mc-assets-action-pad-y: 8px;
  --mc-assets-action-pad-x: 12px;
  --mc-assets-action-gap: 6px;
  --mc-assets-action-radius: 4px;
  --mc-assets-action-bg: #d7d7d0;
  --mc-assets-action-bg-hover: #cfcec6;
  --mc-assets-tile-ratio: 1067 / 520;
  /* Learn doc (dark overview / light sub-pages) */
  --mc-learn-doc-title-size: clamp(2.5rem, 5vw, 4.5rem);
  --mc-learn-doc-title-ls: -0.72px;
  --mc-learn-doc-body-size: 18px;
  --mc-learn-doc-body-lh: 23.4px;
  --mc-learn-doc-split-gap: 30px;
  --mc-learn-doc-head-margin: 40px;
  --mc-learn-gallery-max: 1067px;
  --mc-learn-gallery-gap: 14px;
  --mc-nav-height: 52px;
  --mc-radius-pill: 999px;
  --mc-radius-card: 16px;
  --mc-shadow-float: 0 8px 32px rgba(15, 23, 42, 0.08), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  --mc-shadow-soft: 0 24px 64px rgba(15, 23, 42, 0.06);

  /* Video guidelines - metadata bar, storyboard workspace (Moraq DNA) */
  --mc-gl-video-dark-canvas: var(--mc-learn-dark-canvas);
  --mc-gl-video-dark-panel: var(--mc-home-cta-bg);
  --mc-gl-video-dark-surface: var(--est-mustkivi);
  --mc-gl-video-dark-elevated: var(--est-majakivi);
  --mc-gl-video-dark-chrome: #1e293b;
  --mc-gl-video-dark-ink: var(--mc-home-cta-ink);
  --mc-gl-video-dark-ink-muted: var(--mc-learn-dark-ink-muted);
  --mc-gl-video-dark-ink-soft: var(--mc-learn-dark-ink-soft);
  --mc-gl-video-dark-kicker: var(--mc-learn-dark-kicker);
  --mc-gl-video-accent: var(--est-blue);
  --mc-gl-video-accent-mid: var(--est-blue-mid);
  --mc-gl-video-accent-soft: var(--est-parnu);
  --mc-gl-video-accent-warm: #c4a76a;
  --mc-gl-video-accent-neutral: var(--est-kabelikivi);
  --mc-gl-video-accent-ink: rgba(206, 226, 253, 0.95);
  --mc-gl-video-accent-ring: rgba(0, 98, 245, 0.55);
  --mc-gl-video-accent-fill: rgba(0, 48, 222, 0.16);
  --mc-gl-video-accent-fill-mid: rgba(0, 48, 222, 0.24);
  --mc-gl-video-accent-border: rgba(0, 98, 245, 0.82);
  --mc-gl-video-accent-icon-filter: brightness(0) saturate(100%) invert(21%) sepia(99%) saturate(5264%) hue-rotate(225deg) brightness(95%) contrast(106%);
  --mc-gl-video-border: rgba(255, 255, 255, 0.1);
  --mc-gl-video-border-subtle: rgba(255, 255, 255, 0.08);
}

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

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.55;
  color: var(--mc-ink);
  background: var(--mc-page-bg);
  -webkit-font-smoothing: antialiased;
}

body.moraq-creative-booting .mc-page {
  opacity: 0;
}

body.moraq-creative-ready .mc-page {
  opacity: 1;
  transition: opacity 0.35s ease;
}

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

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

button {
  font: inherit;
  cursor: pointer;
  border: none;
  background: none;
}

.mc-page {
  min-height: 100vh;
}

.mc-main {
  padding-top: calc(var(--mc-nav-height) + 48px);
  padding-bottom: 96px;
}

.mc-section-title {
  margin: 0 0 24px;
  font-family: var(--font-headline);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 600;
  letter-spacing: -0.02em;
}

@media (max-width: 640px) {
  :root {
    --mc-page-gutter: 16px;
  }
}