/* ================================
   DNA Visual Token Baseline
   Ensures visual_profile / spacing / heading / emphasis tokens
   are not only printed in HTML classes, but also consumed by CSS.
================================ */

.homepage {
  --dna-section-gap: 48px;
  --dna-heading-size: clamp(1.8rem, 4vw, 3rem);
  --dna-heading-weight: 800;
  --dna-card-radius: 18px;
  --dna-card-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
  --dna-hero-accent: var(--accent-cyan);
  --dna-panel-border: rgba(255, 255, 255, 0.08);
  --dna-module-bg: rgba(255, 255, 255, 0.025);
  --dna-module-highlight: rgba(0, 240, 255, 0.12);
  --dna-button-shadow: 0 12px 28px rgba(0, 240, 255, 0.16);
  --dna-kicker-transform: uppercase;
  --dna-kicker-spacing: 0.08em;
}

.dna-spacing-compact .homepage,
.homepage--spacing-compact {
  --dna-section-gap: 32px;
}

.dna-spacing-spacious .homepage,
.homepage--spacing-spacious {
  --dna-section-gap: 64px;
}

.dna-spacing-airy .homepage,
.homepage--spacing-airy {
  --dna-section-gap: 72px;
}

.dna-heading-strong .homepage,
.homepage--heading-strong {
  --dna-heading-size: clamp(2rem, 4.5vw, 3.3rem);
  --dna-heading-weight: 800;
}

.dna-heading-punchy .homepage,
.homepage--heading-punchy {
  --dna-heading-size: clamp(2.2rem, 5vw, 3.5rem);
  --dna-heading-weight: 900;
}

.dna-heading-editorial .homepage,
.homepage--heading-editorial {
  --dna-heading-size: clamp(1.9rem, 4vw, 3rem);
  --dna-heading-weight: 700;
}

.dna-visual-trust-dense .homepage,
.homepage--visual-trust-dense {
  --dna-card-radius: 16px;
  --dna-card-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
  --dna-panel-border: rgba(0, 240, 255, 0.14);
}

.dna-visual-app-bold .homepage,
.homepage--visual-app-bold {
  --dna-card-radius: 24px;
  --dna-card-shadow: 0 22px 50px rgba(0, 240, 255, 0.18);
  --dna-hero-accent: var(--accent-magenta);
  --dna-panel-border: rgba(255, 0, 85, 0.18);
}

.dna-visual-editorial-clean .homepage,
.homepage--visual-editorial-clean {
  --dna-card-radius: 14px;
  --dna-card-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
  --dna-panel-border: rgba(255, 255, 255, 0.06);
}

.dna-emphasis-trust-badges .mxg-hero-buttons .mxg-btn-primary,
.homepage--emphasis-trust-badges .mxg-hero-buttons .mxg-btn-primary {
  box-shadow: 0 0 0 1px rgba(0, 240, 255, 0.22), 0 10px 28px rgba(0, 240, 255, 0.18);
}

.dna-emphasis-qr-cta .mxg-hero-sidecard,
.homepage--emphasis-qr-cta .mxg-hero-sidecard {
  border: 1px solid rgba(255, 0, 85, 0.24);
  box-shadow: 0 18px 36px rgba(255, 0, 85, 0.14);
}

.dna-emphasis-content-cards .content-hub-section .mxg-article-card,
.homepage--emphasis-content-cards .content-hub-section .mxg-article-card {
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18);
}

.homepage .mxg-hero-section,
.homepage .homepage-featured,
.homepage .homepage-faq,
.homepage .trust-module,
.homepage .payment-module,
.homepage .social-proof-module,
.homepage .comparison-module,
.homepage .recommendation-module,
.homepage .content-hub-section,
.homepage .shared-top-strip-module {
  margin-top: var(--dna-section-gap);
}

.homepage .mxg-hero-title,
.homepage .section-header h2,
.homepage .homepage-faq h2 {
  font-size: var(--dna-heading-size);
  font-weight: var(--dna-heading-weight);
}

.homepage .mxg-hero-section,
.homepage .trust-module,
.homepage .payment-module,
.homepage .social-proof-module,
.homepage .comparison-module,
.homepage .recommendation-module,
.homepage .content-hub-section,
.homepage .homepage-faq,
.homepage .homepage-featured {
  border-radius: var(--dna-card-radius);
}

