/* Content scrolls over one viewport-fixed atmosphere. Media, action buttons and transient menus retain local surfaces;
   ordinary typography stays directly on the atmosphere. */
html[data-theme] body main,
html[data-theme] body main :is(section, article, h1, h2, h3, h4, p, summary),
html[data-theme] body main :is(.feature-agent-flow, .feature-story-sticky-header, .feature-story-sticky-header__inner, .feature-intro-page, .feature-intro-sticky, .feature-title, .feature-copy, .hero-copy, .inner, .wrap, .agent-card, .agent-card-inner, .screen-eight, .screen-nine, .screen-ten, .faq-list, .faq-item, .faq-answer, .faq-question, .final-inner, .security, .community, .hero-bg, .hero-grid) {
  background: transparent !important; box-shadow: none !important;
}
html[data-theme] body main :is(h1,h2,h3,h4,p,.feature-tag,.feature-kicker,.eyebrow) {
  color: var(--movo-text-primary) !important; -webkit-text-fill-color: currentColor !important;
  background: none !important;
}
html[data-theme] body main :is(p,.feature-kicker) { color: var(--movo-text-secondary) !important; }
html[data-theme] body :is(main,[data-movo-shell]) :is(a.btn,button:not(:where(.public-account-user-trigger, .public-account-action)),.hero-cta,.get-started-button,.arrow-btn,.social-pill,.final-cta,.final-cta-button,.feature-cta) {
  background: transparent !important; box-shadow: none !important; color: var(--movo-text-primary) !important;
}
html[data-theme] body main :is(.get-started-button,.hero-cta,.feature-cta) span { color: inherit !important; }
html[data-theme] body main:is(.hero-bg,.hero-grid)::before,
html[data-theme] body main:is(.hero-bg,.hero-grid)::after,
html[data-theme] body main :is(.hero-bg,.hero-grid,section,article,.agent-card)::before,
html[data-theme] body main :is(.hero-bg,.hero-grid,section,article,.agent-card)::after {
  background: none !important; box-shadow: none !important;
}
html[data-theme] body .hero-figma-background { opacity: 0 !important; }
html[data-theme] body [data-movo-shell="footer"] { background: transparent !important; }
html[data-theme] body [data-movo-shell="header"]::before { background: rgb(var(--movo-canvas-rgb) / .82); }
html[data-theme] body :is(main,[data-movo-shell]) :is(a,button):hover { text-decoration-color: currentColor; }
html[data-theme] body :is(main,[data-movo-shell]) :is(a,button):focus-visible { outline: 2px solid var(--movo-text-primary); outline-offset: 4px; }
html[data-theme] body [data-movo-shell] :is(.site-footer-socials a,.site-footer-back-top,.public-account-checking-trigger) { background: transparent; box-shadow: none; }
html[data-theme] body main summary { color: var(--movo-text-primary); }
/* Closing sections share the viewport atmosphere, including their media edges. */
html[data-theme] body main :is(.final-card,.final-glow) { background: transparent !important; box-shadow: none !important; }
html[data-theme] body main :is(.final-card,.final-strip)::before,
html[data-theme] body main :is(.final-card,.final-strip)::after { background: none !important; box-shadow: none !important; }
html[data-theme] body main .final-strip {
  mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);
}
/* Replace the About hero's baked dark backdrop with the shared atmosphere. */
html[data-theme] .about-reference-media > img:first-child { opacity: 0; }
html[data-theme] .about-reference-media::after { background: none; }
html[data-theme] :is(.about-reference-title,.about-reference-subtitle) span { color: inherit; background: none; -webkit-text-fill-color: currentColor; }
html[data-theme="light"] .about-reference-icon { filter: brightness(.16); }
html[data-theme] .about-final-cta__button { background: transparent; box-shadow: none; color: var(--movo-text-primary); }

/* Brand-colored actions stay recognizable in both color schemes. */
html[data-theme] body :is(main,[data-movo-shell]) :is(.get-started-button,.hero-cta,.feature-cta,.final-figma-button,.about-final-cta__button,a.btn.primary) {
  background: #7544d4 !important; color: #fff !important;
  border: 1px solid #7544d4 !important; border-radius: 999px;
  box-shadow: 0 6px 22px rgb(117 68 212 / .2) !important;
}
html[data-theme] body :is(main,[data-movo-shell]) :is(.get-started-button,.hero-cta,.feature-cta,.final-figma-button,.about-final-cta__button,a.btn.primary):hover {
  background: #6534c4 !important; border-color: #6534c4 !important;
}
html[data-theme] body main :is(.final-figma-button,.about-final-cta__button,.get-started-button) span { color: inherit !important; -webkit-text-fill-color: currentColor !important; }
html[data-theme] body main .social-pill { background: rgb(var(--movo-canvas-rgb) / .72) !important; border: 1px solid var(--movo-line); }
html[data-theme] body main .security-copy p { opacity: 1 !important; }

/* Inner-page titles share a quieter scale and a teal-to-blue emphasis. */
html[data-theme] body main h1.inner-page-title {
  font-size: clamp(28px, 3.5vw, 48px) !important;
  line-height: 1.18 !important; font-weight: 650; letter-spacing: -.025em;
}
html[data-theme] body main .doc-main h1.inner-page-title { font-size: clamp(28px, 3vw, 38px) !important; }
html[data-theme] body main h1.inner-page-title :is(.title-line,.hero-line) { white-space: normal; }
html[data-theme] body main h1.inner-page-title .page-title-accent {
  display: inline; font: inherit; letter-spacing: inherit;
  background: linear-gradient(110deg, #36edb6, #55c4ff) !important;
  background-clip: text !important; -webkit-background-clip: text !important;
  color: transparent !important; -webkit-text-fill-color: transparent !important;
}
html[data-theme="light"] body main h1.inner-page-title .page-title-accent {
  background-image: linear-gradient(110deg, #008866, #1468cb) !important;
}
/* About's two lines form one visual headline. */
html[data-theme] body main .about-reference-subtitle { font-size: clamp(28px, 3.5vw, 48px) !important; line-height: 1.18 !important; }
html[data-theme] body main h1.inner-page-title span:not(.page-title-accent) {
  color: inherit !important; -webkit-text-fill-color: currentColor !important;
  background: none !important;
}

/* Guide article CTAs always use white foregrounds on the purple fill. */
html[data-theme] body main .article-cta .cta-btn,
html[data-theme] body main .article-cta .cta-btn :is(span,svg) {
  color: #fff !important; -webkit-text-fill-color: #fff !important;
}