/* Enterprise SaaS system lock: final global visual source of truth. */
:root{
  --brand-bg: #050914;
  --brand-bg-2: #070d1a;
  --brand-surface: rgba(12, 18, 32, 0.82);
  --brand-surface-strong: rgba(14, 22, 38, 0.94);
  --brand-surface-soft: rgba(255, 255, 255, 0.045);
  --brand-border: rgba(148, 163, 184, 0.18);
  --brand-border-strong: rgba(148, 163, 184, 0.3);
  --brand-text: #f4f7fb;
  --brand-muted: #a3b2c7;
  --brand-muted-2: #7f8fa7;
  --brand-accent: #0078f0;
  --brand-accent-2: #38bdf8;
  --brand-accent-soft: rgba(0, 120, 240, 0.12);
  --brand-warning-soft: rgba(245, 158, 11, 0.12);
  --brand-shadow: 0 20px 54px rgba(0, 0, 0, 0.28);
  --brand-shadow-strong: 0 28px 72px rgba(0, 0, 0, 0.34);
  --brand-radius-sm: 8px;
  --brand-radius-md: 10px;
  --brand-radius-lg: 12px;
  --brand-container: 1184px;
  --brand-readable: 720px;
  --brand-space-1: 8px;
  --brand-space-2: 12px;
  --brand-space-3: 16px;
  --brand-space-4: 24px;
  --brand-space-5: 32px;
  --brand-space-6: 48px;
  --brand-space-section: 68px;
  --brand-space-section-tight: 42px;
  --brand-nav-height: 72px;
  --brand-fast: 160ms;
  --brand-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --bg: var(--brand-bg);
  --bg-soft: var(--brand-bg-2);
  --surface: var(--brand-surface);
  --surface-strong: var(--brand-surface-strong);
  --card: var(--brand-surface-soft);
  --text: var(--brand-text);
  --muted: var(--brand-muted);
  --line: var(--brand-border);
  --green: var(--brand-accent);
  --cyan: var(--brand-accent-2);
  --shadow: var(--brand-shadow-strong);
  --shadow-soft: var(--brand-shadow);
  --container: var(--brand-container);
  --radius: var(--brand-radius-md);
  --ds-container: var(--brand-container);
  --ds-readable: var(--brand-readable);
  --ds-nav-height: var(--brand-nav-height);
  --ds-section-y: var(--brand-space-section);
  --ds-section-y-tight: var(--brand-space-section-tight);
  --ds-card-radius: var(--brand-radius-md);
  --ds-card-pad: var(--brand-space-4);
  --ds-border: var(--brand-border);
  --ds-border-strong: var(--brand-border-strong);
  --ds-panel:
    linear-gradient(180deg, rgba(255, 255, 255, 0.054), rgba(255, 255, 255, 0.026)),
    var(--brand-surface);
  --ds-panel-strong:
    linear-gradient(180deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.03)),
    var(--brand-surface-strong);
  --ds-shadow-card: var(--brand-shadow);
  --ds-shadow-hover: var(--brand-shadow-strong);
  --ds-h1: clamp(42px, 6vw, 64px);
  --ds-h2: clamp(32px, 4vw, 46px);
  --ds-h3: 22px;
}

html[data-theme="light"] body{
  --brand-bg: #f7f9fc;
  --brand-bg-2: #eef3f8;
  --brand-surface: rgba(255, 255, 255, 0.9);
  --brand-surface-strong: rgba(255, 255, 255, 0.98);
  --brand-surface-soft: rgba(15, 23, 42, 0.045);
  --brand-border: rgba(15, 23, 42, 0.12);
  --brand-border-strong: rgba(15, 23, 42, 0.2);
  --brand-text: #0d1728;
  --brand-muted: #4b5b72;
  --brand-muted-2: #64748b;
  --brand-shadow: 0 18px 48px rgba(15, 23, 42, 0.09);
  --brand-shadow-strong: 0 24px 64px rgba(15, 23, 42, 0.13);
}

body{
  background:
    linear-gradient(180deg, var(--brand-bg) 0%, var(--brand-bg-2) 52%, var(--brand-bg) 100%);
  color: var(--brand-text);
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  text-rendering: geometricPrecision;
}

body::before{
  background:
    linear-gradient(180deg, rgba(56, 189, 248, 0.055), transparent 360px),
    linear-gradient(90deg, rgba(0, 120, 240, 0.038), transparent 42%);
  opacity: 1;
}

body::after{
  display: none;
}

.container{
  max-width: var(--brand-container);
  padding-inline: clamp(20px, 4vw, 28px);
}

section,
.mmbs-section,
.dashboard-section,
.dashboard-panels-section,
.utilities-section,
.release-channel-section,
.onboarding-preview-section,
.pricing-section{
  padding-block: var(--brand-space-section);
}

.mmbs-section + .mmbs-section,
.mmbs-section + .dashboard-section,
.dashboard-section + .mmbs-section,
.utilities-section + .mmbs-section{
  padding-top: var(--brand-space-section-tight);
}

.mmbs-hero,
.hero,
.product-home-hero,
.product-hero-compact,
.legal-page-hero,
.dashboard-hero{
  padding-block: clamp(58px, 7vw, 86px) var(--brand-space-section);
}

h1,
.mmbs-hero-copy h1,
.legal-page-hero h1,
.dashboard-hero h1{
  font-size: var(--ds-h1);
  line-height: 0.98;
  max-width: 820px;
}

h2,
.mmbs-section-head h2,
.workflow-copy h2,
.pricing-head h2,
.mmbs-demo h2{
  font-size: var(--ds-h2);
  line-height: 1.08;
}

h3,
.release-channel-card h3,
.faq-card h3,
.seo-link-card h3,
.feature-category h3,
.dashboard-card strong{
  font-size: var(--ds-h3);
  line-height: 1.2;
}

p,
.mmbs-section-head p,
.workflow-copy p,
.pricing-head p,
.legal-page-hero p,
.mmbs-hero-copy p,
.mmbs-demo p{
  color: var(--brand-muted);
  font-size: clamp(15px, 1.5vw, 17px);
  line-height: 1.68;
}

.mmbs-section-head,
.pricing-head,
.workflow-copy,
.legal-page-hero .container{
  display: grid;
  gap: var(--brand-space-3);
  max-width: var(--brand-readable);
}

.mmbs-section-head > *,
.pricing-head > *,
.workflow-copy > *,
.legal-page-hero .container > *{
  margin-block: 0;
}

.logo-img{
  max-height: 34px;
  max-width: 34px;
}

.hero-layout,
.workflow-section,
.pricing-layout{
  gap: clamp(28px, 5vw, 56px);
}

.product-home-hero .hero-layout{
  grid-template-columns: minmax(0, 1fr) minmax(380px, 0.72fr);
}

.mmbs-hero-copy,
.hero-content{
  display: grid;
  gap: var(--brand-space-4);
}

.mmbs-hero-copy > *,
.hero-content > *{
  margin-block: 0;
}

.mmbs-actions{
  gap: var(--brand-space-2);
}

.mmbs-proof{
  gap: var(--brand-space-2);
  margin-top: 0;
}

.hero-preview,
.preview-card,
.mmbs-gmail-window,
.mmbs-price-card,
.mmbs-video,
.card,
.feature-category,
.feature-list > .feature-card,
.performance-grid article,
.workflow-steps > div,
.dashboard-card,
.dashboard-panel,
.contact-clean,
.faq-card,
.seo-trust-card,
.seo-link-card,
.release-channel-card,
.release-notes-panel,
.release-detail-card,
.install-cta-card,
.legal-panel,
.utility-directory-card,
.toolkit-advanced-card,
.utilities-panel,
.utilities-delay-card,
.pdf-tool-card,
.image-control-card{
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.056), rgba(255, 255, 255, 0.022)),
    var(--brand-surface);
  border: 1px solid var(--brand-border);
  border-radius: var(--brand-radius-lg);
  box-shadow: var(--brand-shadow);
}

html[data-theme="light"] body .hero-preview,
html[data-theme="light"] body .preview-card,
html[data-theme="light"] body .mmbs-gmail-window,
html[data-theme="light"] body .mmbs-price-card,
html[data-theme="light"] body .mmbs-video,
html[data-theme="light"] body .card,
html[data-theme="light"] body .feature-category,
html[data-theme="light"] body .feature-list > .feature-card,
html[data-theme="light"] body .performance-grid article,
html[data-theme="light"] body .workflow-steps > div,
html[data-theme="light"] body .dashboard-card,
html[data-theme="light"] body .dashboard-panel,
html[data-theme="light"] body .contact-clean,
html[data-theme="light"] body .faq-card,
html[data-theme="light"] body .seo-trust-card,
html[data-theme="light"] body .seo-link-card,
html[data-theme="light"] body .release-channel-card,
html[data-theme="light"] body .release-notes-panel,
html[data-theme="light"] body .release-detail-card,
html[data-theme="light"] body .install-cta-card,
html[data-theme="light"] body .legal-panel,
html[data-theme="light"] body .utility-directory-card,
html[data-theme="light"] body .toolkit-advanced-card,
html[data-theme="light"] body .utilities-panel,
html[data-theme="light"] body .utilities-delay-card,
html[data-theme="light"] body .pdf-tool-card,
html[data-theme="light"] body .image-control-card{
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(248, 250, 252, 0.78)),
    var(--brand-surface);
}

.hero-preview,
.preview-card,
.card,
.feature-category,
.feature-list > .feature-card,
.performance-grid article,
.workflow-steps > div,
.dashboard-card,
.dashboard-panel,
.faq-card,
.seo-link-card,
.release-channel-card,
.mmbs-price-card,
.utility-directory-card,
.toolkit-advanced-card,
.pdf-tool-card{
  transition:
    border-color var(--brand-fast) var(--brand-ease),
    box-shadow var(--brand-fast) var(--brand-ease),
    transform var(--brand-fast) var(--brand-ease);
}

.hero-preview:hover,
.preview-card:hover,
.card:hover,
.feature-category:hover,
.feature-list > .feature-card:hover,
.performance-grid article:hover,
.workflow-steps > div:hover,
.dashboard-card:hover,
.dashboard-panel:hover,
.faq-card:hover,
.seo-link-card:hover,
.release-channel-card:hover,
.mmbs-price-card:hover,
.utility-directory-card:hover,
.toolkit-advanced-card:hover,
.pdf-tool-card:hover{
  border-color: var(--brand-border-strong);
  box-shadow: var(--brand-shadow-strong);
  transform: translateY(-2px);
}

.product-home-hero .hero-preview{
  padding: var(--brand-space-3);
}

.product-home-hero .mmbs-gmail-window{
  border-radius: var(--brand-radius-md);
}

.hero-stats,
.performance-grid,
.faq-grid,
.seo-link-grid,
.feature-category-grid,
.release-channel-grid,
.dashboard-mini-grid,
.utility-directory-grid{
  gap: var(--brand-space-3);
}

.workflow-steps{
  gap: var(--brand-space-3);
}

.workflow-steps > div,
.performance-grid article,
.faq-card,
.seo-link-card,
.feature-category,
.dashboard-card,
.release-channel-card,
.mmbs-price-card,
.install-cta-card{
  padding: clamp(20px, 2.4vw, 28px);
}

.release-channel-card{
  min-height: 380px;
}

.release-detail-card{
  min-height: 320px;
}

.release-summary-list,
.release-meta{
  min-height: 0;
}

.release-actions,
.pricing-actions,
.utility-card-actions{
  gap: var(--brand-space-2);
}

.pricing-section{
  background:
    linear-gradient(180deg, transparent, rgba(0, 120, 240, 0.032), transparent);
}

.pricing-layout{
  align-items: center;
}

.pricing-card-premium::before{
  opacity: 0.16;
}

.legal-panel.is-document,
.release-notes-panel{
  max-width: var(--ds-container-narrow);
}

.legal-document-head,
.legal-section{
  padding: clamp(24px, 4vw, 36px);
}

@media (max-width: 1120px){

  .product-home-hero .hero-layout,
  .pricing-layout,
  .workflow-section{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px){
  :root{
    --brand-space-section: 48px;
    --brand-space-section-tight: 30px;
    --brand-nav-height: auto;
  }

  h1,
  .mmbs-hero-copy h1,
  .legal-page-hero h1,
  .dashboard-hero h1{
    line-height: 1.06;
  }
}

@media (max-width: 520px){
  .container{
    padding-inline: 18px;
  }

  .mmbs-actions,
  .release-actions,
  .pricing-actions,
  .utility-card-actions{
    align-items: stretch;
    flex-direction: column;
  }

  .mmbs-actions > *,
  .release-actions > *,
  .pricing-actions > *,
  .utility-card-actions > *{
    width: 100%;
  }

  .product-home-hero .hero-preview{
    padding: 14px;
  }
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration: 1ms !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }
}

/* Premium SaaS refinement layer: keeps one calm visual language above legacy page rules. */
:root{
  --brand-bg: #060a12;
  --brand-bg-2: #0a101c;
  --brand-surface: rgba(13, 18, 29, 0.82);
  --brand-surface-strong: rgba(14, 20, 32, 0.96);
  --brand-surface-soft: rgba(255, 255, 255, 0.036);
  --brand-border: rgba(151, 164, 184, 0.13);
  --brand-border-strong: rgba(151, 164, 184, 0.22);
  --brand-text: #f6f8fb;
  --brand-muted: #a9b5c6;
  --brand-muted-2: #7d8999;
  --brand-accent: #2fd17c;
  --brand-accent-2: #8ab4ff;
  --brand-accent-soft: rgba(47, 209, 124, 0.1);
  --brand-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
  --brand-shadow-strong: 0 26px 64px rgba(0, 0, 0, 0.28);
  --brand-radius-sm: 8px;
  --brand-radius-md: 9px;
  --brand-radius-lg: 10px;
  --brand-container: 1168px;
  --brand-readable: 700px;
  --brand-space-section: 60px;
  --brand-space-section-tight: 34px;
  --brand-nav-height: 68px;
  --brand-fast: 150ms;
  --brand-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ds-h1: clamp(40px, 5.2vw, 60px);
  --ds-h2: clamp(30px, 3.5vw, 42px);
  --ds-h3: 20px;
}

html[data-theme="light"] body{
  --brand-bg: #f8fafc;
  --brand-bg-2: #eef3f8;
  --brand-surface: rgba(255, 255, 255, 0.92);
  --brand-surface-strong: rgba(255, 255, 255, 0.98);
  --brand-surface-soft: rgba(15, 23, 42, 0.035);
  --brand-border: rgba(15, 23, 42, 0.1);
  --brand-border-strong: rgba(15, 23, 42, 0.16);
  --brand-text: #101827;
  --brand-muted: #526075;
  --brand-muted-2: #6b7687;
}

body{
  background:
    radial-gradient(circle at 50% -18%, rgba(138, 180, 255, 0.12), transparent 34rem),
    linear-gradient(180deg, var(--brand-bg) 0%, var(--brand-bg-2) 46%, var(--brand-bg) 100%);
}

body::before{
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 360px),
    linear-gradient(90deg, rgba(47, 209, 124, 0.032), transparent 38%);
}

body,
button,
input,
select,
textarea{
  letter-spacing: 0;
}

.container{
  max-width: var(--brand-container);
  padding-inline: clamp(20px, 4vw, 30px);
}

section,
.mmbs-section,
.dashboard-section,
.dashboard-panels-section,
.utilities-section,
.release-channel-section,
.onboarding-preview-section,
.pricing-section{
  padding-block: var(--brand-space-section);
}

.mmbs-hero,
.hero,
.product-home-hero,
.product-hero-compact,
.legal-page-hero,
.dashboard-hero{
  overflow: clip;
  padding-block: clamp(58px, 7vw, 84px) var(--brand-space-section);
}

h1,
.mmbs-hero-copy h1,
.legal-page-hero h1,
.dashboard-hero h1{
  font-size: var(--ds-h1);
  letter-spacing: -0.01em;
  line-height: 1;
}

h2,
.mmbs-section-head h2,
.workflow-copy h2,
.pricing-head h2,
.mmbs-demo h2{
  font-size: var(--ds-h2);
  letter-spacing: -0.005em;
  line-height: 1.09;
}

h3,
.release-channel-card h3,
.faq-card h3,
.seo-link-card h3,
.feature-category h3,
.dashboard-card strong{
  font-size: var(--ds-h3);
  line-height: 1.22;
}

.product-home-hero .hero-layout{
  align-items: center;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.78fr);
}

.mmbs-hero-copy,
.hero-content{
  max-width: 720px;
}

.mmbs-actions,
.pricing-actions,
.release-actions,
.utility-card-actions{
  gap: 10px;
}

.mmbs-proof{
  gap: 8px;
}

.hero-preview,
.preview-card,
.mmbs-gmail-window,
.mmbs-price-card,
.mmbs-video,
.card,
.feature-category,
.feature-list > .feature-card,
.performance-grid article,
.workflow-steps > div,
.dashboard-card,
.dashboard-panel,
.contact-clean,
.faq-card,
.seo-trust-card,
.seo-link-card,
.release-channel-card,
.release-notes-panel,
.release-detail-card,
.install-cta-card,
.legal-panel,
.utility-directory-card,
.toolkit-advanced-card,
.utilities-panel,
.utilities-delay-card,
.pdf-tool-card,
.image-control-card{
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.018)),
    var(--brand-surface);
  border-color: var(--brand-border);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.18);
}

.hero-preview:hover,
.preview-card:hover,
.card:hover,
.feature-category:hover,
.feature-list > .feature-card:hover,
.performance-grid article:hover,
.workflow-steps > div:hover,
.dashboard-card:hover,
.dashboard-panel:hover,
.faq-card:hover,
.seo-link-card:hover,
.release-channel-card:hover,
.mmbs-price-card:hover,
.utility-directory-card:hover,
.toolkit-advanced-card:hover,
.pdf-tool-card:hover{
  border-color: var(--brand-border-strong);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.23);
  transform: translateY(-1px);
}

.feature-category-grid,
.performance-grid,
.faq-grid,
.seo-link-grid,
.release-channel-grid,
.dashboard-mini-grid,
.utility-directory-grid,
.workflow-steps{
  gap: 14px;
}

.workflow-steps > div,
.performance-grid article,
.faq-card,
.seo-link-card,
.feature-category,
.dashboard-card,
.release-channel-card,
.mmbs-price-card,
.install-cta-card{
  padding: clamp(19px, 2.2vw, 26px);
}

.release-channel-card{
  min-height: 350px;
}

.release-detail-card{
  min-height: 290px;
}

.pricing-section{
  background: linear-gradient(180deg, transparent, rgba(47, 209, 124, 0.024), transparent);
}

@media (max-width: 760px){
  :root{
    --brand-space-section: 44px;
    --brand-space-section-tight: 28px;
  }
}

@media (max-width: 520px){
  h1,
  .mmbs-hero-copy h1,
  .legal-page-hero h1,
  .dashboard-hero h1{
    font-size: clamp(34px, 11vw, 44px);
  }

  .container{
    padding-inline: 18px;
  }
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration: 1ms !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }
}