.homepage .mxg-hero-sidecard,
.homepage .mxg-step-card,
.homepage .mxg-article-card,
.homepage .mxg-counter-item,
.homepage .mxg-stat-item {
  border-radius: var(--dna-card-radius);
  box-shadow: var(--dna-card-shadow);
  border: 1px solid var(--dna-panel-border);
}

.mxg-hero-section--download-focus .mxg-hero-kicker {
  color: var(--accent-magenta);
}

.mxg-hero-section--guide-focus .mxg-hero-kicker {
  color: var(--warning);
}

.mxg-hero-section--stats-banner .mxg-hero-kicker,
.mxg-hero-section--trust-badges .mxg-hero-kicker {
  color: var(--accent-cyan);
}

.homepage-featured--visual-app-bold .mxg-game-card,
.dna-visual-app-bold .homepage-featured .mxg-game-card {
  transform: translateY(0);
}

.homepage-featured--visual-app-bold .mxg-game-card:hover,
.dna-visual-app-bold .homepage-featured .mxg-game-card:hover {
  transform: translateY(-6px);
}

.homepage-featured--visual-editorial-clean .mxg-game-card,
.dna-visual-editorial-clean .homepage-featured .mxg-game-card {
  background: rgba(255, 255, 255, 0.03);
}

.homepage-featured--visual-trust-dense .mxg-game-card,
.dna-visual-trust-dense .homepage-featured .mxg-game-card {
  border: 1px solid rgba(0, 240, 255, 0.14);
}

/* ================================
   Archetype-specific visual split
================================ */

body.mxg-dna-archetype-app-first,
.homepage--archetype-app-first,
.site-sidebar--app-first,
.bottom-nav--app-first {
  --dna-hero-accent: var(--accent-magenta);
  --dna-panel-border: rgba(255, 0, 85, 0.22);
  --dna-card-shadow: 0 18px 44px rgba(255, 0, 85, 0.14);
  --dna-module-bg: linear-gradient(180deg, rgba(255, 0, 85, 0.1), rgba(0, 240, 255, 0.04));
  --dna-module-highlight: rgba(255, 0, 85, 0.16);
  --dna-button-shadow: 0 16px 34px rgba(255, 0, 85, 0.2);
  --dna-kicker-spacing: 0.1em;
}

body.mxg-dna-archetype-trust-first,
.homepage--archetype-trust-first,
.site-sidebar--trust-first,
.bottom-nav--trust-first {
  --dna-hero-accent: var(--accent-cyan);
  --dna-panel-border: rgba(0, 240, 255, 0.18);
  --dna-card-shadow: 0 14px 34px rgba(0, 240, 255, 0.1);
  --dna-module-bg: linear-gradient(180deg, rgba(0, 240, 255, 0.08), rgba(255, 255, 255, 0.02));
  --dna-module-highlight: rgba(0, 240, 255, 0.12);
  --dna-button-shadow: 0 12px 28px rgba(0, 240, 255, 0.18);
  --dna-kicker-spacing: 0.08em;
}

body.mxg-dna-archetype-content-first,
.homepage--archetype-content-first,
.site-sidebar--content-first,
.bottom-nav--content-first {
  --dna-hero-accent: #d7b8ff;
  --dna-panel-border: rgba(215, 184, 255, 0.18);
  --dna-card-shadow: 0 12px 30px rgba(176, 38, 255, 0.12);
  --dna-module-bg: linear-gradient(180deg, rgba(215, 184, 255, 0.08), rgba(255, 255, 255, 0.018));
  --dna-module-highlight: rgba(215, 184, 255, 0.12);
  --dna-button-shadow: 0 12px 28px rgba(176, 38, 255, 0.16);
  --dna-kicker-transform: none;
  --dna-kicker-spacing: 0.04em;
}

.homepage[class*="homepage--archetype-"] .mxg-hero-section,
.homepage[class*="homepage--archetype-"] .homepage-featured,
.homepage[class*="homepage--archetype-"] .homepage-faq,
.homepage[class*="homepage--archetype-"] .trust-module,
.homepage[class*="homepage--archetype-"] .payment-module,
.homepage[class*="homepage--archetype-"] .social-proof-module,
.homepage[class*="homepage--archetype-"] .comparison-module,
.homepage[class*="homepage--archetype-"] .recommendation-module,
.homepage[class*="homepage--archetype-"] .content-hub-section {
  background: var(--dna-module-bg);
  box-shadow: inset 0 0 0 1px var(--dna-panel-border);
}