/* Semantic theme compatibility bridge for legacy page rules. */
:root{
  color-scheme: dark;
  --theme-canvas: #070b13;
  --theme-canvas-subtle: #0b111d;
  --theme-surface: rgba(15, 22, 35, 0.9);
  --theme-surface-elevated: rgba(18, 27, 42, 0.97);
  --theme-surface-muted: rgba(255, 255, 255, 0.036);
  --theme-surface-inset: rgba(255, 255, 255, 0.026);
  --theme-text: #f7f9fc;
  --theme-text-muted: #99a6b8;
  --theme-text-faint: #748093;
  --theme-border: rgba(164, 176, 194, 0.14);
  --theme-border-strong: rgba(164, 176, 194, 0.22);
  --theme-accent: #2fd17c;
  --theme-accent-contrast: #06111d;
  --theme-accent-soft: rgba(47, 209, 124, 0.1);
  --theme-accent-border: rgba(47, 209, 124, 0.22);
  --theme-support: #8ab4ff;
  --theme-shadow-card: 0 16px 42px rgba(0, 0, 0, 0.2);
  --theme-shadow-popover: 0 22px 58px rgba(0, 0, 0, 0.26);
  --theme-focus: 0 0 0 3px rgba(47, 209, 124, 0.18);
  --theme-motion-fast: 140ms;
  --theme-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --theme-container: 1168px;
  --theme-readable: 700px;
  --theme-space-section: 58px;
  --theme-space-section-tight: 32px;
  --theme-space-card: clamp(19px, 2.2vw, 26px);
  --theme-nav-height: 68px;
  --theme-h1: clamp(40px, 5vw, 58px);
  --theme-h2: clamp(30px, 3.4vw, 42px);
  --theme-h3: 20px;
  --brand-bg: var(--theme-canvas);
  --brand-bg-2: var(--theme-canvas-subtle);
  --brand-surface: var(--theme-surface);
  --brand-surface-strong: var(--theme-surface-elevated);
  --brand-surface-soft: var(--theme-surface-muted);
  --brand-border: var(--theme-border);
  --brand-border-strong: var(--theme-border-strong);
  --brand-text: var(--theme-text);
  --brand-muted: var(--theme-text-muted);
  --brand-muted-2: var(--theme-text-faint);
  --brand-accent: var(--theme-accent);
  --brand-accent-2: var(--theme-support);
  --brand-accent-soft: var(--theme-accent-soft);
  --brand-shadow: var(--theme-shadow-card);
  --brand-shadow-strong: var(--theme-shadow-popover);
  --brand-container: var(--theme-container);
  --brand-readable: var(--theme-readable);
  --brand-space-section: var(--theme-space-section);
  --brand-space-section-tight: var(--theme-space-section-tight);
  --brand-nav-height: var(--theme-nav-height);
  --brand-fast: var(--theme-motion-fast);
  --brand-ease: var(--theme-ease);
  --bg: var(--theme-canvas);
  --bg-soft: var(--theme-canvas-subtle);
  --surface: var(--theme-surface);
  --surface-strong: var(--theme-surface-elevated);
  --card: var(--theme-surface-muted);
  --text: var(--theme-text);
  --muted: var(--theme-text-muted);
  --line: var(--theme-border);
  --green: var(--theme-accent);
  --cyan: var(--theme-support);
  --shadow: var(--theme-shadow-popover);
  --shadow-soft: var(--theme-shadow-card);
  --container: var(--theme-container);
  --card-border: var(--theme-border);
  --card-bg: var(--theme-surface);
  --card-bg-strong: var(--theme-surface-elevated);
  --card-shadow: var(--theme-shadow-card);
  --utility-glass: var(--theme-surface);
  --ds-container: var(--theme-container);
  --ds-readable: var(--theme-readable);
  --ds-section-y: var(--theme-space-section);
  --ds-section-y-tight: var(--theme-space-section-tight);
  --ds-border: var(--theme-border);
  --ds-border-strong: var(--theme-border-strong);
  --ds-panel: var(--theme-surface);
  --ds-panel-strong: var(--theme-surface-elevated);
  --ds-shadow-card: var(--theme-shadow-card);
  --ds-shadow-hover: var(--theme-shadow-popover);
  --ds-h1: var(--theme-h1);
  --ds-h2: var(--theme-h2);
  --ds-h3: var(--theme-h3);
}

html[data-theme="light"] body{
  color-scheme: light;
  --theme-canvas: #f7f9fc;
  --theme-canvas-subtle: #eef3f8;
  --theme-surface: rgba(255, 255, 255, 0.94);
  --theme-surface-elevated: rgba(255, 255, 255, 0.99);
  --theme-surface-muted: rgba(15, 23, 42, 0.035);
  --theme-surface-inset: rgba(15, 23, 42, 0.028);
  --theme-text: #101827;
  --theme-text-muted: #536175;
  --theme-text-faint: #718096;
  --theme-border: rgba(15, 23, 42, 0.105);
  --theme-border-strong: rgba(15, 23, 42, 0.17);
  --theme-accent: #16875a;
  --theme-accent-contrast: #ffffff;
  --theme-accent-soft: rgba(22, 135, 90, 0.09);
  --theme-accent-border: rgba(22, 135, 90, 0.2);
  --theme-support: #2563eb;
  --theme-shadow-card: 0 14px 34px rgba(15, 23, 42, 0.07);
  --theme-shadow-popover: 0 20px 52px rgba(15, 23, 42, 0.1);
  --theme-focus: 0 0 0 3px rgba(22, 135, 90, 0.16);
}

body{
  background:
    radial-gradient(circle at 50% -20%, color-mix(in srgb, var(--theme-support) 10%, transparent), transparent 33rem),
    linear-gradient(180deg, var(--theme-canvas) 0%, var(--theme-canvas-subtle) 48%, var(--theme-canvas) 100%) !important;
  color: var(--theme-text);
}

body::before{
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-support) 4%, transparent), transparent 360px),
    linear-gradient(90deg, color-mix(in srgb, var(--theme-accent) 3%, transparent), transparent 38%) !important;
}

body::after{
  display: none !important;
}

:focus-visible{
  outline: none;
  box-shadow: var(--theme-focus);
}

.container{
  max-width: var(--theme-container);
}

.hero-preview,
.preview-card,
.mmbs-gmail-window,
.mmbs-price-card,
.mmbs-video,
.card,
.feature-category,
.feature-list > .feature-card,
.performance-grid article,
.workflow-steps > div,
.dashboard-card,
.dashboard-panel,
.contact-clean,
.faq-card,
.seo-trust-card,
.seo-link-card,
.release-channel-card,
.release-notes-panel,
.release-detail-card,
.install-cta-card,
.legal-panel,
.utility-directory-card,
.toolkit-advanced-card,
.utilities-panel,
.utilities-delay-card,
.pdf-tool-card,
.image-control-card,
.pdf-tool-category,
.image-preview-panel,
.image-dropzone,
.toolkit-output,
.utilities-output,
.utilities-input-panel,
.step,
.release-meta,
.pricing-card-premium,
.mmbs-pricing,
.docs-grid > *,
.blog-card{
  background: var(--theme-surface) !important;
  border: 1px solid var(--theme-border) !important;
  box-shadow: var(--theme-shadow-card) !important;
  color: var(--theme-text);
}

html[data-theme="light"] body .hero-preview,
html[data-theme="light"] body .preview-card,
html[data-theme="light"] body .mmbs-gmail-window,
html[data-theme="light"] body .mmbs-price-card,
html[data-theme="light"] body .mmbs-video,
html[data-theme="light"] body .card,
html[data-theme="light"] body .feature-category,
html[data-theme="light"] body .feature-list > .feature-card,
html[data-theme="light"] body .performance-grid article,
html[data-theme="light"] body .workflow-steps > div,
html[data-theme="light"] body .dashboard-card,
html[data-theme="light"] body .dashboard-panel,
html[data-theme="light"] body .contact-clean,
html[data-theme="light"] body .faq-card,
html[data-theme="light"] body .seo-trust-card,
html[data-theme="light"] body .seo-link-card,
html[data-theme="light"] body .release-channel-card,
html[data-theme="light"] body .release-notes-panel,
html[data-theme="light"] body .release-detail-card,
html[data-theme="light"] body .install-cta-card,
html[data-theme="light"] body .legal-panel,
html[data-theme="light"] body .utility-directory-card,
html[data-theme="light"] body .toolkit-advanced-card,
html[data-theme="light"] body .utilities-panel,
html[data-theme="light"] body .utilities-delay-card,
html[data-theme="light"] body .pdf-tool-card,
html[data-theme="light"] body .image-control-card,
html[data-theme="light"] body .pdf-tool-category,
html[data-theme="light"] body .image-preview-panel,
html[data-theme="light"] body .image-dropzone,
html[data-theme="light"] body .toolkit-output,
html[data-theme="light"] body .utilities-output,
html[data-theme="light"] body .utilities-input-panel,
html[data-theme="light"] body .step,
html[data-theme="light"] body .release-meta,
html[data-theme="light"] body .pricing-card-premium,
html[data-theme="light"] body .mmbs-pricing,
html[data-theme="light"] body .docs-grid > *,
html[data-theme="light"] body .blog-card{
  background: var(--theme-surface-elevated) !important;
}

.pricing-section,
.utilities-section,
.utilities-preview-section,
.dashboard-preview-section,
.install-cta-section,
.mmbs-hero,
.hero,
.product-home-hero,
.product-hero-compact,
.legal-page-hero,
.dashboard-hero{
  background: transparent !important;
}

@media (max-width: 760px){
  :root{
    --theme-space-section: 44px;
    --theme-space-section-tight: 28px;
    --theme-nav-height: auto;
    --theme-h1: clamp(34px, 11vw, 44px);
    --theme-h2: clamp(27px, 8vw, 34px);
  }
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration: 1ms !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }
}

/* Enterprise product experience governance: final source of truth for component behavior. */
:root{
  color-scheme: dark;
  --theme-canvas: #070b13;
  --theme-canvas-subtle: #0b111d;
  --theme-canvas-soft: #101827;
  --theme-surface: rgba(15, 22, 35, 0.88);
  --theme-surface-elevated: rgba(18, 27, 42, 0.96);
  --theme-surface-raised: rgba(22, 32, 49, 0.98);
  --theme-surface-muted: rgba(255, 255, 255, 0.035);
  --theme-surface-inset: rgba(255, 255, 255, 0.025);
  --theme-text: #f7f9fc;
  --theme-text-soft: #d8dee8;
  --theme-text-muted: #9ba7b8;
  --theme-text-faint: #748093;
  --theme-border: rgba(160, 174, 192, 0.14);
  --theme-border-strong: rgba(160, 174, 192, 0.22);
  --theme-accent: #2fcf7c;
  --theme-accent-contrast: #06111d;
  --theme-accent-soft: rgba(47, 207, 124, 0.1);
  --theme-accent-border: rgba(47, 207, 124, 0.22);
  --theme-support: #8ab4ff;
  --theme-support-soft: rgba(138, 180, 255, 0.11);
  --theme-radius-card: 8px;
  --theme-radius-control: 8px;
  --theme-radius-pill: 999px;
  --theme-shadow-rest: 0 10px 28px rgba(0, 0, 0, 0.16);
  --theme-shadow-hover: 0 16px 42px rgba(0, 0, 0, 0.22);
  --theme-shadow-menu: 0 18px 46px rgba(0, 0, 0, 0.26);
  --theme-focus: 0 0 0 3px rgba(47, 207, 124, 0.18);
  --theme-motion-fast: 140ms;
  --theme-motion: 190ms;
  --theme-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --theme-container: 1168px;
  --theme-readable: 690px;
  --theme-section-y: clamp(48px, 6vw, 68px);
  --theme-section-y-tight: clamp(30px, 4vw, 42px);
  --theme-card-pad: clamp(18px, 2vw, 24px);
  --theme-grid-gap: 14px;
  --theme-nav-height: 66px;
  --theme-h1: clamp(38px, 4.6vw, 54px);
  --theme-h2: clamp(29px, 3vw, 39px);
  --theme-h3: 19px;
  --brand-bg: var(--theme-canvas);
  --brand-bg-2: var(--theme-canvas-subtle);
  --brand-surface: var(--theme-surface);
  --brand-surface-strong: var(--theme-surface-elevated);
  --brand-surface-soft: var(--theme-surface-muted);
  --brand-border: var(--theme-border);
  --brand-border-strong: var(--theme-border-strong);
  --brand-text: var(--theme-text);
  --brand-muted: var(--theme-text-muted);
  --brand-muted-2: var(--theme-text-faint);
  --brand-accent: var(--theme-accent);
  --brand-accent-2: var(--theme-support);
  --brand-accent-soft: var(--theme-accent-soft);
  --brand-shadow: var(--theme-shadow-rest);
  --brand-shadow-strong: var(--theme-shadow-menu);
  --brand-radius-sm: var(--theme-radius-control);
  --brand-radius-md: var(--theme-radius-card);
  --brand-radius-lg: var(--theme-radius-card);
  --brand-container: var(--theme-container);
  --brand-readable: var(--theme-readable);
  --brand-space-section: var(--theme-section-y);
  --brand-space-section-tight: var(--theme-section-y-tight);
  --brand-nav-height: var(--theme-nav-height);
  --brand-fast: var(--theme-motion-fast);
  --brand-ease: var(--theme-ease);
  --bg: var(--theme-canvas);
  --bg-soft: var(--theme-canvas-subtle);
  --surface: var(--theme-surface);
  --surface-strong: var(--theme-surface-elevated);
  --card: var(--theme-surface-muted);
  --text: var(--theme-text);
  --muted: var(--theme-text-muted);
  --line: var(--theme-border);
  --green: var(--theme-accent);
  --cyan: var(--theme-support);
  --shadow: var(--theme-shadow-menu);
  --shadow-soft: var(--theme-shadow-rest);
  --radius: var(--theme-radius-card);
  --card-border: var(--theme-border);
  --card-bg: var(--theme-surface);
  --card-bg-strong: var(--theme-surface-elevated);
  --card-shadow: var(--theme-shadow-rest);
  --utility-glass: var(--theme-surface);
  --utility-accent: var(--theme-accent);
  --utility-accent-2: var(--theme-support);
  --ds-container: var(--theme-container);
  --ds-readable: var(--theme-readable);
  --ds-nav-height: var(--theme-nav-height);
  --ds-section-y: var(--theme-section-y);
  --ds-section-y-tight: var(--theme-section-y-tight);
  --ds-card-radius: var(--theme-radius-card);
  --ds-card-pad: var(--theme-card-pad);
  --ds-card-pad-sm: 16px;
  --ds-border: var(--theme-border);
  --ds-border-strong: var(--theme-border-strong);
  --ds-panel: var(--theme-surface);
  --ds-panel-strong: var(--theme-surface-elevated);
  --ds-shadow-card: var(--theme-shadow-rest);
  --ds-shadow-hover: var(--theme-shadow-hover);
  --ds-h1: var(--theme-h1);
  --ds-h2: var(--theme-h2);
  --ds-h3: var(--theme-h3);
}

html[data-theme="light"] body{
  color-scheme: light;
  --theme-canvas: #f7f8fb;
  --theme-canvas-subtle: #eef2f7;
  --theme-canvas-soft: #e7edf5;
  --theme-surface: rgba(255, 255, 255, 0.88);
  --theme-surface-elevated: #ffffff;
  --theme-surface-raised: #ffffff;
  --theme-surface-muted: rgba(20, 32, 50, 0.045);
  --theme-surface-inset: rgba(20, 32, 50, 0.032);
  --theme-text: #111827;
  --theme-text-soft: #273244;
  --theme-text-muted: #56647a;
  --theme-text-faint: #758197;
  --theme-border: rgba(20, 32, 50, 0.11);
  --theme-border-strong: rgba(20, 32, 50, 0.18);
  --theme-accent: #167a56;
  --theme-accent-contrast: #ffffff;
  --theme-accent-soft: rgba(22, 122, 86, 0.085);
  --theme-accent-border: rgba(22, 122, 86, 0.2);
  --theme-support: #315fdc;
  --theme-support-soft: rgba(49, 95, 220, 0.08);
  --theme-shadow-rest: 0 8px 20px rgba(20, 32, 50, 0.045);
  --theme-shadow-hover: 0 14px 34px rgba(20, 32, 50, 0.075);
  --theme-shadow-menu: 0 18px 44px rgba(20, 32, 50, 0.11);
  --theme-focus: 0 0 0 3px rgba(22, 122, 86, 0.16);
}

html,
body{
  background: var(--theme-canvas) !important;
}

body{
  background:
    radial-gradient(circle at 48% -20%, color-mix(in srgb, var(--theme-support) 8%, transparent), transparent 30rem),
    linear-gradient(180deg, var(--theme-canvas) 0%, var(--theme-canvas-subtle) 52%, var(--theme-canvas) 100%) !important;
  color: var(--theme-text) !important;
  font-size: 16px;
}

html[data-theme="light"] body{
  background:
    radial-gradient(circle at 50% -18%, rgba(218, 226, 240, 0.78), transparent 31rem),
    linear-gradient(180deg, #fbfcfe 0%, var(--theme-canvas) 44%, var(--theme-canvas-subtle) 100%) !important;
}

body::before{
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-support) 4%, transparent), transparent 340px),
    linear-gradient(90deg, color-mix(in srgb, var(--theme-accent) 2.5%, transparent), transparent 38%) !important;
  opacity: 1 !important;
}

html[data-theme="light"] body::before{
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.82), transparent 360px),
    linear-gradient(90deg, rgba(22, 122, 86, 0.035), transparent 42%) !important;
}

body::after{
  display: none !important;
}

body,
button,
input,
select,
textarea{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

:focus-visible{
  outline: none !important;
  box-shadow: var(--theme-focus) !important;
}

.container{
  max-width: var(--theme-container) !important;
  padding-inline: clamp(20px, 4vw, 30px);
}

section,
.mmbs-section,
.dashboard-section,
.dashboard-panels-section,
.utilities-section,
.release-channel-section,
.onboarding-preview-section,
.pricing-section,
.toolkit-page-section{
  padding-block: var(--theme-section-y) !important;
}

.mmbs-section + .mmbs-section,
.mmbs-section + .dashboard-section,
.dashboard-section + .mmbs-section,
.utilities-section + .mmbs-section,
.toolkit-page-section + .mmbs-section{
  padding-top: var(--theme-section-y-tight) !important;
}

.mmbs-hero,
.hero,
.product-home-hero,
.product-hero-compact,
.legal-page-hero,
.dashboard-hero{
  background: transparent !important;
  padding-block: clamp(52px, 6.5vw, 76px) var(--theme-section-y) !important;
}

h1,
.mmbs-hero-copy h1,
.toolkit-hero h1,
.legal-page-hero h1,
.dashboard-hero h1,
.visaflowx-hero-copy h1{
  color: var(--theme-text) !important;
  font-size: var(--theme-h1) !important;
  font-weight: 760 !important;
  letter-spacing: -0.012em !important;
  line-height: 1.04 !important;
}

h2,
.mmbs-section-head h2,
.workflow-copy h2,
.pricing-head h2,
.mmbs-demo h2,
.toolkit-hero h2,
.visaflowx-section-head h2,
.visaflowx-overview-card h2,
.visaflowx-download-card h2{
  color: var(--theme-text) !important;
  font-size: var(--theme-h2) !important;
  font-weight: 720 !important;
  letter-spacing: -0.008em !important;
  line-height: 1.12 !important;
}

h3,
h4,
.release-channel-card h3,
.faq-card h3,
.seo-link-card h3,
.feature-category h3,
.dashboard-card strong,
.visaflowx-card h3,
.visaflowx-step-card h3,
.visaflowx-faq-card h3,
.visaflowx-channel-panel h3,
.visaflowx-whats-new-card h3{
  color: var(--theme-text) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.hero-preview,
.preview-card,
.mmbs-gmail-window,
.mmbs-price-card,
.mmbs-video,
.card,
.feature-card,
.feature-category,
.feature-list > .feature-card,
.performance-grid article,
.workflow-steps > div,
.dashboard-card,
.dashboard-panel,
.contact-clean,
.faq-card,
.seo-trust-card,
.seo-link-card,
.release-channel-card,
.release-notes-panel,
.release-detail-card,
.install-cta-card,
.legal-panel,
.utility-directory-card,
.toolkit-advanced-card,
.toolkit-card,
.utilities-panel,
.utilities-delay-card,
.pdf-tool-card,
.pdf-tool-category,
.image-control-card,
.image-preview-panel,
.image-dropzone,
.toolkit-output,
.utilities-output,
.utilities-input-panel,
.step,
.release-meta,
.pricing-card-premium,
.mmbs-pricing,
.docs-grid > *,
.blog-card,
.visaflowx-card,
.visaflowx-overview-card,
.visaflowx-section-card,
.visaflowx-download-card,
.visaflowx-download-meta div,
.visaflowx-overview-stat,
.visaflowx-flow-step,
.visaflowx-channel-panel,
.visaflowx-whats-new-card,
.visaflowx-step-card,
.visaflowx-faq-card{
  backdrop-filter: none !important;
  background: var(--theme-surface) !important;
  border: 1px solid var(--theme-border) !important;
  border-radius: var(--theme-radius-card) !important;
  box-shadow: var(--theme-shadow-rest) !important;
  color: var(--theme-text) !important;
}

html[data-theme="light"] body .hero-preview,
html[data-theme="light"] body .preview-card,
html[data-theme="light"] body .mmbs-gmail-window,
html[data-theme="light"] body .mmbs-price-card,
html[data-theme="light"] body .mmbs-video,
html[data-theme="light"] body .card,
html[data-theme="light"] body .feature-card,
html[data-theme="light"] body .feature-category,
html[data-theme="light"] body .feature-list > .feature-card,
html[data-theme="light"] body .performance-grid article,
html[data-theme="light"] body .workflow-steps > div,
html[data-theme="light"] body .dashboard-card,
html[data-theme="light"] body .dashboard-panel,
html[data-theme="light"] body .contact-clean,
html[data-theme="light"] body .faq-card,
html[data-theme="light"] body .seo-trust-card,
html[data-theme="light"] body .seo-link-card,
html[data-theme="light"] body .release-channel-card,
html[data-theme="light"] body .release-notes-panel,
html[data-theme="light"] body .release-detail-card,
html[data-theme="light"] body .install-cta-card,
html[data-theme="light"] body .legal-panel,
html[data-theme="light"] body .utility-directory-card,
html[data-theme="light"] body .toolkit-advanced-card,
html[data-theme="light"] body .toolkit-card,
html[data-theme="light"] body .utilities-panel,
html[data-theme="light"] body .utilities-delay-card,
html[data-theme="light"] body .pdf-tool-card,
html[data-theme="light"] body .pdf-tool-category,
html[data-theme="light"] body .image-control-card,
html[data-theme="light"] body .image-preview-panel,
html[data-theme="light"] body .image-dropzone,
html[data-theme="light"] body .toolkit-output,
html[data-theme="light"] body .utilities-output,
html[data-theme="light"] body .utilities-input-panel,
html[data-theme="light"] body .step,
html[data-theme="light"] body .release-meta,
html[data-theme="light"] body .pricing-card-premium,
html[data-theme="light"] body .mmbs-pricing,
html[data-theme="light"] body .docs-grid > *,
html[data-theme="light"] body .blog-card,
html[data-theme="light"] body .visaflowx-card,
html[data-theme="light"] body .visaflowx-overview-card,
html[data-theme="light"] body .visaflowx-section-card,
html[data-theme="light"] body .visaflowx-download-card,
html[data-theme="light"] body .visaflowx-download-meta div,
html[data-theme="light"] body .visaflowx-overview-stat,
html[data-theme="light"] body .visaflowx-flow-step,
html[data-theme="light"] body .visaflowx-channel-panel,
html[data-theme="light"] body .visaflowx-whats-new-card,
html[data-theme="light"] body .visaflowx-step-card,
html[data-theme="light"] body .visaflowx-faq-card{
  background: var(--theme-surface-elevated) !important;
  box-shadow: var(--theme-shadow-rest) !important;
}

.hero-preview:hover,
.preview-card:hover,
.card:hover,
.feature-card:hover,
.feature-category:hover,
.feature-list > .feature-card:hover,
.performance-grid article:hover,
.workflow-steps > div:hover,
.dashboard-card:hover,
.dashboard-panel:hover,
.faq-card:hover,
.seo-link-card:hover,
.release-channel-card:hover,
.mmbs-price-card:hover,
.utility-directory-card:hover,
.toolkit-advanced-card:hover,
.toolkit-card:hover,
.pdf-tool-card:hover,
.blog-card:hover,
.visaflowx-card:hover,
.visaflowx-channel-panel:hover,
.visaflowx-whats-new-card:hover,
.visaflowx-step-card:hover,
.visaflowx-faq-card:hover{
  border-color: var(--theme-border-strong) !important;
  box-shadow: var(--theme-shadow-hover) !important;
  transform: translateY(-1px) !important;
}

.feature-category-grid,
.performance-grid,
.faq-grid,
.seo-link-grid,
.release-channel-grid,
.dashboard-mini-grid,
.dashboard-panels,
.utility-directory-grid,
.workflow-steps,
.visaflowx-feature-grid,
.visaflowx-flow-grid,
.visaflowx-channel-grid,
.visaflowx-whats-new-grid,
.visaflowx-faq-grid,
.visaflowx-install-grid{
  gap: var(--theme-grid-gap) !important;
}

.workflow-steps > div,
.performance-grid article,
.faq-card,
.seo-link-card,
.feature-category,
.dashboard-card,
.release-channel-card,
.mmbs-price-card,
.install-cta-card,
.utility-directory-card,
.visaflowx-card,
.visaflowx-section-card,
.visaflowx-overview-card,
.visaflowx-download-card,
.visaflowx-channel-panel,
.visaflowx-whats-new-card,
.visaflowx-step-card,
.visaflowx-faq-card{
  padding: var(--theme-card-pad) !important;
}

.product-home-hero .hero-layout,
.hero-layout,
.visaflowx-hero-grid,
.visaflowx-overview-grid,
.visaflowx-final-cta{
  gap: clamp(28px, 4vw, 52px) !important;
}

.mmbs-hero-copy,
.hero-content,
.workflow-copy,
.pricing-head,
.mmbs-section-head,
.toolkit-hero,
.visaflowx-hero-copy,
.visaflowx-section-head,
.visaflowx-final-cta-copy{
  gap: 14px !important;
}

.visaflowx-page-scope{
  --vfx-panel: var(--theme-surface) !important;
  --vfx-panel-soft: var(--theme-surface-muted) !important;
  --vfx-line: var(--theme-border) !important;
  --vfx-cyan: var(--theme-support) !important;
  --vfx-green: var(--theme-accent) !important;
  --vfx-blue: var(--theme-support) !important;
  display: grid !important;
  gap: var(--theme-section-y-tight) !important;
}

.visaflowx-page-scope .utilities-panel{
  min-height: 0 !important;
}

.visaflowx-hero-grid,
.visaflowx-overview-grid,
.visaflowx-final-cta{
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr) !important;
}

.visaflowx-hero-copy{
  margin: 0 !important;
  max-width: none !important;
  padding: 8px 0 !important;
}

.visaflowx-hero-copy h1{
  max-width: 780px !important;
}

.visaflowx-hero-copy p{
  max-width: var(--theme-readable) !important;
}

.visaflowx-hero-actions,
.visaflowx-button-row{
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 20px !important;
}

.visaflowx-proof-list{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
}

.visaflowx-card,
.visaflowx-overview-card,
.visaflowx-section-card,
.visaflowx-download-card,
.visaflowx-channel-panel,
.visaflowx-whats-new-card,
.visaflowx-step-card,
.visaflowx-faq-card,
.visaflowx-overview-stat,
.visaflowx-flow-step{
  isolation: isolate !important;
  overflow: clip !important;
  position: relative !important;
}

.visaflowx-card,
.visaflowx-section-card,
.visaflowx-download-card,
.visaflowx-overview-card,
.visaflowx-channel-panel,
.visaflowx-whats-new-card,
.visaflowx-step-card,
.visaflowx-faq-card,
.visaflowx-flow-step,
.visaflowx-overview-copy,
.visaflowx-final-cta-copy{
  display: grid !important;
  gap: 12px !important;
}

.visaflowx-download-card{
  align-self: stretch !important;
  gap: 16px !important;
}

.visaflowx-section-card{
  gap: 18px !important;
}

.visaflowx-section-head{
  max-width: 760px !important;
}

.visaflowx-logo-row{
  align-items: center !important;
  display: flex !important;
  gap: 14px !important;
  justify-content: space-between !important;
}

.visaflowx-logo-mark,
.visaflowx-feature-icon,
.visaflowx-step-icon{
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  line-height: 1 !important;
}

.visaflowx-logo-mark svg,
.chrome-icon{
  height: 36px !important;
  width: 36px !important;
}

.chrome-icon{
  background:
    radial-gradient(circle, #ffffff 0 24%, transparent 25%),
    conic-gradient(#ef4444 0 33%, #facc15 0 66%, #0078f0 0 84%, #38bdf8 0 100%) !important;
  border: 2px solid rgba(255, 255, 255, 0.55) !important;
  border-radius: var(--theme-radius-pill) !important;
  box-shadow: inset 0 0 0 7px rgba(59, 130, 246, 0.92) !important;
  flex: 0 0 auto !important;
}

.visaflowx-download-button{
  align-items: center !important;
  display: inline-flex !important;
  gap: 12px !important;
  padding: 10px 18px 10px 12px !important;
  text-decoration: none !important;
}

.visaflowx-download-button strong,
.visaflowx-download-button span{
  display: block !important;
}

.visaflowx-download-button strong{
  font-size: 15px !important;
  line-height: 1.1 !important;
}

.visaflowx-download-button span{
  font-size: 12px !important;
  font-weight: 720 !important;
  margin-top: 3px !important;
}

.visaflowx-download-card .utility-soft-btn,
.visaflowx-final-cta .utility-soft-btn{
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  min-height: 44px !important;
  text-decoration: none !important;
}

.visaflowx-download-meta,
.visaflowx-overview-stats,
.visaflowx-channel-grid,
.visaflowx-whats-new-grid,
.visaflowx-faq-grid{
  display: grid !important;
  gap: var(--theme-grid-gap) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.visaflowx-feature-grid,
.visaflowx-flow-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.visaflowx-install-grid{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
}

.visaflowx-download-meta dt,
.visaflowx-overview-stat span,
.visaflowx-step-number{
  color: var(--theme-text-faint) !important;
  font-size: 12px !important;
  font-weight: 720 !important;
  margin: 0 0 4px !important;
  text-transform: uppercase !important;
}

.visaflowx-download-meta dd,
.visaflowx-overview-stat strong,
.visaflowx-flow-step strong{
  color: var(--theme-text) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.visaflowx-release-list{
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding-left: 18px !important;
}

.visaflowx-final-cta{
  align-items: center !important;
}

.visaflowx-sr-only{
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.visaflowx-overview-card::before{
  background: linear-gradient(135deg, var(--theme-accent-soft), var(--theme-support-soft)) !important;
  opacity: 0.45 !important;
}

.visaflowx-logo-mark,
.visaflowx-feature-icon,
.visaflowx-step-icon{
  background: var(--theme-accent-soft) !important;
  border: 1px solid var(--theme-accent-border) !important;
  border-radius: var(--theme-radius-card) !important;
  box-shadow: none !important;
  color: var(--theme-accent) !important;
  font-weight: 800 !important;
}

.visaflowx-logo-mark{
  height: 64px !important;
  width: 64px !important;
}

.visaflowx-feature-icon,
.visaflowx-step-icon{
  height: 40px !important;
  width: 40px !important;
}

.visaflowx-download-button strong,
.visaflowx-download-button span{
  color: var(--theme-accent-contrast) !important;
}

.visaflowx-download-button.is-secondary strong,
.visaflowx-download-button.is-secondary span{
  color: var(--theme-text) !important;
}

.visaflowx-code-line{
  background: var(--theme-surface-inset) !important;
  border: 1px solid var(--theme-border) !important;
  border-radius: var(--theme-radius-control) !important;
  color: var(--theme-text-soft) !important;
  font-weight: 700 !important;
}

.pricing-section,
.utilities-section,
.utilities-preview-section,
.dashboard-preview-section,
.install-cta-section,
.mmbs-hero,
.hero,
.product-home-hero,
.product-hero-compact,
.legal-page-hero,
.dashboard-hero{
  background: transparent !important;
}

@media (max-width: 900px){

  .visaflowx-hero-grid,
  .visaflowx-overview-grid,
  .visaflowx-final-cta,
  .visaflowx-channel-grid,
  .visaflowx-whats-new-grid,
  .visaflowx-faq-grid{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px){
  :root{
    --theme-section-y: 44px;
    --theme-section-y-tight: 28px;
    --theme-card-pad: 18px;
    --theme-h1: clamp(32px, 10vw, 42px);
    --theme-h2: clamp(26px, 7vw, 33px);
  }

  .mmbs-actions,
  .release-actions,
  .pricing-actions,
  .utility-card-actions,
  .visaflowx-hero-actions,
  .visaflowx-button-row{
    align-items: stretch !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .mmbs-actions > *,
  .release-actions > *,
  .pricing-actions > *,
  .utility-card-actions > *,
  .visaflowx-download-button,
  .visaflowx-download-card .utility-soft-btn,
  .visaflowx-final-cta .utility-soft-btn{
    justify-content: center !important;
    width: 100% !important;
  }

  .visaflowx-download-meta,
  .visaflowx-overview-stats,
  .visaflowx-feature-grid,
  .visaflowx-flow-grid,
  .visaflowx-install-grid{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 520px){
  .container{
    padding-inline: 18px !important;
  }
}

/* Product architecture rebuild: shared shell, dropdowns, and responsive navigation. */
:root{
  --product-nav-height: 66px;
  --product-nav-gap: 6px;
  --product-menu-pad: 8px;
  --product-menu-radius: 8px;
  --product-menu-shadow: var(--theme-shadow-menu);
  --product-card-pad: 12px;
  --product-control-height: 38px;
  --product-motion: 170ms;
}

html[data-theme="light"] body{
  --theme-canvas: #f7f8fb;
  --theme-canvas-subtle: #eef2f7;
  --theme-canvas-soft: #e9eff7;
  --theme-surface: rgba(255, 255, 255, 0.9);
  --theme-surface-elevated: #ffffff;
  --theme-surface-raised: #ffffff;
  --theme-surface-muted: rgba(20, 32, 50, 0.042);
  --theme-surface-inset: rgba(20, 32, 50, 0.03);
  --theme-text: #101827;
  --theme-text-soft: #263243;
  --theme-text-muted: #536176;
  --theme-text-faint: #748095;
  --theme-border: rgba(20, 32, 50, 0.105);
  --theme-border-strong: rgba(20, 32, 50, 0.17);
  --theme-shadow-rest: 0 8px 18px rgba(20, 32, 50, 0.045);
  --theme-shadow-hover: 0 14px 30px rgba(20, 32, 50, 0.07);
  --theme-shadow-menu: 0 18px 42px rgba(20, 32, 50, 0.105);
}

html[data-theme="light"] body{
  background:
    radial-gradient(circle at 50% -18%, rgba(225, 232, 243, 0.78), transparent 31rem),
    linear-gradient(180deg, #fbfcfe 0%, var(--theme-canvas) 48%, var(--theme-canvas-subtle) 100%) !important;
}

.mmbs-hero-copy h1,
.hero-content h1,
.product-hero-compact h1,
.legal-page-hero h1,
.dashboard-hero h1{
  font-size: clamp(36px, 4.4vw, 54px) !important;
  font-weight: 760 !important;
  line-height: 1.04 !important;
  max-width: 780px !important;
}

.mmbs-hero-copy p,
.hero-content p,
.product-hero-compact p,
.legal-page-hero p,
.dashboard-hero p,
.toolkit-hero p{
  color: var(--theme-text-muted) !important;
  font-size: clamp(15px, 1.45vw, 17px) !important;
  line-height: 1.68 !important;
  max-width: 660px !important;
}

.mmbs-section,
.dashboard-section,
.utilities-section,
.toolkit-page-section,
.pricing-section,
.release-channel-section{
  padding-block: clamp(46px, 5.4vw, 66px) !important;
}

.mmbs-hero,
.hero,
.product-home-hero,
.product-hero-compact,
.legal-page-hero,
.dashboard-hero,
.toolkit-hero{
  padding-block: clamp(58px, 7vw, 86px) clamp(46px, 5.4vw, 66px) !important;
}

.card,
.feature-card,
.feature-category,
.mmbs-price-card,
.utility-directory-card,
.toolkit-card,
.pdf-tool-card,
.dashboard-card,
.dashboard-panel,
.faq-card,
.seo-link-card,
.blog-card,
.visaflowx-card,
.visaflowx-channel-panel,
.visaflowx-whats-new-card,
.visaflowx-step-card,
.visaflowx-faq-card{
  background: var(--theme-surface) !important;
  border: 1px solid var(--theme-border) !important;
  border-radius: var(--theme-radius-card) !important;
  box-shadow: var(--theme-shadow-rest) !important;
}

html[data-theme="light"] body .card,
html[data-theme="light"] body .feature-card,
html[data-theme="light"] body .feature-category,
html[data-theme="light"] body .mmbs-price-card,
html[data-theme="light"] body .utility-directory-card,
html[data-theme="light"] body .toolkit-card,
html[data-theme="light"] body .pdf-tool-card,
html[data-theme="light"] body .dashboard-card,
html[data-theme="light"] body .dashboard-panel,
html[data-theme="light"] body .faq-card,
html[data-theme="light"] body .seo-link-card,
html[data-theme="light"] body .blog-card,
html[data-theme="light"] body .visaflowx-card,
html[data-theme="light"] body .visaflowx-channel-panel,
html[data-theme="light"] body .visaflowx-whats-new-card,
html[data-theme="light"] body .visaflowx-step-card,
html[data-theme="light"] body .visaflowx-faq-card{
  background: rgba(255, 255, 255, 0.9) !important;
}

@media (max-width: 560px){

  .mmbs-hero-copy h1,
  .hero-content h1,
  .product-hero-compact h1,
  .legal-page-hero h1,
  .dashboard-hero h1{
    font-size: clamp(32px, 10vw, 42px) !important;
  }
}

/* Premium polish pass: density, depth, atmosphere, and branded footer rhythm. */
:root{
  --polish-menu-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
  --polish-surface-line: color-mix(in srgb, var(--theme-border) 68%, transparent);
}

html[data-theme="light"] body{
  --theme-canvas: #f5f7fb;
  --theme-canvas-subtle: #eaf0f7;
  --theme-canvas-soft: #e5ebf4;
  --theme-surface: rgba(255, 255, 255, 0.88);
  --theme-surface-elevated: #ffffff;
  --theme-surface-raised: #ffffff;
  --theme-surface-muted: rgba(23, 33, 49, 0.05);
  --theme-surface-inset: rgba(23, 33, 49, 0.035);
  --theme-border: rgba(23, 33, 49, 0.12);
  --theme-border-strong: rgba(23, 33, 49, 0.18);
  --theme-shadow-rest: 0 9px 22px rgba(23, 33, 49, 0.055);
  --theme-shadow-hover: 0 15px 34px rgba(23, 33, 49, 0.085);
  --theme-shadow-menu: 0 18px 40px rgba(23, 33, 49, 0.12);
  --polish-menu-shadow: 0 18px 40px rgba(23, 33, 49, 0.12);
}

main{
  isolation: isolate !important;
  position: relative !important;
}

main::before{
  background:
    linear-gradient(rgba(148, 163, 184, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.04) 1px, transparent 1px),
    radial-gradient(circle at 16% 4%, color-mix(in srgb, var(--theme-accent) 13%, transparent), transparent 26rem),
    radial-gradient(circle at 84% 2%, color-mix(in srgb, var(--theme-support) 12%, transparent), transparent 28rem);
  background-size: 34px 34px, 34px 34px, auto, auto;
  content: "" !important;
  height: min(620px, 46vh) !important;
  inset: 0 0 auto !important;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.92), transparent 86%);
  opacity: 0.72 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: -1 !important;
}

html[data-theme="light"] body main::before{
  opacity: 0.58 !important;
}

main > section{
  position: relative !important;
}

main > section + section::before{
  background: linear-gradient(90deg, transparent, var(--polish-surface-line), transparent) !important;
  content: "" !important;
  height: 1px !important;
  inset: 0 clamp(20px, 6vw, 80px) auto !important;
  opacity: 0.72 !important;
  position: absolute !important;
}

.mmbs-hero,
.hero,
.product-home-hero,
.product-hero-compact,
.legal-page-hero,
.dashboard-hero,
.toolkit-hero{
  overflow: hidden !important;
}

.mmbs-hero::before,
.hero::before,
.product-home-hero::before,
.product-hero-compact::before,
.legal-page-hero::before,
.dashboard-hero::before,
.toolkit-hero::before{
  background:
    radial-gradient(circle at 20% 8%, color-mix(in srgb, var(--theme-accent) 12%, transparent), transparent 22rem),
    radial-gradient(circle at 76% 12%, color-mix(in srgb, var(--theme-support) 10%, transparent), transparent 24rem);
  content: "" !important;
  inset: 0 !important;
  opacity: 0.78 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: -1 !important;
}

html[data-theme="light"] body .mmbs-hero::before,
html[data-theme="light"] body .hero::before,
html[data-theme="light"] body .product-home-hero::before,
html[data-theme="light"] body .product-hero-compact::before,
html[data-theme="light"] body .legal-page-hero::before,
html[data-theme="light"] body .dashboard-hero::before,
html[data-theme="light"] body .toolkit-hero::before{
  opacity: 0.48 !important;
}

.mmbs-hero-copy,
.hero-content,
.toolkit-hero,
.visaflowx-hero-copy{
  gap: clamp(16px, 2vw, 22px) !important;
}

.mmbs-hero-copy h1,
.hero-content h1,
.product-hero-compact h1,
.legal-page-hero h1,
.dashboard-hero h1{
  font-weight: 740 !important;
}

.card:hover,
.feature-card:hover,
.utility-directory-card:hover,
.toolkit-card:hover,
.pdf-tool-card:hover,
.visaflowx-card:hover,
.visaflowx-step-card:hover,
.visaflowx-faq-card:hover{
  border-color: var(--theme-border-strong) !important;
  box-shadow: var(--theme-shadow-hover) !important;
  transform: translateY(-1px) !important;
}

.download-safety-grid{
  align-items: stretch !important;
  display: grid !important;
  gap: clamp(18px, 3vw, 28px) !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.72fr) !important;
}

.download-safety-card{
  background: var(--theme-surface) !important;
  border: 1px solid var(--theme-border) !important;
  border-radius: var(--theme-radius-card) !important;
  box-shadow: var(--theme-shadow-rest) !important;
  display: grid !important;
  gap: 12px !important;
  padding: var(--theme-card-pad) !important;
}

.download-safety-card code{
  background: var(--theme-surface-inset) !important;
  border: 1px solid var(--theme-border) !important;
  border-radius: var(--theme-radius-control) !important;
  color: var(--theme-text) !important;
  display: block !important;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace !important;
  font-size: clamp(11px, 1.2vw, 12px) !important;
  line-height: 1.6 !important;
  overflow-wrap: anywhere !important;
  padding: 10px !important;
}

.download-safety-card p{
  color: var(--theme-text-muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration: 1ms !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }
}

/* Enterprise governance final cascade lock: placed last to beat legacy page-specific rules. */
:root{
  --governance-container: 1184px;
  --governance-readable: 760px;
  --governance-panel-width: min(1080px, calc(100vw - 40px));
  --governance-touch: 44px;
}

.container{
  max-width: var(--governance-container) !important;
}

.mmbs-section-head,
.pricing-head,
.workflow-copy,
.legal-page-hero .container,
.visaflowx-section-head{
  max-width: var(--governance-readable) !important;
}

.mmbs-breadcrumbs{
  color: var(--theme-text-muted, var(--brand-muted)) !important;
  padding-block: clamp(16px, 2vw, 24px) 0 !important;
}

.mmbs-breadcrumbs ol{
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mmbs-breadcrumbs li{
  align-items: center !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 720 !important;
  line-height: 1.2 !important;
}

.mmbs-breadcrumbs li + li::before{
  color: color-mix(in srgb, var(--theme-text-muted, var(--brand-muted)) 62%, transparent) !important;
  content: "/" !important;
  margin-right: 8px !important;
}

.mmbs-breadcrumbs a{
  border-radius: 999px !important;
  color: inherit !important;
  min-height: 30px !important;
  padding: 6px 8px !important;
  text-decoration: none !important;
}

.mmbs-breadcrumbs [aria-current="page"]{
  color: var(--theme-text, var(--brand-text)) !important;
  padding: 6px 0 !important;
}

/* Enterprise experience architecture layer: product hierarchy, rhythm, and ecosystem cohesion. */
:root{
  --experience-section-gap: 4.75rem;
  --experience-section-pad: 4.5rem;
  --experience-hero-pad: 5.5rem;
  --experience-grid-gap: 1rem;
  --experience-readable: 44rem;
  --experience-wide-readable: 52rem;
  --experience-card-pad: 1.15rem;
  --experience-panel-pad: 1.4rem;
  --experience-h1: 3.35rem;
  --experience-h2: 2.25rem;
  --experience-h3: 1.02rem;
  --experience-body: 1rem;
  --experience-small: 0.82rem;
}

.mmbs-hero,
.hero,
.product-home-hero,
.product-hero-compact,
.legal-page-hero,
.dashboard-hero,
.toolkit-hero{
  padding-block: var(--experience-hero-pad) var(--experience-section-pad) !important;
}

.mmbs-hero::before,
.hero::before,
.product-home-hero::before,
.product-hero-compact::before,
.legal-page-hero::before,
.dashboard-hero::before,
.toolkit-hero::before{
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-surface-muted) 72%, transparent), transparent 72%),
    linear-gradient(90deg, color-mix(in srgb, var(--theme-border) 36%, transparent) 1px, transparent 1px) !important;
  background-size: auto, 96px 96px !important;
  opacity: 0.42 !important;
}

.mmbs-section,
.dashboard-section,
.utilities-section,
.toolkit-page-section,
.pricing-section,
.release-channel-section{
  padding-block: var(--experience-section-pad) !important;
}

.mmbs-section + .mmbs-section,
.mmbs-section + .dashboard-section,
.dashboard-section + .mmbs-section,
.utilities-section + .mmbs-section,
.toolkit-page-section + .mmbs-section{
  margin-top: 0 !important;
}

.platform-hero-layout,
.platform-split,
.platform-narrative-split,
.platform-trust-grid,
.platform-pricing-layout{
  align-items: center !important;
  display: grid !important;
  gap: clamp(2rem, 4vw, 4rem) !important;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr) !important;
}

.platform-page-hero .container,
.platform-page-intro{
  display: grid !important;
  gap: 1rem !important;
  max-width: var(--experience-wide-readable) !important;
}

.platform-hero-copy,
.platform-section-head,
.mmbs-section-head,
.workflow-copy,
.pricing-head,
.legal-page-hero .container,
.toolkit-hero{
  max-width: var(--experience-readable) !important;
}

.mmbs-hero-copy h1,
.hero-content h1,
.product-hero-compact h1,
.legal-page-hero h1,
.dashboard-hero h1{
  font-size: var(--experience-h1) !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  line-height: 1.02 !important;
  max-width: 12.8em !important;
}

.mmbs-section-head h2,
.workflow-copy h2,
.pricing-head h2,
.legal-document-head h2,
.product-hero-compact h2,
.toolkit-hero h2{
  font-size: var(--experience-h2) !important;
  font-weight: 740 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
}

.mmbs-hero-copy p,
.hero-content p,
.product-hero-compact p,
.legal-page-hero p,
.dashboard-hero p,
.toolkit-hero p,
.mmbs-section-head p,
.workflow-copy p,
.pricing-head p{
  font-size: var(--experience-body) !important;
  line-height: 1.68 !important;
  max-width: 39rem !important;
}

.platform-band{
  background:
    linear-gradient(180deg, transparent, color-mix(in srgb, var(--theme-surface-muted) 54%, transparent), transparent) !important;
  border-block: 1px solid color-mix(in srgb, var(--theme-border) 72%, transparent) !important;
}

.platform-proof-rail{
  align-items: stretch !important;
  display: grid !important;
  gap: 0.65rem !important;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)) !important;
  margin-top: 0.35rem !important;
  max-width: 44rem !important;
}

.platform-proof-rail span{
  background: var(--theme-surface-muted) !important;
  border: 1px solid var(--theme-border) !important;
  border-radius: var(--theme-radius-control) !important;
  color: var(--theme-text-muted) !important;
  display: grid !important;
  font-size: var(--experience-small) !important;
  gap: 0.2rem !important;
  line-height: 1.32 !important;
  min-height: 4rem !important;
  padding: 0.78rem !important;
}

.platform-proof-rail strong{
  color: var(--theme-text) !important;
  font-size: 0.72rem !important;
  text-transform: uppercase !important;
}

.platform-map-grid,
.platform-utility-grid,
.platform-docs-grid{
  display: grid !important;
  gap: var(--experience-grid-gap) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.platform-map-card,
.trust-stack article,
.seo-link-card,
.faq-card,
.release-channel-card,
.utility-directory-card,
.mmbs-price-card{
  border-radius: 14px !important;
}

.platform-map-card{
  background: var(--theme-surface) !important;
  border: 1px solid var(--theme-border) !important;
  box-shadow: var(--theme-shadow-rest) !important;
  display: grid !important;
  gap: 0.7rem !important;
  min-height: 13.5rem !important;
  padding: var(--experience-panel-pad) !important;
}

.platform-map-card.is-primary{
  background:
    linear-gradient(180deg, var(--theme-accent-soft), transparent 84%),
    var(--theme-surface) !important;
  border-color: var(--theme-accent-border) !important;
}

.platform-map-kicker{
  color: var(--theme-text-faint) !important;
  display: block !important;
  font-size: 0.68rem !important;
  font-weight: 780 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.platform-map-card h3,
.seo-link-card h3,
.feature-category h3,
.faq-card h3,
.release-channel-card h3,
.utility-directory-card h2,
.seo-trust-card h2{
  color: var(--theme-text) !important;
  font-size: var(--experience-h3) !important;
  font-weight: 740 !important;
  line-height: 1.18 !important;
  margin: 0 !important;
}

.platform-map-card p,
.seo-link-card p,
.feature-category p,
.faq-card p,
.release-channel-card p,
.utility-directory-card p,
.seo-trust-card p{
  color: var(--theme-text-muted) !important;
  font-size: 0.92rem !important;
  line-height: 1.58 !important;
}

.platform-feature-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.platform-feature-grid .feature-category,
.platform-utility-grid .seo-link-card,
.platform-docs-grid .seo-link-card{
  min-height: 12rem !important;
}

.platform-trust-grid{
  align-items: start !important;
}

.trust-stack{
  display: grid !important;
  gap: 0.8rem !important;
}

.trust-stack article{
  background: var(--theme-surface) !important;
  border: 1px solid var(--theme-border) !important;
  box-shadow: var(--theme-shadow-rest) !important;
  display: grid !important;
  gap: 0.45rem !important;
  padding: var(--experience-card-pad) !important;
}

.trust-stack span{
  color: var(--theme-text-faint) !important;
  font-size: 0.72rem !important;
  font-weight: 780 !important;
  text-transform: uppercase !important;
}

.trust-stack strong{
  color: var(--theme-text) !important;
  font-size: 1rem !important;
}

.trust-stack p{
  color: var(--theme-text-muted) !important;
  font-size: 0.9rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

.platform-directory-shell{
  display: grid !important;
  gap: 1.4rem !important;
}

.platform-utility-directory{
  align-items: stretch !important;
}

@media (max-width: 1060px){
  :root{
    --experience-hero-pad: 4.5rem;
    --experience-section-pad: 3.75rem;
    --experience-h1: 2.7rem;
    --experience-h2: 2rem;
  }

  .platform-hero-layout,
  .platform-split,
  .platform-narrative-split,
  .platform-trust-grid,
  .platform-pricing-layout{
    grid-template-columns: 1fr !important;
  }

  .platform-map-grid,
  .platform-utility-grid,
  .platform-docs-grid,
  .platform-feature-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px){
  :root{
    --experience-hero-pad: 3.4rem;
    --experience-section-pad: 3rem;
    --experience-h1: 2.25rem;
    --experience-h2: 1.65rem;
  }

  .platform-proof-rail,
  .platform-map-grid,
  .platform-utility-grid,
  .platform-docs-grid,
  .platform-feature-grid{
    grid-template-columns: 1fr !important;
  }

  .platform-proof-rail span,
  .platform-map-card,
  .platform-feature-grid .feature-category,
  .platform-utility-grid .seo-link-card,
  .platform-docs-grid .seo-link-card{
    min-height: auto !important;
  }

  .mmbs-hero-copy h1,
  .hero-content h1,
  .product-hero-compact h1,
  .legal-page-hero h1,
  .dashboard-hero h1{
    max-width: none !important;
  }
}

/* Experience stabilization layer: calm composition without changing infrastructure. */
:root{
  --experience-quiet-border: color-mix(in srgb, var(--theme-border) 72%, transparent);
  --experience-editorial-gap: clamp(1.2rem, 2.6vw, 2.25rem);
  --experience-panel-soft: color-mix(in srgb, var(--theme-surface) 86%, transparent);
}

.platform-hero-layout{
  grid-template-columns: minmax(0, 0.94fr) minmax(20rem, 1.06fr) !important;
}

.platform-hero-copy{
  align-self: center !important;
}

.platform-hero-copy .mmbs-actions{
  margin-top: 0.35rem !important;
}

.platform-product-preview{
  align-self: center !important;
  background:
    linear-gradient(180deg, var(--theme-surface), color-mix(in srgb, var(--theme-surface-muted) 68%, transparent)) !important;
  border-color: var(--experience-quiet-border) !important;
  display: grid !important;
  gap: 0.9rem !important;
  padding: clamp(1rem, 2vw, 1.3rem) !important;
}

.platform-preview-head{
  align-items: end !important;
  border-bottom: 1px solid var(--experience-quiet-border) !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  padding-bottom: 0.85rem !important;
}

.platform-preview-head strong{
  color: var(--theme-text) !important;
  font-size: 0.95rem !important;
  font-weight: 740 !important;
}

.platform-operating-stack{
  display: grid !important;
  gap: 0.5rem !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.platform-operating-stack div{
  background: var(--experience-panel-soft) !important;
  border: 1px solid var(--experience-quiet-border) !important;
  border-radius: 12px !important;
  display: grid !important;
  gap: 0.18rem !important;
  min-height: 4rem !important;
  padding: 0.72rem !important;
}

.platform-operating-stack strong{
  color: var(--theme-text) !important;
  font-size: 0.78rem !important;
  font-weight: 780 !important;
}

.platform-operating-stack span{
  color: var(--theme-text-muted) !important;
  font-size: 0.74rem !important;
  line-height: 1.35 !important;
}

.platform-proof-rail{
  gap: 0.55rem !important;
}

.platform-proof-rail span{
  background: transparent !important;
  border-color: var(--experience-quiet-border) !important;
  min-height: 3.55rem !important;
}

.platform-split{
  align-items: start !important;
}

.platform-map-grid{
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
}

.platform-map-card.is-primary{
  grid-row: span 2 !important;
  min-height: 18rem !important;
}

.platform-map-card:not(.is-primary){
  min-height: 8.4rem !important;
}

.platform-map-card,
.feature-category,
.seo-link-card,
.faq-card,
.release-channel-card,
.utility-directory-card,
.download-safety-card,
.trust-stack article{
  box-shadow: none !important;
}

.platform-map-card:hover,
.feature-category:hover,
.seo-link-card:hover,
.faq-card:hover,
.release-channel-card:hover,
.utility-directory-card:hover,
.download-safety-card:hover,
.trust-stack article:hover{
  border-color: var(--theme-border-strong) !important;
  box-shadow: none !important;
  transform: translateY(-1px) !important;
}

.mmbs-section-head,
.workflow-copy,
.pricing-head,
.toolkit-hero,
.legal-document-head{
  gap: 0.85rem !important;
}

.platform-band{
  background:
    linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--theme-surface-muted) 44%, transparent) 48%, transparent 100%) !important;
}

.footer-operating-map{
  border-top: 1px solid var(--experience-quiet-border) !important;
  display: grid !important;
  gap: 0.55rem !important;
  margin-top: 0.35rem !important;
  padding-top: 0.85rem !important;
}

.footer-operating-map span{
  color: var(--theme-text-muted) !important;
  display: flex !important;
  font-size: 0.78rem !important;
  gap: 0.45rem !important;
  line-height: 1.35 !important;
}

.footer-operating-map strong{
  color: var(--theme-text) !important;
  font-weight: 780 !important;
}

@media (max-width: 1060px){
  .platform-hero-layout,
  .platform-map-grid{
    grid-template-columns: 1fr !important;
  }

  .platform-map-card.is-primary{
    grid-row: auto !important;
    min-height: auto !important;
  }

  .platform-operating-stack{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px){
  .platform-product-preview{
    padding: 0.9rem !important;
  }

  .platform-preview-head{
    align-items: start !important;
    display: grid !important;
  }

  .platform-operating-stack{
    grid-template-columns: 1fr !important;
  }

  .platform-operating-stack div{
    min-height: auto !important;
  }
}

/* Enterprise product experience rebirth layer. */
:root{
  --enterprise-canvas: #0b0d10;
  --enterprise-canvas-2: #111315;
  --enterprise-canvas-3: #181a1d;
  --enterprise-surface: rgba(24, 26, 29, 0.86);
  --enterprise-surface-raised: rgba(31, 34, 37, 0.96);
  --enterprise-surface-muted: rgba(255, 255, 255, 0.052);
  --enterprise-surface-line: rgba(236, 239, 242, 0.12);
  --enterprise-border: rgba(224, 228, 232, 0.14);
  --enterprise-border-strong: rgba(224, 228, 232, 0.24);
  --enterprise-text: #f5f4ef;
  --enterprise-text-soft: #d9d5cb;
  --enterprise-muted: #a8a39a;
  --enterprise-faint: #77736c;
  --enterprise-accent: #2fbe7d;
  --enterprise-accent-soft: rgba(47, 190, 125, 0.12);
  --enterprise-accent-line: rgba(47, 190, 125, 0.26);
  --enterprise-support: #a28cff;
  --enterprise-support-soft: rgba(162, 140, 255, 0.1);
  --enterprise-warm: #d6a85f;
  --enterprise-warm-soft: rgba(214, 168, 95, 0.11);
  --enterprise-focus: 0 0 0 3px rgba(47, 190, 125, 0.24);
  --enterprise-shadow-rest: 0 18px 54px rgba(0, 0, 0, 0.2);
  --enterprise-shadow-menu: 0 26px 76px rgba(0, 0, 0, 0.34);
  --enterprise-radius-sm: 8px;
  --enterprise-radius-md: 10px;
  --enterprise-radius-lg: 14px;
  --enterprise-radius-xl: 18px;
  --enterprise-container: 1240px;
  --enterprise-readable: 720px;
  --enterprise-wide-readable: 880px;
  --enterprise-section: clamp(72px, 8vw, 118px);
  --enterprise-section-tight: clamp(46px, 6vw, 74px);
  --enterprise-card-pad: clamp(20px, 2.3vw, 30px);
  --enterprise-grid-gap: clamp(14px, 2vw, 22px);
  --enterprise-h1: clamp(44px, 6.4vw, 82px);
  --enterprise-h2: clamp(34px, 4.2vw, 56px);
  --enterprise-h3: clamp(20px, 2vw, 26px);
  --enterprise-body: clamp(16px, 1.35vw, 18px);
  --enterprise-small: 13px;
  --enterprise-motion-fast: 160ms;
  --enterprise-motion: 260ms;
  --enterprise-motion-slow: 620ms;
  --enterprise-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --theme-canvas: var(--enterprise-canvas);
  --theme-canvas-subtle: var(--enterprise-canvas-2);
  --theme-canvas-soft: var(--enterprise-canvas-3);
  --theme-surface: var(--enterprise-surface);
  --theme-surface-elevated: var(--enterprise-surface-raised);
  --theme-surface-raised: var(--enterprise-surface-raised);
  --theme-surface-muted: var(--enterprise-surface-muted);
  --theme-surface-inset: rgba(255, 255, 255, 0.034);
  --theme-text: var(--enterprise-text);
  --theme-text-soft: var(--enterprise-text-soft);
  --theme-text-muted: var(--enterprise-muted);
  --theme-text-faint: var(--enterprise-faint);
  --theme-border: var(--enterprise-border);
  --theme-border-strong: var(--enterprise-border-strong);
  --theme-accent: var(--enterprise-accent);
  --theme-accent-contrast: #07110d;
  --theme-accent-soft: var(--enterprise-accent-soft);
  --theme-accent-border: var(--enterprise-accent-line);
  --theme-support: var(--enterprise-support);
  --theme-support-soft: var(--enterprise-support-soft);
  --theme-radius-card: var(--enterprise-radius-md);
  --theme-radius-control: var(--enterprise-radius-sm);
  --theme-radius-pill: 999px;
  --theme-shadow-rest: var(--enterprise-shadow-rest);
  --theme-shadow-hover: 0 24px 70px rgba(0, 0, 0, 0.28);
  --theme-shadow-menu: var(--enterprise-shadow-menu);
  --theme-focus: var(--enterprise-focus);
  --theme-motion-fast: var(--enterprise-motion-fast);
  --theme-motion: var(--enterprise-motion);
  --theme-ease: var(--enterprise-ease);
  --theme-container: var(--enterprise-container);
  --theme-readable: var(--enterprise-readable);
  --theme-section-y: var(--enterprise-section);
  --theme-section-y-tight: var(--enterprise-section-tight);
  --theme-card-pad: var(--enterprise-card-pad);
  --theme-grid-gap: var(--enterprise-grid-gap);
  --theme-nav-height: 76px;
  --theme-h1: var(--enterprise-h1);
  --theme-h2: var(--enterprise-h2);
  --theme-h3: var(--enterprise-h3);
  --brand-bg: var(--enterprise-canvas);
  --brand-bg-2: var(--enterprise-canvas-2);
  --brand-surface: var(--enterprise-surface);
  --brand-surface-strong: var(--enterprise-surface-raised);
  --brand-surface-soft: var(--enterprise-surface-muted);
  --brand-border: var(--enterprise-border);
  --brand-border-strong: var(--enterprise-border-strong);
  --brand-text: var(--enterprise-text);
  --brand-muted: var(--enterprise-muted);
  --brand-muted-2: var(--enterprise-faint);
  --brand-accent: var(--enterprise-accent);
  --brand-accent-2: var(--enterprise-support);
  --brand-accent-soft: var(--enterprise-accent-soft);
  --bg: var(--enterprise-canvas);
  --bg-soft: var(--enterprise-canvas-2);
  --surface: var(--enterprise-surface);
  --surface-strong: var(--enterprise-surface-raised);
  --card: var(--enterprise-surface-muted);
  --text: var(--enterprise-text);
  --muted: var(--enterprise-muted);
  --line: var(--enterprise-border);
  --green: var(--enterprise-accent);
  --cyan: var(--enterprise-support);
  --shadow: var(--enterprise-shadow-menu);
  --shadow-soft: var(--enterprise-shadow-rest);
  --radius: var(--enterprise-radius-md);
  --container: var(--enterprise-container);
  --ds-container: var(--enterprise-container);
  --ds-readable: var(--enterprise-readable);
  --ds-nav-height: var(--theme-nav-height);
  --ds-section-y: var(--enterprise-section);
  --ds-section-y-tight: var(--enterprise-section-tight);
  --ds-card-radius: var(--enterprise-radius-md);
  --ds-card-pad: var(--enterprise-card-pad);
  --ds-border: var(--enterprise-border);
  --ds-border-strong: var(--enterprise-border-strong);
  --ds-panel: var(--enterprise-surface);
  --ds-panel-strong: var(--enterprise-surface-raised);
  --ds-shadow-card: var(--enterprise-shadow-rest);
  --ds-shadow-hover: var(--theme-shadow-hover);
  --ds-h1: var(--enterprise-h1);
  --ds-h2: var(--enterprise-h2);
  --ds-h3: var(--enterprise-h3);
}

html[data-theme="light"] body{
  --enterprise-canvas: #f7f8f6;
  --enterprise-canvas-2: #eef1ee;
  --enterprise-canvas-3: #e7ebe7;
  --enterprise-surface: rgba(255, 255, 255, 0.9);
  --enterprise-surface-raised: rgba(255, 255, 255, 0.98);
  --enterprise-surface-muted: rgba(20, 24, 28, 0.044);
  --enterprise-surface-line: rgba(20, 24, 28, 0.08);
  --enterprise-border: rgba(20, 24, 28, 0.12);
  --enterprise-border-strong: rgba(20, 24, 28, 0.2);
  --enterprise-text: #15181b;
  --enterprise-text-soft: #2d3338;
  --enterprise-muted: #5a6269;
  --enterprise-faint: #777f86;
  --enterprise-accent: #167a56;
  --enterprise-accent-soft: rgba(22, 122, 86, 0.09);
  --enterprise-accent-line: rgba(22, 122, 86, 0.22);
  --enterprise-support: #6f5bd6;
  --enterprise-support-soft: rgba(111, 91, 214, 0.08);
  --enterprise-warm: #9a6826;
  --enterprise-warm-soft: rgba(154, 104, 38, 0.08);
  --enterprise-shadow-rest: 0 14px 42px rgba(20, 24, 28, 0.075);
  --enterprise-shadow-menu: 0 24px 68px rgba(20, 24, 28, 0.15);
  --theme-accent-contrast: #ffffff;
}

html{
  scroll-padding-top: calc(var(--theme-nav-height) + 18px) !important;
}

body,
html[data-theme="light"] body{
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--enterprise-accent) 9%, transparent) 0%, transparent 34%),
    linear-gradient(225deg, color-mix(in srgb, var(--enterprise-support) 7%, transparent) 0%, transparent 32%),
    linear-gradient(180deg, var(--enterprise-canvas) 0%, var(--enterprise-canvas-2) 48%, var(--enterprise-canvas) 100%) !important;
  color: var(--enterprise-text) !important;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  letter-spacing: 0 !important;
  text-rendering: geometricPrecision;
}

main::before{
  background:
    linear-gradient(rgba(96, 111, 132, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(96, 111, 132, 0.04) 1px, transparent 1px),
    linear-gradient(120deg, color-mix(in srgb, var(--enterprise-accent) 7%, transparent), transparent 42%),
    linear-gradient(240deg, color-mix(in srgb, var(--enterprise-support) 6%, transparent), transparent 46%) !important;
  background-size: 38px 38px, 38px 38px, auto, auto !important;
}

body::before{
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--enterprise-border) 24%, transparent) 1px, transparent 1px),
    linear-gradient(180deg, color-mix(in srgb, var(--enterprise-border) 20%, transparent) 1px, transparent 1px) !important;
  background-size: 96px 96px !important;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.46), transparent 64%);
  opacity: 0.54 !important;
}