.homepage[class*="homepage--archetype-"] .mxg-hero-kicker,
.homepage[class*="homepage--archetype-"] .section-eyebrow,
.homepage[class*="homepage--archetype-"] .archive-eyebrow,
.homepage[class*="homepage--archetype-"] .mxg-article-card-eyebrow {
  color: var(--dna-hero-accent);
  letter-spacing: var(--dna-kicker-spacing);
  text-transform: var(--dna-kicker-transform);
}

.homepage[class*="homepage--archetype-"] .mxg-btn-primary,
.homepage[class*="homepage--archetype-"] .mxg-hero-buttons .mxg-btn-primary,
.site-sidebar[class*="site-sidebar--"] .sidebar-banner-link,
.bottom-nav[class*="bottom-nav--"] .bottom-nav-item.mxg-highlight {
  box-shadow: var(--dna-button-shadow);
}

.homepage--archetype-app-first .mxg-hero-section,
.homepage--archetype-app-first .shared-top-strip-module,
.homepage--archetype-app-first .homepage-featured {
  border-radius: 24px;
}

.homepage--archetype-app-first .mxg-counter-item,
.homepage--archetype-app-first .mxg-game-card,
.homepage--archetype-app-first .mxg-hero-sidecard {
  border-color: rgba(255, 0, 85, 0.24);
  box-shadow: 0 18px 40px rgba(255, 0, 85, 0.16);
}