body::after{
  display: none !important;
}

body,
button,
input,
select,
textarea{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.container{
  max-width: var(--enterprise-container) !important;
  padding-inline: clamp(20px, 4vw, 34px) !important;
}

.mmbs-section,
.dashboard-section,
.dashboard-panels-section,
.utilities-section,
.release-channel-section,
.onboarding-preview-section,
.toolkit-page-section,
.pricing-section{
  padding-block: var(--enterprise-section) !important;
}

.mmbs-section + .mmbs-section,
.mmbs-section + .dashboard-section,
.dashboard-section + .mmbs-section,
.utilities-section + .mmbs-section{
  padding-top: var(--enterprise-section-tight) !important;
}

.mmbs-hero-copy h1,
.hero-content h1,
.product-hero-compact h1,
.legal-page-hero h1,
.dashboard-hero h1{
  font-size: var(--enterprise-h1) !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  line-height: 0.98 !important;
  max-width: 11.8em !important;
}

.mmbs-section-head h2,
.workflow-copy h2,
.pricing-head h2,
.legal-document-head h2,
.product-hero-compact h2,
.toolkit-hero h2,
.contact-clean h2{
  font-size: var(--enterprise-h2) !important;
  font-weight: 710 !important;
  letter-spacing: 0 !important;
  line-height: 1.04 !important;
}

.platform-map-card h3,
.seo-link-card h3,
.feature-category h3,
.faq-card h3,
.release-channel-card h3,
.utility-directory-card h2,
.seo-trust-card h2,
.dashboard-panel h2,
.mmbs-price-card h3{
  font-size: var(--enterprise-h3) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.mmbs-section-head,
.workflow-copy,
.pricing-head,
.platform-hero-copy,
.legal-page-hero .container,
.toolkit-hero{
  display: grid !important;
  gap: clamp(14px, 2vw, 22px) !important;
  max-width: var(--enterprise-readable) !important;
}

.mmbs-section-head > *,
.workflow-copy > *,
.pricing-head > *,
.platform-hero-copy > *,
.legal-page-hero .container > *,
.toolkit-hero > *{
  margin-block: 0 !important;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  box-shadow: var(--enterprise-focus) !important;
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.enterprise-hero{
  min-height: min(840px, calc(100vh - var(--theme-nav-height))) !important;
  overflow: clip !important;
  padding-block: clamp(76px, 8vw, 124px) var(--enterprise-section-tight) !important;
  position: relative !important;
}

.enterprise-hero::before,
.enterprise-hero::after{
  content: none !important;
}

.enterprise-motion-field{
  inset: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 0 !important;
}

.enterprise-motion-field span{
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--enterprise-border) 62%, transparent), transparent) !important;
  height: 1px !important;
  left: 50% !important;
  opacity: 0.38 !important;
  position: absolute !important;
  top: 18% !important;
  transform: translate3d(-50%, 0, 0) rotate(-10deg) !important;
  width: min(72vw, 920px) !important;
}

.enterprise-motion-field span:nth-child(2){
  opacity: 0.24 !important;
  top: 54% !important;
  transform: translate3d(-42%, 0, 0) rotate(8deg) !important;
}

.enterprise-motion-field span:nth-child(3){
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--enterprise-accent) 28%, transparent), transparent) !important;
  height: 1px !important;
  opacity: 0.3 !important;
  right: -8% !important;
  left: auto !important;
  top: 18% !important;
  transform: translate3d(0, 0, 0) rotate(-18deg) !important;
  width: min(52vw, 620px) !important;
}

.enterprise-hero-layout,
.platform-hero-layout{
  align-items: center !important;
  display: grid !important;
  gap: clamp(36px, 6vw, 92px) !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr) !important;
  position: relative !important;
  z-index: 1 !important;
}

.enterprise-hero-copy{
  align-self: center !important;
}

.enterprise-hero-copy p{
  max-width: 640px !important;
}

.enterprise-hero-actions{
  margin-top: 10px !important;
}

.enterprise-product-console{
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.024)),
    color-mix(in srgb, var(--enterprise-surface-raised) 90%, transparent) !important;
  border: 1px solid var(--enterprise-border) !important;
  border-radius: var(--enterprise-radius-xl) !important;
  box-shadow: var(--enterprise-shadow-menu) !important;
  display: grid !important;
  gap: 16px !important;
  min-height: 0 !important;
  padding: clamp(16px, 2.2vw, 24px) !important;
  transform: translateZ(0) !important;
}

.enterprise-console-head{
  border-bottom: 1px solid var(--enterprise-border) !important;
  padding-bottom: 14px !important;
}

.enterprise-console-grid{
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(180px, 0.65fr) !important;
}

.enterprise-compose-window,
.product-home-hero .mmbs-gmail-window{
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.018)),
    var(--enterprise-canvas-2) !important;
  border: 1px solid var(--enterprise-border) !important;
  border-radius: var(--enterprise-radius-lg) !important;
  box-shadow: none !important;
}

.mmbs-window-bar,
.mmbs-compose-lines span,
.mmbs-compose-body,
.stat,
.platform-operating-stack div,
.enterprise-system-rail article,
.enterprise-card-flow span{
  background: var(--enterprise-surface-muted) !important;
  border: 1px solid var(--enterprise-border) !important;
  border-radius: var(--enterprise-radius-sm) !important;
}

.mmbs-window-bar{
  color: var(--enterprise-text-soft) !important;
}

.mmbs-compose-lines span,
.mmbs-compose-body{
  color: var(--enterprise-muted) !important;
}

.mmbs-toolbar .mmbs-send-btn{
  background: var(--enterprise-accent) !important;
  color: var(--theme-accent-contrast) !important;
}

.enterprise-system-rail{
  display: grid !important;
  gap: 10px !important;
}

.enterprise-system-rail article{
  display: grid !important;
  gap: 5px !important;
  padding: 12px !important;
}

.enterprise-system-rail span{
  color: var(--enterprise-faint) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

.enterprise-system-rail strong{
  color: var(--enterprise-text) !important;
  font-size: 13px !important;
}

.enterprise-system-rail p{
  color: var(--enterprise-muted) !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
  margin: 0 !important;
}

.enterprise-operating-stack{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.enterprise-live-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 0 !important;
  max-width: none !important;
}

.stat{
  min-height: 74px !important;
  padding: 13px !important;
}

.stat span{
  color: var(--enterprise-text) !important;
  font-size: clamp(21px, 2vw, 28px) !important;
  font-weight: 760 !important;
}

.stat small{
  color: var(--enterprise-faint) !important;
}

.platform-proof-rail{
  gap: 10px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  max-width: 760px !important;
}

.platform-proof-rail span{
  background: color-mix(in srgb, var(--enterprise-surface-muted) 84%, transparent) !important;
  border-color: var(--enterprise-border) !important;
  border-radius: var(--enterprise-radius-md) !important;
  min-height: 66px !important;
  padding: 13px !important;
}

.platform-proof-rail strong{
  color: var(--enterprise-text) !important;
  font-size: 12px !important;
  text-transform: none !important;
}

.platform-band{
  background:
    linear-gradient(180deg, transparent, color-mix(in srgb, var(--enterprise-surface-muted) 70%, transparent), transparent) !important;
  border-block: 1px solid color-mix(in srgb, var(--enterprise-border) 72%, transparent) !important;
}

.enterprise-ecosystem-layout,
.platform-split,
.platform-trust-grid,
.platform-narrative-split,
.platform-pricing-layout,
.enterprise-dashboard-layout,
.enterprise-access-layout,
.enterprise-utility-layout{
  align-items: center !important;
  display: grid !important;
  gap: clamp(34px, 5vw, 76px) !important;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr) !important;
}

.enterprise-platform-map{
  gap: var(--enterprise-grid-gap) !important;
  grid-template-columns: minmax(0, 1.24fr) minmax(0, 0.76fr) !important;
}

.platform-map-card,
.feature-category,
.seo-link-card,
.faq-card,
.release-channel-card,
.utility-directory-card,
.download-safety-card,
.trust-stack article,
.performance-grid article,
.dashboard-card,
.dashboard-panel,
.mmbs-price-card,
.seo-trust-card,
.legal-panel,
.install-cta-card,
.toolkit-advanced-card,
.utilities-panel,
.pdf-tool-card,
.image-control-card{
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.054), rgba(255, 255, 255, 0.018)),
    var(--enterprise-surface) !important;
  border: 1px solid var(--enterprise-border) !important;
  border-radius: var(--enterprise-radius-lg) !important;
  box-shadow: none !important;
  color: var(--enterprise-text) !important;
  transition:
    border-color var(--enterprise-motion-fast) var(--enterprise-ease),
    background-color var(--enterprise-motion-fast) var(--enterprise-ease),
    transform var(--enterprise-motion-fast) var(--enterprise-ease) !important;
}

.platform-map-card:hover,
.feature-category:hover,
.seo-link-card:hover,
.faq-card:hover,
.release-channel-card:hover,
.utility-directory-card:hover,
.download-safety-card:hover,
.trust-stack article:hover,
.performance-grid article:hover,
.dashboard-card:hover,
.dashboard-panel:hover,
.mmbs-price-card:hover,
.seo-trust-card:hover,
.install-cta-card:hover,
.toolkit-advanced-card:hover,
.utilities-panel:hover,
.pdf-tool-card:hover,
.image-control-card:hover{
  border-color: var(--enterprise-border-strong) !important;
  box-shadow: none !important;
  transform: translate3d(0, -2px, 0) !important;
}

.platform-map-card{
  display: grid !important;
  gap: 14px !important;
  min-height: 180px !important;
  padding: var(--enterprise-card-pad) !important;
}

.platform-map-card.is-primary{
  background:
    linear-gradient(180deg, var(--enterprise-accent-soft), transparent 76%),
    var(--enterprise-surface) !important;
  border-color: var(--enterprise-accent-line) !important;
  grid-row: span 2 !important;
  min-height: 390px !important;
}

.platform-map-card p,
.seo-link-card p,
.feature-category p,
.faq-card p,
.release-channel-card p,
.utility-directory-card p,
.seo-trust-card p,
.trust-stack p{
  color: var(--enterprise-muted) !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
}

.enterprise-card-flow{
  align-content: end !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  margin-top: auto !important;
}

.enterprise-card-flow span{
  color: var(--enterprise-muted) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  padding: 10px 8px !important;
  text-align: center !important;
}

.enterprise-timeline{
  gap: 12px !important;
  grid-template-columns: 1fr !important;
  position: relative !important;
}

.enterprise-timeline::before{
  background: linear-gradient(180deg, var(--enterprise-accent), transparent) !important;
  content: "" !important;
  height: calc(100% - 42px) !important;
  left: 22px !important;
  opacity: 0.26 !important;
  position: absolute !important;
  top: 24px !important;
  width: 1px !important;
}