.homepage--archetype-app-first .mxg-btn-primary,
.site-sidebar--app-first .sidebar-banner-link,
.bottom-nav--app-first .bottom-nav-item.mxg-highlight {
  background: linear-gradient(135deg, var(--accent-magenta), #ff6b9f);
}

.homepage--archetype-trust-first .mxg-hero-section,
.homepage--archetype-trust-first .homepage-faq,
.homepage--archetype-trust-first .trust-module {
  border-radius: 16px;
}

.homepage--archetype-trust-first .mxg-counter-item,
.homepage--archetype-trust-first .mxg-article-card,
.homepage--archetype-trust-first .mxg-step-card {
  border-color: rgba(0, 240, 255, 0.18);
  box-shadow: 0 12px 28px rgba(0, 240, 255, 0.1);
}

.homepage--archetype-trust-first .mxg-btn-primary,
.site-sidebar--trust-first .sidebar-banner-link,
.bottom-nav--trust-first .bottom-nav-item.mxg-highlight {
  background: linear-gradient(135deg, var(--accent-cyan), #56d9ff);
  color: var(--primary-bg);
}

.homepage--archetype-content-first .mxg-hero-section,
.homepage--archetype-content-first .content-hub-section,
.homepage--archetype-content-first .comparison-module,
.homepage--archetype-content-first .homepage-featured {
  border-radius: 14px;
}

.homepage--archetype-content-first .mxg-article-card,
.homepage--archetype-content-first .mxg-game-card,
.homepage--archetype-content-first .mxg-comparison-card,
.homepage--archetype-content-first .mxg-counter-item {
  border-color: rgba(215, 184, 255, 0.2);
  box-shadow: 0 10px 24px rgba(176, 38, 255, 0.1);
}

.homepage--archetype-content-first .mxg-btn-primary,
.site-sidebar--content-first .sidebar-banner-link,
.bottom-nav--content-first .bottom-nav-item.mxg-highlight {
  background: linear-gradient(135deg, #9f6bff, #d7b8ff);
}

.site-sidebar[class*="site-sidebar--"] .mxg-sidebar-widget,
.bottom-nav[class*="bottom-nav--"] {
  box-shadow: inset 0 0 0 1px var(--dna-panel-border);
}

.site-sidebar[class*="site-sidebar--"] .mxg-widget-title,
.bottom-nav[class*="bottom-nav--"] .bottom-nav-label {
  letter-spacing: var(--dna-kicker-spacing);
}

.site-sidebar--app-first .widget-intro,
.bottom-nav--app-first .bottom-nav-item.mxg-highlight {
  color: #ffd8e8;
}

.site-sidebar--trust-first .widget-intro,
.bottom-nav--trust-first .bottom-nav-item.mxg-highlight {
  color: #d8fbff;
}

.site-sidebar--content-first .widget-intro,
.bottom-nav--content-first .bottom-nav-item.mxg-highlight {
  color: #f0e6ff;
}

.site-sidebar .widget-kicker {
  margin: 0 0 0.4rem;
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: 0.82;
}

body.mxg-dna-archetype-app-first .widget-kicker {
  color: #ff77b7;
}

body.mxg-dna-archetype-trust-first .widget-kicker {
  color: #72e7ff;
}

body.mxg-dna-archetype-content-first .widget-kicker {
  color: #c6a7ff;
}

.homepage-hero-marker[class*='--persona-'],
.homepage-social-proof-marker[class*='--persona-'],
.shared-top-strip-module[class*='--persona-'],
.site-sidebar[class*='--prototype-lane-'],
.mxg-article-takeaway-strip[class*='--prototype-lane-'] {
  position: relative;
}

.homepage-hero-marker[class*='--persona-']::before,
.homepage-social-proof-marker[class*='--persona-']::before,
.shared-top-strip-module[class*='--persona-']::before {
  content: '';
  display: block;
  width: 44px;
  height: 2px;
  border-radius: 999px;
  margin: 0 0 12px;
  background: linear-gradient(90deg, var(--dna-hero-accent), transparent);
  opacity: 0.78;
}

.article-reading-frame[class*='--prototype-lane-'],
.article-section-map[class*='--prototype-lane-'],
.article-navigation[class*='--prototype-lane-'],
.article-auto-links[class*='--prototype-lane-'],
.mxg-article-detail-page[class*='--prototype-lane-'] .mxg-breadcrumb-route-step {
  position: relative;
}

.article-reading-frame[class*='--prototype-lane-']::before,
.article-section-map[class*='--prototype-lane-']::before,
.article-navigation[class*='--prototype-lane-']::before,
.article-auto-links[class*='--prototype-lane-']::before {
  content: '';
  display: block;
  width: 46px;
  height: 2px;
  border-radius: 999px;
  margin: 0 0 10px;
  background: linear-gradient(90deg, var(--dna-hero-accent), transparent);
  opacity: 0.78;
}

.article-reading-frame-lane,
.mxg-article-detail-page[class*='--prototype-lane-'] .mxg-breadcrumb-route-step,
.article-navigation[class*='--prototype-lane-'] .nav-route-step {
  text-wrap: pretty;
}

.article-reading-frame-lane {
  margin: 0.7rem 0 0;
  font-size: 0.94rem;
  line-height: 1.65;
  color: color-mix(in srgb, var(--dna-hero-accent) 68%, white);
}

.article-section-map[class*='--prototype-lane-'] .article-section-map-label,
.article-auto-links[class*='--prototype-lane-'] .mxg-article-section-heading,
.article-navigation[class*='--prototype-lane-'] .nav-label,
.mxg-article-detail-page[class*='--prototype-lane-'] .mxg-breadcrumb-route-step {
  letter-spacing: 0.01em;
}

.brand-scent-kicker {
  margin: 0 0 0.8rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  opacity: 0.82;
}

.mxg-blog-hero[class*='--prototype-lane-'],
.article-list-page[class*='--prototype-lane-'],
.category-archetype-guide[class*='--prototype-lane-'],
.mxg-blog-hero[data-brand-initial] .mxg-container,
.article-list-page[class*='--brand-'] {
  position: relative;
}

.mxg-blog-hero[data-brand-initial]::after {
  content: attr(data-brand-initial);
  position: absolute;
  right: 22px;
  top: 18px;
  font-size: 4.4rem;
  font-weight: 800;
  line-height: 1;
  opacity: 0.08;
  color: #fff;
  pointer-events: none;
}

.blog-page[class*='--brand-'] .brand-scent-kicker,
.article-list-page[class*='--brand-'] .brand-scent-kicker {
  color: color-mix(in srgb, var(--dna-hero-accent) 72%, white);
}

.blog-page--brand-malama-app .brand-scent-kicker,
.article-list-page--brand-malama-app .brand-scent-kicker,
.mxg-blog-hero--brand-malama-app .brand-scent-kicker {
  letter-spacing: 0.2em;
}

.blog-page--brand-muskan .brand-scent-kicker,
.article-list-page--brand-muskan .brand-scent-kicker,
.mxg-blog-hero--brand-muskan .brand-scent-kicker {
  font-size: 0.74rem;
}

.blog-page--brand-raazclub .brand-scent-kicker,
.article-list-page--brand-raazclub .brand-scent-kicker,
.mxg-blog-hero--brand-raazclub .brand-scent-kicker {
  font-style: italic;
}

.article-list-page--brand-malama-app .mxg-breadcrumb-route-step,
.article-list-page--brand-malama-app .blog-list-route-step,
.mxg-blog-hero--brand-malama-app p:last-child {
  max-width: 58rem;
}

.article-list-page--brand-muskan .mxg-breadcrumb-route-step,
.article-list-page--brand-muskan .blog-list-route-step,
.mxg-blog-hero--brand-muskan p:last-child {
  max-width: 54rem;
}

.archive-flow[class*='--'] {
  display: flex;
  flex-direction: column;
}

.archive-route-explainer[class*='--'] {
  order: 1;
}

.archive-grid[class*='--'] {
  order: 3;
  --archive-card-gap: 28px;
  --archive-card-padding: 20px;
  --archive-heading-size: 1.12rem;
  --archive-heading-weight: 700;
}

.pagination-route-step,
.blog-pagination-branch-priority,
.blog-pagination-branch-exit-criteria,
.blog-pagination-branch-saturation {
  order: 4;
}

.archive-flow--app-first .archive-route-explainer,
.archive-flow[class*='--prototype-lane-wallet-app'] .archive-route-explainer {
  order: 1;
}

.archive-flow--app-first .archive-grid,
.archive-flow[class*='--prototype-lane-wallet-app'] .archive-grid {
  order: 2;
}

.archive-flow--trust-first .archive-route-explainer,
.archive-flow[class*='--prototype-lane-verification-trust'] .archive-route-explainer {
  order: 1;
}

.archive-flow--trust-first .archive-grid,
.archive-flow[class*='--prototype-lane-verification-trust'] .archive-grid {
  order: 3;
}

.archive-flow--content-first .archive-route-explainer,
.archive-flow[class*='--prototype-lane-review-content'] .archive-route-explainer {
  order: 2;
}

.archive-flow--content-first .archive-grid,
.archive-flow[class*='--prototype-lane-review-content'] .archive-grid {
  order: 3;
}

.archive-flow--brand-malama-app .blog-search-route-hint::before,
.archive-flow--brand-malama-app .category-search-branch-transition::before,
.archive-flow--brand-malama-app .search-fallback-prioritization::before {
  content: 'Fast cue: ';
  color: color-mix(in srgb, var(--dna-hero-accent) 78%, white);
}

.archive-flow--brand-muskan .blog-search-route-hint::before,
.archive-flow--brand-muskan .category-search-branch-transition::before,
.archive-flow--brand-muskan .search-fallback-prioritization::before {
  content: 'Trust cue: ';
  color: color-mix(in srgb, var(--dna-hero-accent) 78%, white);
}

.archive-flow--brand-raazclub .blog-search-route-hint::before,
.archive-flow--brand-raazclub .category-search-branch-transition::before,
.archive-flow--brand-raazclub .search-fallback-prioritization::before {
  content: 'Editorial cue: ';
  color: color-mix(in srgb, var(--dna-hero-accent) 78%, white);
}

.archive-grid--app-first {
  --archive-card-gap: 24px;
  --archive-card-padding: 18px;
  --archive-heading-size: 1.06rem;
  --archive-heading-weight: 800;
}

.archive-grid--trust-first {
  --archive-card-gap: 20px;
  --archive-card-padding: 17px;
  --archive-heading-size: 1rem;
  --archive-heading-weight: 780;
}

.archive-grid--content-first {
  --archive-card-gap: 32px;
  --archive-card-padding: 22px;
  --archive-heading-size: 1.16rem;
  --archive-heading-weight: 680;
}

.archive-grid[class*='--prototype-lane-wallet-app'] {
  --archive-card-gap: 22px;
}

.archive-grid[class*='--prototype-lane-verification-trust'] {
  --archive-card-gap: 20px;
}

.archive-grid[class*='--prototype-lane-review-content'] {
  --archive-card-gap: 34px;
}

.archive-grid[class*='--brand-'] {
  gap: var(--archive-card-gap) !important;
}

.mxg-article-card--archive {
  position: relative;
}

.mxg-article-card--archive .mxg-article-card-info {
  padding: var(--archive-card-padding) !important;
}

.mxg-article-card--archive .mxg-article-title {
  font-size: var(--archive-heading-size) !important;
  font-weight: var(--archive-heading-weight) !important;
  letter-spacing: 0.01em;
}

.blog-page--app-first .mxg-blog-hero,
.article-list-page--app-first .brand-scent-kicker {
  margin-bottom: 0.1rem;
}

.blog-page--trust-first .mxg-blog-hero,
.article-list-page--trust-first .brand-scent-kicker {
  margin-bottom: 0.3rem;
}

.blog-page--content-first .mxg-blog-hero,
.article-list-page--content-first .brand-scent-kicker {
  margin-bottom: 0.55rem;
}

.blog-page--app-first .brand-scent-kicker,
.article-list-page--app-first .brand-scent-kicker {
  letter-spacing: 0.18em;
}

.blog-page--trust-first .brand-scent-kicker,
.article-list-page--trust-first .brand-scent-kicker {
  letter-spacing: 0.14em;
}

.blog-page--content-first .brand-scent-kicker,
.article-list-page--content-first .brand-scent-kicker {
  letter-spacing: 0.11em;
}

.archive-grid--app-first .mxg-article-card--archive {
  border-radius: 14px;
}

.archive-grid--trust-first .mxg-article-card--archive {
  border-radius: 12px;
}

.archive-grid--content-first .mxg-article-card--archive {
  border-radius: 18px;
}

.mxg-article-detail-page[class*='--brand-'] .brand-scent-kicker,
.site-sidebar[class*='--brand-'] .widget-kicker,
.quick-actions-widget[class*='--brand-'] .widget-kicker {
  color: color-mix(in srgb, var(--dna-hero-accent) 72%, white);
}

.mxg-article-detail-page[class*='--brand-'] .brand-scent-kicker {
  margin-top: 0.2rem;
}

.site-sidebar[class*='--brand-'] .widget-kicker,
.quick-actions-widget[class*='--brand-'] .widget-kicker {
  text-wrap: pretty;
}

.quick-actions-widget[class*='--brand-'] .quick-action-btn {
  position: relative;
  overflow: hidden;
}

.quick-actions-widget[class*='--brand-'] .quick-action-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, color-mix(in srgb, var(--dna-hero-accent) 12%, transparent), transparent 55%);
  pointer-events: none;
}

.mxg-article-detail-page--brand-malama-app .brand-scent-kicker,
.site-sidebar--brand-malama-app .widget-kicker,
.quick-actions-widget--brand-malama-app .widget-kicker {
  letter-spacing: 0.19em;
}

.mxg-article-detail-page--brand-muskan .brand-scent-kicker,
.site-sidebar--brand-muskan .widget-kicker,
.quick-actions-widget--brand-muskan .widget-kicker {
  font-size: 0.74rem;
}

.homepage-recommendation-marker[class*='--brand-'] .brand-scent-kicker,
.homepage-faq[class*='--brand-'] .brand-scent-kicker,
.site-footer[class*='--brand-'] .brand-scent-kicker {
  color: color-mix(in srgb, var(--dna-hero-accent, #72e7ff) 72%, white);
}

.homepage-recommendation-marker[class*='--brand-'] .brand-scent-kicker,
.homepage-faq[class*='--brand-'] .brand-scent-kicker,
.site-footer[class*='--brand-'] .brand-scent-kicker {
  margin-bottom: 0.8rem;
}

.homepage-recommendation-marker--brand-malama-app .brand-scent-kicker,
.homepage-faq--brand-malama-app .brand-scent-kicker,
.site-footer--brand-malama-app .brand-scent-kicker {
  letter-spacing: 0.19em;
}

.homepage-recommendation-marker--brand-muskan .brand-scent-kicker,
.homepage-faq--brand-muskan .brand-scent-kicker,
.site-footer--brand-muskan .brand-scent-kicker {
  font-size: 0.74rem;
}

.homepage-recommendation-marker--brand-raazclub .brand-scent-kicker,
.homepage-faq--brand-raazclub .brand-scent-kicker,
.site-footer--brand-raazclub .brand-scent-kicker {
  font-style: italic;
}

.footer-legal-note,
.footer-transition {
  max-width: 58rem;
  margin: 0.35rem 0 0;
  font-size: 0.84rem;
  line-height: 1.5;
}

.footer-legal-note {
  color: color-mix(in srgb, var(--dna-text-soft, #bfd4ea) 78%, white);
}

.footer-transition {
  color: color-mix(in srgb, var(--dna-hero-accent, #72e7ff) 70%, white);
}

.mxg-footer-bottom--app .footer-transition {
  letter-spacing: 0.01em;
}

.mxg-footer-bottom--trust .footer-legal-note,
.mxg-footer-bottom--trust .footer-transition {
  font-size: 0.82rem;
}

.mxg-footer-bottom--content .footer-transition {
  font-style: italic;
}

.route-connective {
  max-width: 62rem;
  margin: -0.15rem 0 1rem;
  font-size: 0.92rem;
  line-height: 1.55;
  color: color-mix(in srgb, var(--dna-text-soft, #bfd4ea) 86%, white);
}

.route-connective--recommendation,
.route-connective--faq,
.route-connective--footer {
  opacity: 0.92;
}

.homepage-recommendation-marker--archetype-app-first .route-connective,
.homepage-faq--archetype-app-first .route-connective,
.site-footer--app .route-connective {
  max-width: 58rem;
}

.homepage-recommendation-marker--archetype-trust-first .route-connective,
.homepage-faq--archetype-trust-first .route-connective,
.site-footer--trust .route-connective {
  font-size: 0.9rem;
}

.homepage-recommendation-marker--archetype-content-first .route-connective,
.homepage-faq--archetype-content-first .route-connective,
.site-footer--content .route-connective {
  max-width: 66rem;
}

.homepage-recommendation-marker--brand-malama-app .route-connective,
.homepage-faq--brand-malama-app .route-connective,
.site-footer--brand-malama-app .route-connective {
  letter-spacing: 0.01em;
}

.homepage-recommendation-marker--brand-muskan .route-connective,
.homepage-faq--brand-muskan .route-connective,
.site-footer--brand-muskan .route-connective {
  font-weight: 520;
}

.homepage-recommendation-marker--brand-raazclub .route-connective,
.homepage-faq--brand-raazclub .route-connective,
.site-footer--brand-raazclub .route-connective {
  font-style: italic;
}

.mxg-blog-hero[class*='--prototype-lane-']::before,
.article-list-page[class*='--prototype-lane-']::before,
.category-archetype-guide[class*='--prototype-lane-']::before {
  content: '';
  display: block;
  width: 58px;
  height: 2px;
  border-radius: 999px;
  margin: 0 auto 14px;
  background: linear-gradient(90deg, var(--dna-hero-accent), transparent);
  opacity: 0.8;
}

.article-list-page[class*='--prototype-lane-'] .mxg-breadcrumb-route-step,
.article-list-page[class*='--prototype-lane-'] .blog-list-route-step,
.category-archetype-guide[class*='--prototype-lane-'] p,
.mxg-blog-hero[class*='--prototype-lane-'] p {
  text-wrap: pretty;
}

.article-list-page[class*='--prototype-lane-wallet-app'] .mxg-breadcrumb-route-step,
.article-list-page[class*='--prototype-lane-wallet-app'] .blog-list-route-step,
.category-archetype-guide[class*='--prototype-lane-wallet-app'] p,
.mxg-blog-hero[class*='--prototype-lane-wallet-app'] p {
  color: #ffd8e8;
}

.article-list-page[class*='--prototype-lane-verification-trust'] .mxg-breadcrumb-route-step,
.article-list-page[class*='--prototype-lane-verification-trust'] .blog-list-route-step,
.category-archetype-guide[class*='--prototype-lane-verification-trust'] p,
.mxg-blog-hero[class*='--prototype-lane-verification-trust'] p {
  color: #d8fbff;
}

.article-list-page[class*='--prototype-lane-review-content'] .mxg-breadcrumb-route-step,
.article-list-page[class*='--prototype-lane-review-content'] .blog-list-route-step,
.category-archetype-guide[class*='--prototype-lane-review-content'] p,
.mxg-blog-hero[class*='--prototype-lane-review-content'] p {
  color: #efe1ff;
}

.article-list-page[class*='--prototype-lane-'] .mxg-breadcrumb-route-step,
.article-list-page[class*='--prototype-lane-'] .blog-list-route-step {
  letter-spacing: 0.01em;
}