.enterprise-timeline > div{
  align-items: start !important;
  display: grid !important;
  gap: 6px 16px !important;
  grid-template-columns: 46px 1fr !important;
  min-height: 0 !important;
  padding: 18px !important;
  position: relative !important;
}

.enterprise-timeline > div span{
  grid-row: span 2 !important;
}

.enterprise-timeline > div strong,
.enterprise-timeline > div p{
  margin: 0 !important;
}

.enterprise-capability-grid,
.platform-feature-grid{
  display: grid !important;
  gap: var(--enterprise-grid-gap) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.feature-category{
  min-height: 220px !important;
  padding: var(--enterprise-card-pad) !important;
}

.category-head span,
.workflow-steps span{
  background: var(--enterprise-surface-muted) !important;
  border: 1px solid var(--enterprise-border) !important;
  border-radius: var(--enterprise-radius-sm) !important;
  color: var(--enterprise-accent) !important;
  font-size: 13px !important;
  height: 42px !important;
  width: 42px !important;
}

.enterprise-trust-stack{
  gap: 12px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.enterprise-trust-stack article{
  min-height: 150px !important;
  padding: var(--enterprise-card-pad) !important;
}

.trust-stack span{
  background: transparent !important;
  border: 0 !important;
  color: var(--enterprise-faint) !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.trust-stack strong{
  color: var(--enterprise-text) !important;
  font-size: 18px !important;
}

.enterprise-utility-grid,
.platform-utility-grid,
.platform-docs-grid,
.seo-link-grid,
.faq-grid,
.dashboard-mini-grid,
.performance-grid,
.seo-trust-grid,
.utility-directory-grid{
  display: grid !important;
  gap: var(--enterprise-grid-gap) !important;
}

.enterprise-utility-grid,
.seo-link-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.enterprise-dashboard-grid,
.performance-grid,
.dashboard-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.faq-grid,
.seo-trust-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.seo-link-card,
.faq-card,
.performance-grid article,
.dashboard-card{
  padding: var(--enterprise-card-pad) !important;
}

.enterprise-access-layout{
  align-items: start !important;
}

.mmbs-price-card{
  padding: clamp(24px, 3vw, 38px) !important;
}

.pricing-price strong{
  color: var(--enterprise-text) !important;
  font-size: clamp(46px, 6vw, 72px) !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
}

.pricing-feature-list li::before{
  color: var(--enterprise-accent) !important;
}

.footer-operating-map{
  border-top-color: var(--enterprise-border) !important;
}

.mmbs-breadcrumbs{
  color: var(--enterprise-faint) !important;
}

.experience-reveal{
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition:
    opacity var(--enterprise-motion-slow) var(--enterprise-ease),
    transform var(--enterprise-motion-slow) var(--enterprise-ease);
  will-change: opacity, transform;
}

.experience-reveal.is-visible{
  opacity: 1;
  transform: translate3d(0, 0, 0);
  will-change: auto;
}

@media (prefers-reduced-motion: no-preference){
  .enterprise-motion-field span:nth-child(1){
    animation: enterprise-line-drift 16s var(--enterprise-ease) infinite alternate;
  }

  .enterprise-motion-field span:nth-child(2){
    animation: enterprise-line-drift 20s var(--enterprise-ease) infinite alternate-reverse;
  }

  .enterprise-motion-field span:nth-child(3){
    animation: enterprise-crossline-drift 18s var(--enterprise-ease) infinite alternate;
  }

  .enterprise-product-console{
    animation: enterprise-console-settle 720ms var(--enterprise-ease) both;
  }
}

@keyframes enterprise-line-drift{
  from {
    transform: translate3d(-52%, 0, 0) rotate(-10deg);
  }

  to {
    transform: translate3d(-48%, 18px, 0) rotate(-8deg);
  }
}

@keyframes enterprise-crossline-drift{
  from {
    transform: translate3d(0, 0, 0) rotate(-18deg);
  }

  to {
    transform: translate3d(-18px, 14px, 0) rotate(-16deg);
  }
}

@keyframes enterprise-console-settle{
  from {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (min-width: 1320px){
  .enterprise-hero-layout,
  .platform-hero-layout{
    grid-template-columns: minmax(0, 0.88fr) minmax(500px, 1.12fr) !important;
  }
}

@media (max-width: 1120px){
  :root{
    --theme-nav-height: auto;
  }

  .enterprise-hero-layout,
  .platform-hero-layout,
  .enterprise-ecosystem-layout,
  .platform-split,
  .platform-trust-grid,
  .platform-narrative-split,
  .platform-pricing-layout,
  .enterprise-dashboard-layout,
  .enterprise-access-layout,
  .enterprise-utility-layout{
    grid-template-columns: 1fr !important;
  }

  .enterprise-platform-map{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .platform-map-card.is-primary{
    grid-row: auto !important;
    min-height: 240px !important;
  }

  .enterprise-utility-grid,
  .seo-link-grid,
  .faq-grid,
  .enterprise-capability-grid,
  .platform-feature-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .enterprise-dashboard-grid,
  .performance-grid,
  .dashboard-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px){
  :root{
    --enterprise-section: 58px;
    --enterprise-section-tight: 38px;
    --enterprise-h1: clamp(38px, 12vw, 52px);
    --enterprise-h2: clamp(29px, 9vw, 38px);
    --enterprise-body: 16px;
  }

  body::after{
    display: none !important;
  }

  .enterprise-hero{
    min-height: auto !important;
    padding-top: 56px !important;
  }

  .enterprise-console-grid,
  .enterprise-operating-stack,
  .platform-proof-rail,
  .enterprise-platform-map,
  .enterprise-trust-stack,
  .enterprise-utility-grid,
  .seo-link-grid,
  .faq-grid,
  .enterprise-capability-grid,
  .platform-feature-grid,
  .enterprise-dashboard-grid,
  .performance-grid,
  .dashboard-grid,
  .seo-trust-grid,
  .utility-directory-grid{
    grid-template-columns: 1fr !important;
  }

  .enterprise-product-console{
    padding: 14px !important;
  }

  .enterprise-card-flow{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .enterprise-timeline::before{
    display: none !important;
  }

  .enterprise-timeline > div{
    grid-template-columns: 1fr !important;
  }

  .enterprise-timeline > div span{
    grid-row: auto !important;
  }

  .mmbs-actions,
  .pricing-actions,
  .release-actions,
  .utility-card-actions{
    align-items: stretch !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .mmbs-actions > *,
  .pricing-actions > *,
  .release-actions > *,
  .utility-card-actions > *{
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }
}

@media (max-width: 520px){
  .container{
    padding-inline: 18px !important;
  }

  .mmbs-hero-copy h1,
  .hero-content h1,
  .product-hero-compact h1,
  .legal-page-hero h1,
  .dashboard-hero h1{
    line-height: 1.03 !important;
  }

  .platform-map-card,
  .feature-category,
  .seo-link-card,
  .faq-card,
  .release-channel-card,
  .utility-directory-card,
  .download-safety-card,
  .trust-stack article,
  .performance-grid article,
  .dashboard-card,
  .dashboard-panel,
  .mmbs-price-card{
    padding: 18px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  body::after{
    display: none !important;
  }

  *,
  *::before,
  *::after{
    animation: none !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }

  .experience-reveal,
  .mmbs-reveal,
  .fade-in{
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Professional visual refinement pass: shared density, workspace forms, and SaaS-grade card rhythm. */
:root {
  --polish-ds-space-0: 0;
  --polish-ds-space-1: 4px;
  --polish-ds-space-2: 8px;
  --polish-ds-space-3: 12px;
  --polish-ds-space-4: 16px;
  --polish-ds-space-5: 24px;
  --polish-ds-space-6: 32px;
  --polish-ds-space-7: 48px;
  --polish-ds-space-8: 64px;
  --polish-ds-card-radius: 8px;
  --polish-ds-motion-fast: 160ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --polish-ds-motion-soft: 280ms cubic-bezier(0.16, 1, 0.3, 1);
}

html[data-theme="light"],
html[data-theme="light"] body {
  --ui-panel-bg: #ffffff;
  --ui-panel-muted: #f8fafc;
  --ui-panel-inset: #f8fafc;
  --ui-form-bg: #ffffff;
  --ui-form-border: #dbe3ee;
  --ui-form-focus: rgba(2, 132, 199, 0.22);
  --ui-hover-bg: #f8fafc;
}

html[data-theme="dark"],
html[data-theme="dark"] body {
  --ui-panel-bg: #0b1020;
  --ui-panel-muted: #111827;
  --ui-panel-inset: rgba(255, 255, 255, 0.04);
  --ui-form-bg: #050816;
  --ui-form-border: rgba(255, 255, 255, 0.1);
  --ui-form-focus: rgba(56, 189, 248, 0.2);
  --ui-hover-bg: rgba(255, 255, 255, 0.04);
}

body {
  font-family: var(--font-body) !important;
  letter-spacing: 0 !important;
}

h1,
h2,
h3,
h4,
.toolkit-hero h1,
.mmbs-section-head h2,
.legal-page-hero h1,
.dashboard-hero h1 {
  color: var(--theme-text) !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

h1,
.toolkit-hero h1,
.legal-page-hero h1,
.dashboard-hero h1 {
  line-height: 1.04 !important;
}

h2,
.mmbs-section-head h2,
.utilities-panel h2,
.toolkit-advanced-card h2 {
  line-height: 1.14 !important;
}

p,
.mmbs-section-head p,
.toolkit-hero p,
.utilities-panel-head p,
.legal-page-hero p {
  color: var(--theme-text-muted) !important;
  letter-spacing: 0 !important;
}

.mmbs-section-head,
.pricing-head,
.workflow-copy,
.toolkit-hero {
  gap: var(--polish-ds-space-4) !important;
}

.card,
.feature-card,
.feature-category,
.mmbs-price-card,
.utility-directory-card,
.toolkit-card,
.toolkit-advanced-card,
.utilities-panel,
.utilities-delay-card,
.pdf-tool-card,
.pdf-tool-category,
.image-control-card,
.dashboard-card,
.dashboard-panel,
.faq-card,
.seo-link-card,
.blog-card,
.visaflowx-card,
.release-channel-card,
.download-safety-card,
.seo-trust-card,
.legal-panel,
.install-cta-card,
.tool-ecosystem-card,
.visaflowx-section-card,
.visaflowx-overview-card {
  background: var(--ui-panel-bg) !important;
  border: 1px solid var(--theme-border) !important;
  border-radius: var(--polish-ds-card-radius) !important;
  box-shadow: none !important;
  transition: background-color var(--polish-ds-motion-fast), border-color var(--polish-ds-motion-fast), color var(--polish-ds-motion-fast), transform var(--polish-ds-motion-fast) !important;
}

.card:hover,
.feature-card:hover,
.feature-category:hover,
.mmbs-price-card:hover,
.utility-directory-card:hover,
.toolkit-card:hover,
.toolkit-advanced-card:hover,
.utilities-panel:hover,
.utilities-delay-card:hover,
.pdf-tool-card:hover,
.pdf-tool-category:hover,
.image-control-card:hover,
.dashboard-card:hover,
.dashboard-panel:hover,
.faq-card:hover,
.seo-link-card:hover,
.blog-card:hover,
.visaflowx-card:hover,
.release-channel-card:hover,
.download-safety-card:hover,
.seo-trust-card:hover,
.install-cta-card:hover,
.tool-ecosystem-card:hover,
.visaflowx-section-card:hover,
.visaflowx-overview-card:hover {
  background: var(--ui-panel-bg) !important;
  border-color: var(--theme-border-strong) !important;
  box-shadow: none !important;
  transform: translate3d(0, -2px, 0) !important;
}

.utilities-section::before {
  filter: none !important;
  opacity: 0.42 !important;
}

.utilities-section::after {
  opacity: 0.08 !important;
}

.toolkit-page-section {
  padding: var(--polish-ds-space-8) 0 !important;
}

.toolkit-shell,
.utilities-tool {
  display: grid !important;
  gap: var(--polish-ds-space-5) !important;
}

.toolkit-shell {
  animation: toolkitEnter var(--polish-ds-motion-soft) both !important;
}

.toolkit-hero {
  display: grid !important;
  margin: 0 !important;
  max-width: 760px !important;
}

.toolkit-hero h1 {
  font-size: 48px !important;
  margin: 0 !important;
  max-width: 760px !important;
}

.toolkit-hero p {
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  max-width: 640px !important;
}

.utilities-tabs {
  gap: var(--polish-ds-space-2) !important;
  margin: 0 !important;
}

.utility-tab,
.delay-mode,
.utility-primary-btn,
.utility-soft-btn,
.mmbs-primary,
.mmbs-secondary {
  border-radius: var(--polish-ds-card-radius) !important;
  min-height: 40px !important;
  transition: background-color var(--polish-ds-motion-fast), border-color var(--polish-ds-motion-fast), color var(--polish-ds-motion-fast), opacity var(--polish-ds-motion-fast), transform var(--polish-ds-motion-fast) !important;
}

.utility-tab:not(:disabled):hover,
.delay-mode:hover,
.utility-primary-btn:not(:disabled):hover,
.utility-soft-btn:not(:disabled):hover,
.mmbs-primary:hover,
.mmbs-secondary:hover {
  transform: translate3d(0, -1px, 0) !important;
}

.utilities-tool-grid,
.pdf-suite-grid,
.image-suite-grid {
  gap: var(--polish-ds-space-5) !important;
}

.toolkit-main-grid {
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr) !important;
  margin: 0 !important;
}

.utilities-panel {
  backdrop-filter: none !important;
  display: grid !important;
  gap: var(--polish-ds-space-4) !important;
  min-height: 0 !important;
  padding: var(--polish-ds-space-5) !important;
}

.utilities-input-panel {
  grid-template-rows: auto auto minmax(320px, 1fr) auto !important;
}

.utilities-output-panel {
  grid-template-rows: auto auto minmax(220px, 1fr) auto auto !important;
}

.utilities-panel-head {
  align-items: start !important;
  gap: var(--polish-ds-space-4) !important;
  margin: 0 !important;
}

.utilities-panel-head > div {
  display: grid !important;
  gap: var(--polish-ds-space-2) !important;
  min-width: 0 !important;
}

.utilities-kicker,
.toolkit-field-label {
  color: var(--theme-accent) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

.utilities-panel h2,
.toolkit-advanced-card h2 {
  font-size: 20px !important;
  margin: 0 !important;
}

.utilities-panel-head p {
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  max-width: 460px !important;
}

.utilities-dropzone {
  background: var(--ui-panel-muted) !important;
  border: 1px dashed var(--theme-border-strong) !important;
  border-radius: var(--polish-ds-card-radius) !important;
  box-shadow: none !important;
  gap: var(--polish-ds-space-2) !important;
  margin: 0 !important;
  min-height: 104px !important;
  padding: var(--polish-ds-space-4) !important;
  transition: background-color var(--polish-ds-motion-fast), border-color var(--polish-ds-motion-fast), transform var(--polish-ds-motion-fast) !important;
}

.utilities-dropzone:hover,
.utilities-dropzone.is-dragover {
  background: var(--ui-hover-bg) !important;
  border-color: var(--theme-accent-border) !important;
  box-shadow: none !important;
  transform: translate3d(0, -1px, 0) !important;
}

.utilities-dropzone span {
  font-size: 15px !important;
  font-weight: 760 !important;
}

.utilities-dropzone strong {
  color: var(--theme-text-muted) !important;
  font-size: 13px !important;
  font-weight: 620 !important;
  line-height: 1.45 !important;
  max-width: 520px !important;
}

.toolkit-field-stack {
  display: grid !important;
  gap: var(--polish-ds-space-2) !important;
  min-height: 0 !important;
}

.utilities-input-panel textarea,
.utilities-output,
.toolkit-control select,
.toolkit-text-control input,
.toolkit-text-control textarea,
.image-html-input,
.image-control input,
.image-control select,
.fixed-delay-control input {
  background: var(--ui-form-bg) !important;
  border: 1px solid var(--ui-form-border) !important;
  border-radius: var(--polish-ds-card-radius) !important;
  box-shadow: none !important;
  color: var(--theme-text) !important;
  font: inherit !important;
  outline: none !important;
  transition: background-color var(--polish-ds-motion-fast), border-color var(--polish-ds-motion-fast), box-shadow var(--polish-ds-motion-fast) !important;
}

.utilities-input-panel textarea,
.toolkit-text-control textarea,
.image-html-input {
  line-height: 1.6 !important;
  min-height: 320px !important;
  padding: var(--polish-ds-space-4) !important;
  resize: vertical !important;
}

.utilities-input-panel textarea:focus,
.toolkit-control select:focus,
.toolkit-text-control input:focus,
.toolkit-text-control textarea:focus,
.image-html-input:focus,
.image-control input:focus,
.image-control select:focus,
.fixed-delay-control input:focus {
  border-color: var(--theme-accent) !important;
  box-shadow: 0 0 0 4px var(--ui-form-focus) !important;
}

.utilities-input-footer {
  align-items: center !important;
  gap: var(--polish-ds-space-4) !important;
  margin: 0 !important;
}

.utilities-input-footer p,
.utilities-delay-card p {
  color: var(--theme-text-muted) !important;
  font-size: 13px !important;
}

.utilities-status {
  border-radius: var(--polish-ds-card-radius) !important;
  font-size: 12px !important;
  font-weight: 720 !important;
  padding: var(--polish-ds-space-2) var(--polish-ds-space-3) !important;
}

.utilities-metrics {
  gap: var(--polish-ds-space-2) !important;
  margin: 0 !important;
}

.utilities-metrics div,
.utilities-validation-row,
.utilities-empty-state,
.toolkit-helper-output {
  background: var(--ui-panel-muted) !important;
  border: 1px solid var(--theme-border) !important;
  border-radius: var(--polish-ds-card-radius) !important;
}

.utilities-metrics div {
  min-height: 72px !important;
  padding: var(--polish-ds-space-3) !important;
}

.utilities-metrics strong {
  font-size: 22px !important;
  font-weight: 760 !important;
}

.utilities-metrics span {
  color: var(--theme-text-muted) !important;
  font-weight: 680 !important;
}

.utilities-output {
  color: var(--theme-text) !important;
  margin: 0 !important;
  min-height: 220px !important;
  padding: var(--polish-ds-space-4) !important;
}

.utilities-actions {
  gap: var(--polish-ds-space-2) !important;
  margin: 0 !important;
}

.utilities-validation {
  gap: var(--polish-ds-space-2) !important;
  max-height: 160px !important;
}

.toolkit-advanced-card {
  align-items: start !important;
  backdrop-filter: none !important;
  display: grid !important;
  gap: var(--polish-ds-space-5) !important;
  grid-template-columns: minmax(240px, 0.42fr) minmax(0, 1fr) !important;
  margin: 0 !important;
  padding: var(--polish-ds-space-5) !important;
}

.toolkit-advanced-card > div:first-child {
  display: grid !important;
  gap: var(--polish-ds-space-2) !important;
}

.toolkit-control-grid,
.image-control-grid {
  gap: var(--polish-ds-space-3) !important;
}

.toolkit-control,
.image-control,
.fixed-delay-control {
  background: var(--ui-panel-muted) !important;
  border: 1px solid var(--theme-border) !important;
  border-radius: var(--polish-ds-card-radius) !important;
  color: var(--theme-text) !important;
  gap: var(--polish-ds-space-2) !important;
  min-height: 44px !important;
  padding: var(--polish-ds-space-3) !important;
  transition: background-color var(--polish-ds-motion-fast), border-color var(--polish-ds-motion-fast), transform var(--polish-ds-motion-fast) !important;
}

.toolkit-control:hover,
.image-control:hover,
.fixed-delay-control:hover {
  background: var(--ui-hover-bg) !important;
  border-color: var(--theme-border-strong) !important;
  transform: translate3d(0, -1px, 0) !important;
}

.toolkit-control span,
.image-control span,
.fixed-delay-control span {
  font-size: 13px !important;
  font-weight: 680 !important;
}

.toolkit-select-control {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
}

.email-campaign-helper {
  grid-template-columns: 1fr !important;
}

.toolkit-helper-grid,
.toolkit-helper-output-grid {
  display: grid !important;
  gap: var(--polish-ds-space-4) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.toolkit-text-control {
  align-items: stretch !important;
  display: grid !important;
}

.toolkit-text-control input {
  min-height: 40px !important;
  padding: 0 var(--polish-ds-space-3) !important;
}

.toolkit-text-control textarea {
  min-height: 132px !important;
}

.toolkit-helper-output {
  color: var(--theme-text-muted) !important;
  font-family: var(--font-mono) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  min-height: 112px !important;
  overflow: auto !important;
  padding: var(--polish-ds-space-4) !important;
  white-space: pre-wrap !important;
}

@media (max-width: 1120px) {
  .toolkit-main-grid,
  .pdf-suite-grid,
  .image-suite-grid,
  .toolkit-advanced-card {
    grid-template-columns: 1fr !important;
  }

  .toolkit-helper-grid,
  .toolkit-helper-output-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .toolkit-page-section {
    padding: var(--polish-ds-space-7) 0 !important;
  }

  .toolkit-hero h1 {
    font-size: 38px !important;
  }

  .utilities-panel,
  .toolkit-advanced-card {
    padding: var(--polish-ds-space-4) !important;
  }

  .utilities-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .utilities-input-footer {
    align-items: stretch !important;
    display: grid !important;
  }
}

/* Final tool UX polish: tighter controls, clearer empty states, and lightweight motion. */
:root {
  --tool-motion: 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --tool-field-bg: rgba(255, 255, 255, 0.82);
  --tool-field-border: rgba(15, 23, 42, 0.14);
  --tool-field-border-focus: rgba(0, 120, 240, 0.52);
  --tool-helper-bg: rgba(248, 250, 252, 0.9);
  --tool-helper-ready: rgba(16, 185, 129, 0.12);
  --tool-helper-warning: rgba(245, 158, 11, 0.13);
}

html[data-theme="dark"] body {
  --tool-field-bg: rgba(15, 23, 42, 0.72);
  --tool-field-border: rgba(255, 255, 255, 0.12);
  --tool-field-border-focus: rgba(56, 189, 248, 0.58);
  --tool-helper-bg: rgba(17, 24, 39, 0.78);
  --tool-helper-ready: rgba(16, 185, 129, 0.14);
  --tool-helper-warning: rgba(245, 158, 11, 0.14);
}

.toolkit-main-grid,
.toolkit-helper-grid,
.toolkit-helper-output-grid,
.toolkit-control-grid {
  align-items: stretch !important;
}

.utilities-panel,
.toolkit-advanced-card {
  border-color: var(--theme-border) !important;
  transition: border-color var(--tool-motion), box-shadow var(--tool-motion), transform var(--tool-motion) !important;
}

.utilities-panel:hover,
.toolkit-advanced-card:hover {
  border-color: var(--theme-border-strong) !important;
}

.utilities-input-panel textarea,
.utilities-output,
.toolkit-control select,
.toolkit-text-control input,
.toolkit-text-control textarea,
.image-html-input,
.image-control input,
.image-control select,
.fixed-delay-control input {
  background: var(--tool-field-bg) !important;
  border-color: var(--tool-field-border) !important;
}

.utilities-input-panel textarea::placeholder,
.toolkit-text-control input::placeholder,
.toolkit-text-control textarea::placeholder,
.image-html-input::placeholder {
  color: var(--theme-text-muted) !important;
  opacity: 0.78 !important;
}

.utilities-input-panel textarea:focus,
.toolkit-control select:focus,
.toolkit-text-control input:focus,
.toolkit-text-control textarea:focus,
.image-html-input:focus,
.image-control input:focus,
.image-control select:focus,
.fixed-delay-control input:focus {
  border-color: var(--tool-field-border-focus) !important;
  box-shadow: 0 0 0 4px var(--ui-form-focus), 0 10px 26px rgba(15, 23, 42, 0.08) !important;
}

.toolkit-text-control:focus-within,
.toolkit-control:focus-within,
.fixed-delay-control:focus-within,
.image-control:focus-within {
  border-color: var(--tool-field-border-focus) !important;
  box-shadow: 0 0 0 4px var(--ui-form-focus) !important;
}

.utilities-empty-state,
.toolkit-helper-output {
  background: var(--tool-helper-bg) !important;
  min-width: 0 !important;
}

.toolkit-helper-output {
  display: grid !important;
  gap: 8px !important;
}

.toolkit-helper-output strong {
  color: var(--theme-text) !important;
  display: block !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
}

.toolkit-helper-output span {
  display: block !important;
}

.toolkit-helper-output.is-empty {
  color: var(--theme-text-muted) !important;
}

.toolkit-helper-output.is-ready {
  background: linear-gradient(180deg, var(--tool-helper-ready), transparent), var(--tool-helper-bg) !important;
  border-color: rgba(16, 185, 129, 0.26) !important;
}

.toolkit-helper-output.is-warning {
  background: linear-gradient(180deg, var(--tool-helper-warning), transparent), var(--tool-helper-bg) !important;
  border-color: rgba(245, 158, 11, 0.3) !important;
}

.utilities-status {
  transition: background-color var(--tool-motion), color var(--tool-motion), opacity var(--tool-motion) !important;
}

.utility-primary-btn,
.utility-soft-btn,
.toolkit-control,
.image-control,
.fixed-delay-control,
.utilities-dropzone {
  will-change: transform !important;
}

.utility-primary-btn:active,
.utility-soft-btn:active {
  transform: translate3d(0, 0, 0) scale(0.99) !important;
}

@media (prefers-reduced-motion: reduce) {
  .utilities-panel,
  .toolkit-advanced-card,
  .utilities-status,
  .utility-primary-btn,
  .utility-soft-btn,
  .toolkit-control,
  .image-control,
  .fixed-delay-control,
  .utilities-dropzone {
    transition: none !important;
  }

  .utility-primary-btn,
  .utility-soft-btn,
  .toolkit-control,
  .image-control,
  .fixed-delay-control,
  .utilities-dropzone {
    transform: none !important;
    will-change: auto !important;
  }
}

@media (max-width: 760px) {
  .hero-layout,
  .product-home-hero .hero-layout,
  .workflow-section,
  .pricing-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .mmbs-hero-copy,
  .hero-content,
  .mmbs-hero-copy p,
  .hero-content p,
  .mmbs-section-head,
  .pricing-head,
  .workflow-copy {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }

  .mmbs-actions,
  .hero-actions {
    align-items: stretch !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .mmbs-actions .btn,
  .hero-actions .btn,
  .mmbs-actions a,
  .hero-actions a {
    justify-content: center !important;
    width: 100% !important;
  }

  .mmbs-proof {
    grid-template-columns: 1fr !important;
  }
}

/* SaaS product experience motion layer: page rhythm, hero depth, cards, and tools. */
:root {
  --saas-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --saas-ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
  --saas-duration-xs: 90ms;
  --saas-duration-sm: 160ms;
  --saas-duration-md: 240ms;
  --saas-duration-lg: 420ms;
  --saas-duration-xl: 720ms;
  --saas-stagger-step: 55ms;
  --saas-hover-y: -3px;
  --saas-reveal-y: 18px;
  --saas-radius: 10px;
  --saas-shadow-rest: 0 1px 2px rgba(15, 23, 42, 0.05);
  --saas-shadow-hover: 0 18px 42px rgba(15, 23, 42, 0.12);
  --saas-glow-blue: rgba(14, 165, 233, 0.18);
  --saas-glow-emerald: rgba(16, 185, 129, 0.12);
  --saas-border-rest: rgba(15, 23, 42, 0.1);
  --saas-border-hover: rgba(14, 165, 233, 0.22);
  --saas-field-ring: rgba(14, 165, 233, 0.16);
}

html[data-theme="dark"],
html[data-theme="dark"] body {
  --saas-shadow-rest: 0 1px 2px rgba(0, 0, 0, 0.28);
  --saas-shadow-hover: 0 20px 48px rgba(0, 0, 0, 0.36);
  --saas-glow-blue: rgba(56, 189, 248, 0.18);
  --saas-glow-emerald: rgba(52, 211, 153, 0.12);
  --saas-border-rest: rgba(255, 255, 255, 0.09);
  --saas-border-hover: rgba(56, 189, 248, 0.24);
  --saas-field-ring: rgba(56, 189, 248, 0.18);
}

.mmbs-motion-ready .experience-reveal {
  opacity: 0 !important;
  transform: translate3d(0, var(--saas-reveal-y), 0) !important;
  transition:
    opacity var(--saas-duration-lg) var(--saas-ease-emphasized),
    transform var(--saas-duration-lg) var(--saas-ease-emphasized) !important;
  transition-delay: var(--reveal-delay, 0ms) !important;
}

.mmbs-motion-ready .experience-reveal.is-visible,
.mmbs-motion-ready .experience-reveal.visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
}

html.mmbs-route-recovery-active main,
html.mmbs-route-recovery-active main :where(.experience-reveal, .mmbs-reveal, .fade-in, .reveal, [data-reveal]) {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  visibility: visible !important;
}

html.mmbs-motion-paused *,
html.mmbs-motion-paused *::before,
html.mmbs-motion-paused *::after {
  animation-play-state: paused !important;
}

.mmbs-hero,
.product-home-hero,
.enterprise-hero,
.toolkit-page-section {
  isolation: isolate !important;
  overflow: hidden !important;
  position: relative !important;
}

.mmbs-hero > *,
.product-home-hero > *,
.enterprise-hero > *,
.toolkit-page-section > * {
  position: relative !important;
  z-index: 1 !important;
}

.mmbs-hero::before,
.product-home-hero::before,
.enterprise-hero::before,
.toolkit-page-section::before {
  background:
    radial-gradient(circle at 12% 24%, rgba(20, 184, 166, 0.16), transparent 24%),
    radial-gradient(circle at 78% 12%, rgba(59, 130, 246, 0.12), transparent 28%),
    radial-gradient(circle at 54% 82%, rgba(16, 185, 129, 0.1), transparent 24%) !important;
  content: "" !important;
  inset: -18% !important;
  opacity: 0.72 !important;
  pointer-events: none !important;
  position: absolute !important;
  transform: translate3d(0, 0, 0) scale(1.02) !important;
  z-index: 0 !important;
}

.mmbs-hero::after,
.product-home-hero::after,
.enterprise-hero::after,
.toolkit-page-section::after {
  background-image:
    radial-gradient(circle, rgba(14, 165, 233, 0.14) 0 1px, transparent 1px),
    radial-gradient(circle, rgba(16, 185, 129, 0.12) 0 1px, transparent 1px) !important;
  background-position: 0 0, 18px 22px !important;
  background-size: 64px 64px, 88px 88px !important;
  content: "" !important;
  inset: 0 !important;
  opacity: 0.28 !important;
  pointer-events: none !important;
  position: absolute !important;
  transform: translate3d(0, 0, 0) !important;
  z-index: 0 !important;
}

html[data-theme="dark"] .mmbs-hero::before,
html[data-theme="dark"] .product-home-hero::before,
html[data-theme="dark"] .enterprise-hero::before,
html[data-theme="dark"] .toolkit-page-section::before {
  opacity: 0.48 !important;
}

:where(
  .platform-map-card,
  .feature-category,
  .seo-link-card,
  .faq-card,
  .release-channel-card,
  .utility-directory-card,
  .download-safety-card,
  .trust-stack article,
  .performance-grid article,
  .dashboard-card,
  .dashboard-panel,
  .mmbs-price-card,
  .utilities-panel,
  .toolkit-advanced-card,
  .pdf-tool-category,
  .pdf-tool-card,
  .image-control,
  .toolkit-control,
  .toolkit-helper-output
) {
  border-color: var(--saas-border-rest) !important;
  box-shadow: var(--saas-shadow-rest) !important;
  transition:
    border-color var(--saas-duration-md) var(--saas-ease-standard),
    box-shadow var(--saas-duration-md) var(--saas-ease-standard),
    background-color var(--saas-duration-md) var(--saas-ease-standard),
    opacity var(--saas-duration-md) var(--saas-ease-standard),
    transform var(--saas-duration-md) var(--saas-ease-standard) !important;
}

:where(
  .platform-map-card,
  .feature-category,
  .seo-link-card,
  .faq-card,
  .release-channel-card,
  .utility-directory-card,
  .download-safety-card,
  .trust-stack article,
  .performance-grid article,
  .dashboard-card,
  .dashboard-panel,
  .mmbs-price-card,
  .utilities-panel,
  .toolkit-advanced-card,
  .pdf-tool-category,
  .pdf-tool-card,
  .image-control,
  .toolkit-control
):hover {
  border-color: var(--saas-border-hover) !important;
  box-shadow: var(--saas-shadow-hover), 0 0 0 1px var(--saas-glow-blue) !important;
  transform: translate3d(0, var(--saas-hover-y), 0) !important;
  will-change: transform !important;
}

:where(
  .platform-map-card,
  .feature-category,
  .seo-link-card,
  .faq-card,
  .release-channel-card,
  .utility-directory-card,
  .download-safety-card,
  .trust-stack article,
  .performance-grid article,
  .dashboard-card,
  .dashboard-panel,
  .mmbs-price-card,
  .utilities-panel,
  .toolkit-advanced-card,
  .pdf-tool-category,
  .pdf-tool-card,
  .image-control,
  .toolkit-control
):focus-within {
  border-color: var(--saas-border-hover) !important;
  box-shadow: 0 0 0 4px var(--saas-field-ring), var(--saas-shadow-hover) !important;
}

:where(.btn-primary, .mmbs-secondary, .utility-primary-btn, .utility-soft-btn, .pricing-actions a, .release-actions a) {
  transition:
    background-color var(--saas-duration-sm) var(--saas-ease-standard),
    border-color var(--saas-duration-sm) var(--saas-ease-standard),
    box-shadow var(--saas-duration-sm) var(--saas-ease-standard),
    color var(--saas-duration-sm) var(--saas-ease-standard),
    opacity var(--saas-duration-sm) var(--saas-ease-standard),
    transform var(--saas-duration-sm) var(--saas-ease-standard) !important;
}

:where(.btn-primary, .mmbs-secondary, .utility-primary-btn, .utility-soft-btn, .pricing-actions a, .release-actions a):hover,
:where(.btn-primary, .mmbs-secondary, .utility-primary-btn, .utility-soft-btn, .pricing-actions a, .release-actions a):focus-visible {
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12), 0 0 0 1px var(--saas-glow-blue) !important;
  outline: none !important;
  transform: translate3d(0, -2px, 0) !important;
}

:where(.btn-primary, .mmbs-secondary, .utility-primary-btn, .utility-soft-btn, .pricing-actions a, .release-actions a):active {
  transform: translate3d(0, 0, 0) scale(0.99) !important;
}

:where(
  .utilities-input-panel textarea,
  .utilities-output,
  .toolkit-control select,
  .toolkit-text-control input,
  .toolkit-text-control textarea,
  .image-html-input,
  .image-control input,
  .image-control select,
  .image-control textarea,
  .fixed-delay-control input
) {
  transition:
    background-color var(--saas-duration-sm) var(--saas-ease-standard),
    border-color var(--saas-duration-sm) var(--saas-ease-standard),
    box-shadow var(--saas-duration-sm) var(--saas-ease-standard),
    color var(--saas-duration-sm) var(--saas-ease-standard),
    transform var(--saas-duration-sm) var(--saas-ease-standard) !important;
}

:where(
  .utilities-input-panel textarea,
  .toolkit-control select,
  .toolkit-text-control input,
  .toolkit-text-control textarea,
  .image-html-input,
  .image-control input,
  .image-control select,
  .image-control textarea,
  .fixed-delay-control input
):focus {
  transform: translate3d(0, -1px, 0) !important;
}

.pdf-tool-card.is-active,
.image-tool-card.is-active {
  border-color: var(--saas-border-hover) !important;
  box-shadow: 0 14px 34px rgba(14, 165, 233, 0.14), var(--saas-shadow-rest) !important;
}

.toolkit-helper-output.is-ready {
  box-shadow: 0 10px 26px var(--saas-glow-emerald) !important;
}

.utilities-status:not(:empty) {
  border-color: var(--saas-border-hover) !important;
  box-shadow: 0 10px 24px rgba(14, 165, 233, 0.1) !important;
}

@media (prefers-reduced-motion: no-preference) {
  .mmbs-motion-enhanced .mmbs-hero::before,
  .mmbs-motion-enhanced .product-home-hero::before,
  .mmbs-motion-enhanced .enterprise-hero::before,
  .mmbs-motion-enhanced .toolkit-page-section::before {
    animation: mmbs-saas-mesh-drift 18s var(--saas-ease-emphasized) infinite alternate;
  }

  .mmbs-motion-enhanced .mmbs-hero::after,
  .mmbs-motion-enhanced .product-home-hero::after,
  .mmbs-motion-enhanced .enterprise-hero::after,
  .mmbs-motion-enhanced .toolkit-page-section::after {
    animation: mmbs-saas-particle-drift 24s linear infinite alternate;
  }
}

@keyframes mmbs-saas-mesh-drift {
  from {
    transform: translate3d(-1.4%, -0.8%, 0) scale(1.02);
  }

  to {
    transform: translate3d(1.2%, 1%, 0) scale(1.04);
  }
}

@keyframes mmbs-saas-particle-drift {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-18px, 14px, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mmbs-motion-ready .experience-reveal,
  .mmbs-motion-ready .experience-reveal.is-visible,
  .mmbs-motion-ready .experience-reveal.visible,
  :where(
    .platform-map-card,
    .feature-category,
    .seo-link-card,
    .faq-card,
    .release-channel-card,
    .utility-directory-card,
    .download-safety-card,
    .trust-stack article,
    .performance-grid article,
    .dashboard-card,
    .dashboard-panel,
    .mmbs-price-card,
    .utilities-panel,
    .toolkit-advanced-card,
    .pdf-tool-category,
    .pdf-tool-card,
    .image-control,
    .toolkit-control,
    .toolkit-helper-output,
    .btn-primary,
    .mmbs-secondary,
    .utility-primary-btn,
    .utility-soft-btn
  ) {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }

  .mmbs-hero::before,
  .mmbs-hero::after,
  .product-home-hero::before,
  .product-home-hero::after,
  .enterprise-hero::before,
  .enterprise-hero::after,
  .toolkit-page-section::before,
  .toolkit-page-section::after {
    animation: none !important;
  }
}

/* Premium SaaS micro UX refinement layer. */
:root {
  --premium-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --premium-motion-fast: 140ms;
  --premium-motion: 180ms;
  --premium-motion-reveal: 360ms;
  --premium-action-gap: clamp(12px, 1.2vw, 18px);
  --premium-action-gap-tight: 10px;
  --premium-focus-ring: rgba(14, 165, 233, 0.18);
  --premium-shadow-interact: 0 14px 34px rgba(15, 23, 42, 0.1);
  --saas-ease-standard: var(--premium-ease);
  --saas-ease-emphasized: var(--premium-ease);
  --saas-duration-sm: 150ms;
  --saas-duration-md: 220ms;
  --saas-duration-lg: var(--premium-motion-reveal);
  --saas-hover-y: -2px;
  --saas-reveal-y: 12px;
}

html[data-theme="dark"],
html[data-theme="dark"] body {
  --premium-focus-ring: rgba(56, 189, 248, 0.18);
  --premium-shadow-interact: 0 16px 38px rgba(0, 0, 0, 0.32);
}

:where(
  .mmbs-actions,
  .enterprise-hero-actions,
  .pricing-actions,
  .release-actions,
  .utility-card-actions,
  .utilities-actions,
  .pdf-workbench-actions,
  .pdf-result-actions,
  .image-workbench-actions,
  .image-result-actions,
  .visaflowx-hero-actions
) {
  column-gap: var(--premium-action-gap) !important;
  row-gap: 12px !important;
}

.enterprise-hero-actions,
.platform-hero-copy .mmbs-actions {
  column-gap: clamp(14px, 1.4vw, 20px) !important;
}

:where(
  .mmbs-actions,
  .pricing-actions,
  .release-actions,
  .utility-card-actions,
  .utilities-actions,
  .pdf-workbench-actions,
  .pdf-result-actions,
  .image-workbench-actions,
  .image-result-actions,
  .visaflowx-hero-actions
) > * {
  margin: 0 !important;
}

:where(
  .btn-primary,
  .mmbs-primary,
  .mmbs-secondary,
  .utility-primary-btn,
  .utility-soft-btn,
  .pricing-actions a,
  .release-actions a,
  .utility-card-actions a,
  .utilities-actions button,
  .pdf-workbench-actions button,
  .pdf-result-actions a,
  .image-workbench-actions button,
  .image-result-actions a,
  .tool-chip-list a,
  .utility-tab,
  .delay-mode
) {
  transition:
    background-color var(--premium-motion-fast) var(--premium-ease),
    border-color var(--premium-motion-fast) var(--premium-ease),
    box-shadow var(--premium-motion-fast) var(--premium-ease),
    color var(--premium-motion-fast) var(--premium-ease),
    opacity var(--premium-motion-fast) var(--premium-ease),
    transform var(--premium-motion-fast) var(--premium-ease) !important;
}

:where(
  .btn-primary,
  .mmbs-primary,
  .mmbs-secondary,
  .utility-primary-btn,
  .utility-soft-btn,
  .pricing-actions a,
  .release-actions a,
  .utility-card-actions a,
  .utilities-actions button,
  .pdf-workbench-actions button,
  .pdf-result-actions a,
  .image-workbench-actions button,
  .image-result-actions a,
  .tool-chip-list a,
  .utility-tab,
  .delay-mode
):hover,
:where(
  .btn-primary,
  .mmbs-primary,
  .mmbs-secondary,
  .utility-primary-btn,
  .utility-soft-btn,
  .pricing-actions a,
  .release-actions a,
  .utility-card-actions a,
  .utilities-actions button,
  .pdf-workbench-actions button,
  .pdf-result-actions a,
  .image-workbench-actions button,
  .image-result-actions a,
  .tool-chip-list a,
  .utility-tab,
  .delay-mode
):focus-visible {
  box-shadow: var(--premium-shadow-interact), 0 0 0 1px var(--premium-focus-ring) !important;
  outline: none !important;
  transform: translate3d(0, -1px, 0) !important;
}

:where(
  .btn-primary,
  .mmbs-primary,
  .mmbs-secondary,
  .utility-primary-btn,
  .utility-soft-btn,
  .pricing-actions a,
  .release-actions a,
  .utility-card-actions a,
  .utilities-actions button,
  .pdf-workbench-actions button,
  .image-workbench-actions button,
  .utility-tab,
  .delay-mode
):active {
  transform: translate3d(0, 0, 0) scale(0.985) !important;
}

:where(
  .enterprise-product-console,
  .enterprise-system-rail article,
  .platform-operating-stack > div,
  .enterprise-operating-stack > div,
  .hero-stats .stat,
  .tool-ecosystem-card,
  .tool-chip-list a,
  .utilities-validation-row,
  .pdf-file-row,
  .pdf-result-row,
  .image-result-row,
  .release-card-fallback-note
) {
  transition:
    border-color var(--premium-motion) var(--premium-ease),
    box-shadow var(--premium-motion) var(--premium-ease),
    background-color var(--premium-motion) var(--premium-ease),
    opacity var(--premium-motion) var(--premium-ease),
    transform var(--premium-motion) var(--premium-ease) !important;
}

:where(
  .enterprise-product-console,
  .enterprise-system-rail article,
  .platform-operating-stack > div,
  .enterprise-operating-stack > div,
  .hero-stats .stat,
  .tool-ecosystem-card,
  .tool-chip-list a,
  .utilities-validation-row,
  .pdf-file-row,
  .pdf-result-row,
  .image-result-row
):hover,
:where(
  .enterprise-product-console,
  .enterprise-system-rail article,
  .platform-operating-stack > div,
  .enterprise-operating-stack > div,
  .hero-stats .stat,
  .tool-ecosystem-card,
  .tool-chip-list a,
  .utilities-validation-row,
  .pdf-file-row,
  .pdf-result-row,
  .image-result-row
):focus-within {
  box-shadow: var(--premium-shadow-interact) !important;
  transform: translate3d(0, -1px, 0) !important;
}

:where(
  .utilities-input-panel textarea,
  .utilities-output,
  .toolkit-control select,
  .toolkit-text-control input,
  .toolkit-text-control textarea,
  .image-html-input,
  .image-control input,
  .image-control select,
  .image-control textarea,
  .fixed-delay-control input
):focus-visible {
  box-shadow: 0 0 0 4px var(--premium-focus-ring) !important;
  outline: none !important;
}

@media (max-width: 760px) {
  :where(
    .mmbs-actions,
    .enterprise-hero-actions,
    .pricing-actions,
    .release-actions,
    .utility-card-actions,
    .utilities-actions,
    .pdf-workbench-actions,
    .pdf-result-actions,
    .image-workbench-actions,
    .image-result-actions
  ) {
    row-gap: 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(
    .btn-primary,
    .mmbs-primary,
    .mmbs-secondary,
    .utility-primary-btn,
    .utility-soft-btn,
    .pricing-actions a,
    .release-actions a,
    .utility-card-actions a,
    .utilities-actions button,
    .pdf-workbench-actions button,
    .pdf-result-actions a,
    .image-workbench-actions button,
    .image-result-actions a,
    .tool-chip-list a,
    .utility-tab,
    .delay-mode,
    .enterprise-product-console,
    .enterprise-system-rail article,
    .platform-operating-stack > div,
    .enterprise-operating-stack > div,
    .hero-stats .stat,
    .tool-ecosystem-card,
    .utilities-validation-row,
    .pdf-file-row,
    .pdf-result-row,
    .image-result-row
  ) {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Premium product visualization layer: lightweight inline SVG + transform-only motion. */
:root {
  --visual-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --visual-motion-fast: 150ms;
  --visual-motion: 220ms;
  --visual-border: rgba(148, 163, 184, 0.18);
  --visual-surface:
    linear-gradient(145deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.024)),
    rgba(15, 23, 42, 0.58);
  --visual-glow: 0 20px 62px rgba(14, 165, 233, 0.14);
}

html[data-theme="light"] body {
  --visual-border: rgba(15, 23, 42, 0.12);
  --visual-surface:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.82)),
    rgba(255, 255, 255, 0.9);
  --visual-glow: 0 18px 48px rgba(15, 23, 42, 0.09);
}

.product-motion-graphic {
  background: var(--visual-surface);
  border: 1px solid var(--visual-border);
  border-radius: 14px;
  box-shadow: var(--visual-glow);
  color: var(--text, #e5e7eb);
  overflow: hidden;
  position: relative;
  transition:
    border-color var(--visual-motion) var(--visual-ease),
    box-shadow var(--visual-motion) var(--visual-ease),
    transform var(--visual-motion) var(--visual-ease);
}

.product-motion-graphic::before {
  background:
    radial-gradient(60% 120% at 16% 0%, rgba(34, 211, 238, 0.15), transparent 52%),
    radial-gradient(70% 120% at 100% 100%, rgba(16, 185, 129, 0.12), transparent 56%),
    linear-gradient(90deg, rgba(148, 163, 184, 0.09) 1px, transparent 1px),
    linear-gradient(180deg, rgba(148, 163, 184, 0.07) 1px, transparent 1px);
  background-size: auto, auto, 42px 42px, 42px 42px;
  content: "";
  inset: 0;
  opacity: 0.78;
  pointer-events: none;
  position: absolute;
}

.product-motion-graphic > * {
  position: relative;
  z-index: 1;
}

.product-motion-graphic svg {
  display: block;
  inline-size: 100%;
}

.product-motion-graphic-home svg {
  inline-size: min(100%, 520px);
  margin-inline: auto;
}

.toolkit-story-graphic:not(.visaflowx-flow-graphic) svg {
  inline-size: min(100%, 820px);
  margin-inline: auto;
}

.product-motion-graphic text {
  fill: currentColor;
  font-family: inherit;
  font-size: 13px;
  font-weight: 760;
  letter-spacing: 0;
  text-anchor: middle;
}

.product-motion-graphic .motion-small {
  fill: var(--muted, #94a3b8);
  font-size: 10px;
  font-weight: 680;
}

.motion-grid-line {
  opacity: 0.34;
  stroke: rgba(148, 163, 184, 0.42);
  stroke-dasharray: 3 10;
  stroke-linecap: round;
}

.motion-flow-line {
  fill: none;
  opacity: 0.92;
  stroke: url(#homeFlowLine);
  stroke-linecap: round;
  stroke-width: 2;
}

.email-flow-graphic .motion-flow-line { stroke: url(#emailFlowLine); }
.pdf-flow-graphic .motion-flow-line { stroke: url(#pdfFlowLine); }
.image-flow-graphic .motion-flow-line { stroke: url(#imageFlowLine); }
.visaflowx-flow-graphic .motion-flow-line { stroke: url(#visaFlowLine); }

.motion-node rect,
.visa-node rect,
.motion-doc-stack rect,
.motion-doc-output rect,
.image-frame rect {
  fill: rgba(15, 23, 42, 0.58);
  stroke: rgba(148, 163, 184, 0.22);
  stroke-width: 1;
}

html[data-theme="light"] body .motion-node rect,
html[data-theme="light"] body .visa-node rect,
html[data-theme="light"] body .motion-doc-stack rect,
html[data-theme="light"] body .motion-doc-output rect,
html[data-theme="light"] body .image-frame rect {
  fill: rgba(255, 255, 255, 0.84);
  stroke: rgba(15, 23, 42, 0.13);
}

.motion-node,
.visa-node,
.motion-doc-stack,
.motion-doc-output,
.image-frame,
.motion-bars rect,
.motion-checks,
.motion-check-mark {
  transform-box: fill-box;
  transform-origin: center;
}

.motion-doc-stack path,
.motion-doc-output path,
.image-frame path,
.motion-checks path,
.motion-check-mark,
.visa-node path {
  fill: none;
  stroke: rgba(226, 232, 240, 0.72);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
}

html[data-theme="light"] body .motion-doc-stack path,
html[data-theme="light"] body .motion-doc-output path,
html[data-theme="light"] body .image-frame path,
html[data-theme="light"] body .motion-checks path,
html[data-theme="light"] body .motion-check-mark,
html[data-theme="light"] body .visa-node path {
  stroke: rgba(15, 23, 42, 0.52);
}

.motion-packet {
  fill: #67e8f9;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
}

.motion-bars rect {
  fill: rgba(16, 185, 129, 0.56);
}

.image-frame circle {
  fill: rgba(34, 211, 238, 0.35);
}

.image-frame text,
.visa-node text {
  fill: var(--muted, #94a3b8);
  font-size: 11px;
  font-weight: 720;
}

.product-motion-graphic:hover,
.product-motion-graphic:focus-within {
  border-color: rgba(56, 189, 248, 0.28);
  box-shadow: var(--visual-glow), 0 0 0 1px rgba(56, 189, 248, 0.1);
  transform: translate3d(0, -1px, 0);
}

.product-motion-graphic-home {
  margin-block: 14px 12px;
  padding: 10px;
}

.toolkit-story-graphic {
  inline-size: min(100%, 1120px);
  margin: clamp(18px, 2.6vw, 28px) 0 clamp(16px, 2.2vw, 24px);
  margin-inline: auto;
  max-inline-size: 1120px;
  padding: clamp(10px, 1.8vw, 16px);
}

.visaflowx-flow-graphic {
  display: grid;
  gap: clamp(14px, 2vw, 20px);
  grid-template-columns: minmax(0, 0.72fr) minmax(280px, 1fr);
  padding: clamp(18px, 2.4vw, 26px);
}

.visaflowx-flow-graphic svg,
.visaflowx-flow-graphic .motion-status-row {
  grid-column: 2;
}

.visual-copy {
  align-self: center;
  grid-row: 1 / span 2;
}

.visual-copy h2 {
  font-size: clamp(1.32rem, 1.1rem + 1vw, 2rem);
  letter-spacing: 0;
  line-height: 1.08;
  margin: 8px 0 10px;
}

.visual-copy p {
  color: var(--muted, #94a3b8);
  margin: 0;
}

.toolkit-hero,
.visaflowx-hero-copy {
  align-content: start !important;
  align-self: start !important;
  justify-items: start !important;
}

.toolkit-hero > *,
.visaflowx-hero-copy > * {
  justify-self: start !important;
}

.motion-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 6px 6px;
}

.motion-status-row span {
  align-items: center;
  background: rgba(15, 23, 42, 0.42);
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  color: var(--muted, #94a3b8);
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 7px;
  letter-spacing: 0;
  min-height: 30px;
  padding: 6px 10px;
}

html[data-theme="light"] body .motion-status-row span {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(15, 23, 42, 0.1);
}

.motion-status-row i {
  background: #22c55e;
  border-radius: 999px;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
  display: inline-block;
  height: 7px;
  width: 7px;
}

@media (prefers-reduced-motion: no-preference) {
  .motion-packet-one,
  .motion-packet-two {
    animation: motion-packet-home 4.2s var(--visual-ease) infinite;
  }

  .motion-packet-two {
    animation-delay: 1.45s;
  }

  .email-packet-one,
  .email-packet-two {
    animation: motion-packet-email 3.8s var(--visual-ease) infinite;
  }

  .email-packet-two {
    animation-delay: 1.25s;
  }

  .pdf-packet-one,
  .pdf-packet-two {
    animation: motion-packet-pdf 4s var(--visual-ease) infinite;
  }

  .pdf-packet-two {
    animation-delay: 1.35s;
  }

  .image-packet-one,
  .image-packet-two {
    animation: motion-packet-image 3.9s var(--visual-ease) infinite;
  }

  .image-packet-two {
    animation-delay: 1.32s;
  }

  .visa-packet-one,
  .visa-packet-two {
    animation: motion-packet-visa 4.3s var(--visual-ease) infinite;
  }

  .visa-packet-two {
    animation-delay: 1.45s;
  }

  .motion-node-b,
  .motion-doc-output,
  .image-frame-after,
  .visa-node-b,
  .visa-node-c {
    animation: motion-node-breathe 3.4s var(--visual-ease) infinite;
  }

  .motion-bars rect {
    animation: motion-bar-lift 2.8s var(--visual-ease) infinite;
  }

  .motion-bars rect:nth-child(2) { animation-delay: 120ms; }
  .motion-bars rect:nth-child(3) { animation-delay: 240ms; }
  .motion-bars rect:nth-child(4) { animation-delay: 360ms; }
}

@keyframes motion-packet-home {
  0%, 8% { opacity: 0; transform: translate3d(0, 0, 0) scale(0.82); }
  16%, 78% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(372px, 0, 0) scale(1); }
}

@keyframes motion-packet-email {
  0%, 8% { opacity: 0; transform: translate3d(0, 0, 0) scale(0.82); }
  16%, 78% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(424px, 0, 0) scale(1); }
}

@keyframes motion-packet-pdf {
  0%, 8% { opacity: 0; transform: translate3d(0, 0, 0) scale(0.82); }
  16%, 78% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(390px, 0, 0) scale(1); }
}

@keyframes motion-packet-image {
  0%, 8% { opacity: 0; transform: translate3d(0, 0, 0) scale(0.82); }
  16%, 78% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(392px, 0, 0) scale(1); }
}

@keyframes motion-packet-visa {
  0%, 8% { opacity: 0; transform: translate3d(0, 0, 0) scale(0.82); }
  16%, 78% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(512px, 0, 0) scale(1); }
}

@keyframes motion-node-breathe {
  0%, 100% { opacity: 0.92; transform: translate3d(0, 0, 0); }
  50% { opacity: 1; transform: translate3d(0, -2px, 0); }
}

@keyframes motion-bar-lift {
  0%, 100% { opacity: 0.5; transform: scaleY(0.76); }
  50% { opacity: 0.94; transform: scaleY(1); }
}

@media (max-width: 760px) {
  .product-motion-graphic-home {
    display: none;
  }

  .toolkit-story-graphic {
    border-radius: 12px;
    margin-block: 16px;
    padding: 8px;
  }

  .visaflowx-flow-graphic {
    grid-template-columns: 1fr;
  }

  .visaflowx-flow-graphic svg,
  .visaflowx-flow-graphic .motion-status-row,
  .visual-copy {
    grid-column: 1;
    grid-row: auto;
  }

  .motion-status-row {
    gap: 7px;
  }

  .motion-status-row span {
    font-size: 11px;
    min-height: 28px;
    padding-inline: 9px;
  }

  .mmbs-motion-compact .mmbs-hero::before,
  .mmbs-motion-compact .mmbs-hero::after,
  .mmbs-motion-compact .product-home-hero::before,
  .mmbs-motion-compact .product-home-hero::after,
  .mmbs-motion-compact .enterprise-hero::before,
  .mmbs-motion-compact .enterprise-hero::after,
  .mmbs-motion-compact .toolkit-page-section::before,
  .mmbs-motion-compact .toolkit-page-section::after,
  .mmbs-motion-compact .motion-packet,
  .mmbs-motion-compact .motion-node-b,
  .mmbs-motion-compact .motion-doc-output,
  .mmbs-motion-compact .image-frame-after,
  .mmbs-motion-compact .visa-node-b,
  .mmbs-motion-compact .visa-node-c,
  .mmbs-motion-compact .motion-bars rect {
    animation: none !important;
    transform: none !important;
  }

  .mmbs-motion-compact .motion-packet {
    opacity: 0.76;
  }
}

.contact-support-grid,
.contact-faq-grid {
  margin-inline: auto !important;
}

.contact-support-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  max-width: min(100%, 980px) !important;
}

.contact-faq-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-width: min(100%, 760px) !important;
}

.contact-support-grid .seo-trust-card,
.contact-faq-grid .faq-card {
  min-height: 100% !important;
}

.protected-contact-link {
  overflow-wrap: anywhere;
}

@media (max-width: 820px) {
  .contact-support-grid,
  .contact-faq-grid {
    grid-template-columns: 1fr !important;
    max-width: min(100%, 34rem) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-motion-graphic,
  .product-motion-graphic *,
  .motion-packet,
  .motion-node-b,
  .motion-doc-output,
  .image-frame-after,
  .visa-node-b,
  .visa-node-c,
  .motion-bars rect {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}